/* Welcome to Compass. * Styles Citi Samsung Pay * Autor: Melany Ramirez */ /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ /* Function Calculate ems */ /*End Functions*/ /*Variables*/ /*teamsite*/ /*teamsite*/ /*Media Queries variables*/ /***breakpoints to fix layout issues***/ /*****Fonts*****/ @font-face{font-family:"interstate";font-style:normal;font-weight:normal;src:url("/gcb/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"),url("/gcb/fonts/interstaterom-webfont.woff") format("woff"),url("/gcb/fonts/interstaterom-webfont.ttf") format("truetype"),url("/gcb/fonts/interstaterom-webfont.svg#Citibank") format("svg");} @font-face{font-family:"interstate-light";font-style:normal;font-weight:normal;src:url("/gcb/font/interstate_extralight.eot?#iefix") format("embedded-opentype"),url("/gcb/font/interstate_extralight.woff") format("woff"),url("/gcb/font/interstate_extralight.sitx") format("truetype"),url("/gcb/font/interstate_extralight.svg#Citibank") format("svg");} @font-face{font-family:"interstate-lightfont";font-style:normal;font-weight:normal;src:url("/gcb/font/interstaterom-webfont-light.eot?#iefix") format("embedded-opentype"),url("/gcb/font/interstaterom-webfont-light.woff") format("woff"),url("/gcb/font/interstaterom-webfont-light.sitx") format("truetype"),url("/gcb/font/interstate_extralight.svg#Citibank") format("svg");} @font-face{font-family:'InterstateRegular';src:url("fonts/Interstate-Regular.eot");src:url("fonts/Interstate-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/Interstate-Regular.ttf") format("truetype");} @font-face{font-family:'InterstateCondensed';src:url("fonts/Interstate-BoldCondensed.eot");src:url("fonts/Interstate-BoldCondensed.eot?#iefix") format("embedded-opentype"),url("fonts/Interstate-BoldCondensed.ttf") format("truetype");} @font-face{font-family:'InterstateLight';src:url("fonts/Interstate-Light.eot");src:url("fonts/Interstate-Light.eot?#iefix") format("embedded-opentype"),url("fonts/Interstate-Light.ttf") format("truetype");} @font-face{font-family:'InterstateBold';src:url("fonts/Interstate-Bold.eot");src:url("fonts/Interstate-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/Interstate-Bold.ttf") format("truetype");} /******End fonts*****/ /*General styles*/ /* line 10, ../sass/samsung-pay.scss */ .body{font-family:InterstateLight,Helvetica,sans-serif;margin:0px;} /* line 15, ../sass/samsung-pay.scss */ html{ /*font-size: 100%;*/ font-size:10px!important;-webkit-text-size-adjust:none;} #samsung-pay{padding-top:1px} /* line 21, ../sass/samsung-pay.scss */ .main{max-width:1024px;margin:0 auto !important;position:relative;} /* line 27, ../sass/samsung-pay.scss */ .clear{clear:both;} /* line 31, ../sass/samsung-pay.scss */ sup{font-size:0.7em;line-height:0;vertical-align:5px;} /* line 37, ../sass/samsung-pay.scss */ strong{font-weight:bold;} /* line 41, ../sass/samsung-pay.scss */ i{font-style:italic;} /* line 44, ../sass/samsung-pay.scss */ .hide-for-medium{display:none;} /* line 48, ../sass/samsung-pay.scss */ .hide-for-small{display:block;} /* line 52, ../sass/samsung-pay.scss */ .row{padding:1em;clear:both;} /* line 57, ../sass/samsung-pay.scss */ .col12{width:100%;} /* line 61, ../sass/samsung-pay.scss */ .col4{width:33.33333%;float:left;} /* line 66, ../sass/samsung-pay.scss */ .col3{width:25%;float:left;} /* line 71, ../sass/samsung-pay.scss */ .small{display:block;} /* line 75, ../sass/samsung-pay.scss */ .medium{display:none;} /* line 78, ../sass/samsung-pay.scss */ .large{display:none;} /* line 81, ../sass/samsung-pay.scss */ .medium-large{display:none;} .small-large{display:block;} .ie{display:none;} .nowrap{white-space:nowrap;} /* line 85, ../sass/samsung-pay.scss */ h1{font-size:1.8em;color:#034ea2;font-family:'InterstateLight';margin-bottom:0.83333em;line-height:1.25em;} .hero-title{font-size:2.4em;color:"#333333";font-family:InterstateRegular;margin-bottom:0.83333em;line-height:1.25em;} /* line 93, ../sass/samsung-pay.scss */ h2{font-size:2.4em;color:"#333333";font-family:InterstateLight!important;text-align:center;margin-bottom:1.25em;line-height:1.25em;} /* line 102, ../sass/samsung-pay.scss */ h3{font-size:2.4em;color:#333333;font-family:InterstateLight;margin-bottom:1.25em;line-height:1.25em;} /* line 110, ../sass/samsung-pay.scss */ h4{font-size:1.8em;color:#ffffff;font-family:InterstateRegular;margin-bottom:0.5em;line-height:1.33333em;} /* line 118, ../sass/samsung-pay.scss */ p{font-size:1.5em;color:#333333;font-family:InterstateLight;line-height:1.3em; /* padding-left: 0 !important; */} .smallNote{font-size: 0.8em;font-family:InterstateRegular;} /* line 125, ../sass/samsung-pay.scss */ .blue-button{border:1px solid #05589d;background-color:#05589d;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:1.2em;color:#ffffff;font-family:InterstateLight;text-decoration:none;padding:0.5em 1em 0.5em 1em;} .tab-text>.blue-button{width:12.5em;padding:0.7em;font-size:1.5em;text-align:center;border:1px solid #000000;margin:0 auto;} .learn-more{background:#ffffff;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;font-size:1.6em;color:#034ea2;font-family:InterstateBold;text-decoration:none;padding:0.7em 1.5em 0.7em 1.5em;width:6.5em;} /*End General styles*/ /* line 140, ../sass/samsung-pay.scss */ #header-samsung{background:url(../images/bg_header.jpg) repeat-x;height:5em;line-height:5em;background-size:contain;padding-left:1em;padding-right:1em;position:fixed;left:0;right:0;top:0;z-index:9000;} /* line 152, ../sass/samsung-pay.scss */ #header-samsung .wrapper-header{max-width:1024px;margin:0 auto;} /* line 155, ../sass/samsung-pay.scss */ #header-samsung .wrapper-header .logoCiti{padding-top:1em;width:25%;float:left;} /* line 159, ../sass/samsung-pay.scss */ #header-samsung .wrapper-header .logoCiti a{background:url(../images/citi-logo-mobile.png) no-repeat;display:block;text-indent:-99999px;} /* line 166, ../sass/samsung-pay.scss */ #header-samsung .wrapper-header #menu-icon{background:url(../images/menu-icon.png) no-repeat;margin-top:1em;width:30px;height:27px;background-size:30px 27px;cursor:pointer;float:right;text-indent:-99999px;} /* line 176, ../sass/samsung-pay.scss */ #header-samsung .wrapper-header .menu-icon-close{background:url(../images/menu-icon-close.png) no-repeat!important;} /* line 183, ../sass/samsung-pay.scss */ .content{position:relative;margin-top:5em;} /* line 187, ../sass/samsung-pay.scss */ .overlay{background-color:#000000;bottom:0;left:0;opacity:0.5;position:fixed;right:0;top:5em;z-index:2000;display:none;} /* line 198, ../sass/samsung-pay.scss */ #nav-samsung{display:none;background:url(../images/overlay-bg.png) repeat;height:100%;} /* line 202, ../sass/samsung-pay.scss */ #nav-samsung ul{width:20em;position:fixed;z-index:9999;top:5em;} /* line 207, ../sass/samsung-pay.scss */ #nav-samsung ul li{background-color:#ffffff;border-bottom:#cccccc 1px solid;padding-bottom:2em;padding-top:2em;padding-left:1em;} /* line 213, ../sass/samsung-pay.scss */ #nav-samsung ul li a{text-transform:uppercase;color:#05589d;font-family:InterstateLight;text-decoration:none;font-size:1.2em;} /* line 224, ../sass/samsung-pay.scss */ #footer{padding-left:2em;padding-right:2em;padding-bottom:7em;padding-top:2em;font-family:"interstate";} /* desktop.css */ #footer{background:#fff;font-size:9px;padding:15px;font-family:"interstate";} #footer a{color:#666;text-decoration:none;text-transform:uppercase;font-size:12px;font-family:"interstate";} #footer .text-right a{position:relative;display:inline-block;margin-right:7px;font-family:"interstate";} #footer .text-right a:before{content:'/';float:right;margin-left:7px;} #footer .footer-row:first-child{padding-bottom:15px;margin-bottom:10px;border-bottom:solid 1px #ccc;} #footer .footer-cell{text-align:left;margin-top:10px} /* line 224, ../sass/samsung-pay.scss */ #footerSamsung{padding-left:2em;padding-right:2em;background:#282828; /* padding-bottom: 7em; */} #footer-brand{width:40px;float:left;} /* line 227, ../sass/samsung-pay.scss */ #footer #nav-footer{margin-top:2em;width:100%;padding:12px 0px;border-bottom:1px solid #333333;overflow:hidden;} /* line 234, ../sass/samsung-pay.scss */ #footer #nav-footer #left-nav{overflow:hidden;margin-left:0px;} /* line 237, ../sass/samsung-pay.scss */ #footer #nav-footer #left-nav li{font-size:1em;float:none;margin-bottom:15px;} /* line 242, ../sass/samsung-pay.scss */ #footer #nav-footer #left-nav li a{color:#ffffff;font-family:InterstateLight,sans-serif;font-size:1.1em;text-decoration:none;text-transform:uppercase;} /* line 251, ../sass/samsung-pay.scss */ #footer #nav-footer #right-nav{overflow:hidden;float:right;padding-top:10px;} /* line 253, ../sass/samsung-pay.scss */ #footer #nav-footer #right-nav li{margin-bottom:15px;float:none;} /* line 257, ../sass/samsung-pay.scss */ #footer #nav-footer #right-nav li a{color:#ffffff;font-family:InterstateLight,sans-serif;font-size:1.1em;text-decoration:none;text-transform:uppercase;} /* line 265, ../sass/samsung-pay.scss */ #footer #nav-footer #right-nav li.last-li{margin-right:0px;} /* line 274, ../sass/samsung-pay.scss */ #legal{margin-bottom:30px;margin-top:20px;overflow:hidden; /* border-bottom: 1px solid #333333; */} /* line 278, ../sass/samsung-pay.scss */ #legal p{font-family:Arial,verdana;font-size:1.2em;color:#6c6c6c;margin-bottom:1em;color:#999999;} /* line 285, ../sass/samsung-pay.scss */ #legal .footnotes a{color:#ffffff;} #legal .footnotes a:hover{color:#d8d8d8;} /* line 289, ../sass/samsung-pay.scss */ #legal #footer-brand{width:45px;margin-bottom:2em;} .partner-logos{float:right;} .partner-logos img{margin-right:15px;} /* line 293, ../sass/samsung-pay.scss */ #nav-footer #followus{line-height:1em;} /* line 296, ../sass/samsung-pay.scss */ #nav-footer #followus a{background-image:url("../images/sprites/social-icons.png");background-repeat:no-repeat;display:block;float:left;margin-left:15px;text-indent:-99999px;} /* line 305, ../sass/samsung-pay.scss */ #followus #twitter-icon{width:30px;height:30px;background-position:-30px 1px;} /* line 310, ../sass/samsung-pay.scss */ #followus #facebook-icon{width:15px;height:30px;background-position:-7px 2px;} /* line 315, ../sass/samsung-pay.scss */ #followus #youtube-icon{width:29px;height:30px;background-position:-61px 2px;} #creditCard .text{font-family:InterstateLight;float:left;vertical-align:middle;padding:2em 1em 2em 1em;width:96%!important;font-size:1.2em;} #creditCard .text span{font-size:1.5em;line-height:1em; /* color:#002D72; */} #creditCard hr{color:#eeeeee;margin:1em 0;} #creditCard .tnc{font-size:0.8em;margin:1em 0;} #creditCard h3{font-size:2em;color:#333333;font-family:InterstateLight;margin-bottom:1em;line-height:1.25em;} /**Sections**/ /* line 324, ../sass/samsung-pay.scss */ #slider{padding:0px;} /*#promotion { background: #013B80; padding:0; margin:0; text-align: left; color: #ffffff; } */ /* line 328, ../sass/samsung-pay.scss */ #citi-mobile{background:#013B80;padding-top:3em;padding-bottom:5em;text-align:center;} /* line 333, ../sass/samsung-pay.scss */ #citi-mobile .logo{margin-bottom:3em;} /* line 336, ../sass/samsung-pay.scss */ #citi-mobile p{text-align:center;color:#ffffff;margin-bottom:1.875em;font-family:InterstateLight;} /* line 341, ../sass/samsung-pay.scss */ #citi-mobile h2{color:#ffffff;} /* line 347, ../sass/samsung-pay.scss */ #tabs-samsung .tab{overflow:hidden;background:white; /* Old browsers */background:-moz-linear-gradient(top,white 0%,#f2f2f2 100%); /* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,white 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,white 0%,#f2f2f2 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,white 0%,#f2f2f2 100%); /* IE10+ */background:linear-gradient(to bottom,white 0%,#f2f2f2 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0); /* IE6-9 */} /* line 358, ../sass/samsung-pay.scss */ #tabs-samsung .tab p{margin-bottom:1em;} /* line 362, ../sass/samsung-pay.scss */ #tabs-samsung .tabs{padding:0px;position:relative;} /* line 364, ../sass/samsung-pay.scss */ #tabs-samsung .tabs a{text-decoration:none;} /* line 367, ../sass/samsung-pay.scss */ #tabs-samsung .tabs .col4{border-top:1px solid #bfd1df;border-bottom:1px solid #cccccc;height:6.8em;background:url("../images/bg-tabs-right.jpg") right bottom no-repeat,url("../images/bg-tabs-right.jpg") left bottom no-repeat,url("../images/bg-tabs-small.jpg") repeat-x;} /* line 375, ../sass/samsung-pay.scss */ #tabs-samsung .tabs .active{ /* background: url("images/bg-tabs-solid.jpg") right bottom no-repeat, url("images/bg-tabs-solid.jpg") left bottom no-repeat;*/ background:none;background-color:#ffffff;border-top:4px solid #00b6f0;border-bottom:none;height:6.6em;width:33.2%;} /* line 384, ../sass/samsung-pay.scss */ #tabs-samsung .tabs .active h2{color:#034ea2;} /* line 389, ../sass/samsung-pay.scss */ #tabs-samsung .tabs h2{color:#333333;font-size:1.2em;cursor:pointer;text-transform:uppercase;padding:0.8em 1.1em;line-height:1.16667em;font-family:InterstateRegular;} /* line 398, ../sass/samsung-pay.scss */ #tabs-samsung .tab1{padding-top:3em;padding-bottom:3em;} /* line 402, ../sass/samsung-pay.scss */ #tabs-samsung .tab1 ol{list-style-type:none;list-style-type:decimal; /*IE 7- hack*/margin:0;margin-left:2em;padding:0;counter-reset:li-counter;} /* line 409, ../sass/samsung-pay.scss */ #tabs-samsung .tab1 ol li{position:relative;margin-bottom:1.875em;padding-left:0.5em;font-family:InterstateLight;font-size:1.6em;color:#f8f8f8;line-height:1.375em;} /* line 417, ../sass/samsung-pay.scss */ #tabs-samsung .tab1 ol li div{margin-left:-28px;margin-top:10px;font-family:InterstateLight;color:#333333;} /* line 421, ../sass/samsung-pay.scss */ #tabs-samsung .tab1 ol li strong{color:#034ea2;font-family:InterstateBold;font-size:1.125em;} /* line 426, ../sass/samsung-pay.scss */ #tabs-samsung .tab1 ol li:before{position:absolute;top:0;left:-1.45em;width:1.3em;height:1.3em;line-height:1.3;text-align:center;color:#ffffff;border-radius:50%;background-color:#05589d;content:counter(li-counter);counter-increment:li-counter;} /* line 446, ../sass/samsung-pay.scss */ #tabs-samsung .tab2{padding-top:3em;padding-left:2em;padding-right:2em;padding-bottom:7em;display:none;} /* line 452, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 .add-card{width:11.2em;margin:0 auto;} /* line 458, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 p{margin-bottom:1.5em;font-family:InterstateLight;} /* line 460, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 p strong{color:#333333;font-family:InterstateRegular;font-size:1.125em;} /* line 466, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 ol{list-style-type:none;list-style-type:decimal; /*IE 7- hack*/margin:0;margin-left:2em;padding:0;counter-reset:li-counter;} /* line 473, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 ol li{position:relative;margin-bottom:1.875em;padding-left:0.5em;font-family:InterstateBold,InterstateLight;font-size:1.6em;line-height:1.375em;color:#f8f8f8;} #tabs-samsung .tab2 ol li span{color:#034ea2;} /* line 481, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 ol li div{margin-left:-28px;margin-top:10px;} /* line 485, ../sass/samsung-pay.scss */ #tabs-samsung .tab2 ol li:before{position:absolute;top:0;left:-1.33em;width:1.3em;height:1.3em;line-height:1.3;text-align:center;color:#ffffff;border-radius:50%;background-color:#05589d;content:counter(li-counter);counter-increment:li-counter;} /* line 505, ../sass/samsung-pay.scss */ #tabs-samsung .tab3{padding-top:3em;padding-left:2em;padding-right:2em; /* padding-bottom: 10em; */display:none;} /* line 511, ../sass/samsung-pay.scss */ #tabs-samsung .tab3 .see-apps{width:8.5em;margin:0 auto;text-align:center;} /* line 515, ../sass/samsung-pay.scss */ #tabs-samsung .tab3 h3{text-align:left;padding-left:0.3em;padding-right:0em;} /* line 520, ../sass/samsung-pay.scss */ #tabs-samsung .tab3 p{text-align:left;padding-left:0.625em;padding-right:0.625em;margin:1.5em 0;font-family:InterstateLight;} /* line 526, ../sass/samsung-pay.scss */ #tabs-samsung .tab3 .logos{width:100%;text-align:center;margin-bottom:0em;border-top:2px solid #cccccc;padding-top:3em;} /* line 532, ../sass/samsung-pay.scss */ #tabs-samsung .tab3 .logos .subhead1{font-size:2em;color:#333333;} /* line 537, ../sass/samsung-pay.scss */ #tabs-samsung .tab3 .logos img:first-of-type{margin-right:20px;margin-bottom:13px;} /* line 546, ../sass/samsung-pay.scss */ #faqs-samsung{padding-top:3em;padding-bottom:3em;background:white; /* Old browsers */background:-moz-linear-gradient(top,white 0%,#f2f2f2 100%); /* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,white 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,white 0%,#f2f2f2 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,white 0%,#f2f2f2 100%); /* IE10+ */background:linear-gradient(to bottom,white 0%,#f2f2f2 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0); /* IE6-9 */} /* line 557, ../sass/samsung-pay.scss */ #faqs-samsung .questions{border-bottom:1px solid #cccccc;padding:2em 1em 2em 1em;background:url("../images/arrow-down.png") no-repeat right 1em top 2.5em;} /* line 561, ../sass/samsung-pay.scss */ #faqs-samsung .questions:first-of-type{padding-top:0px;background:url("../images/arrow-down.png") no-repeat right 1em top 1em;} /* line 565, ../sass/samsung-pay.scss */ #faqs-samsung .questions .question{color:#333333;font-size:1.8em;line-height:1.33333em;cursor:pointer;width:85%;padding-right:15%!important;padding-left:0;font-family:InterstateLight;} /* line 573, ../sass/samsung-pay.scss */ #faqs-samsung .questions .answer{display:none;padding-top:1em;font-family:InterstateLight;} /* line 576, ../sass/samsung-pay.scss */ #faqs-samsung .questions .answer p{margin-bottom:1em;padding-right:1em; /* padding-left: 1.8em; */font-family:InterstateLight;color:#666666;} #faqs-samsung .questions .answer .opened li{font-family:InterstateLight;font-size:1.6em;color:#666666;line-height:1.2em;list-style:inside;margin-bottom:12px;} #faqs-samsung .questions .answer .opened li a{color:#0076c0;font-family:InterstateLight;font-weight:bold;text-decoration:none;} /* line 579, ../sass/samsung-pay.scss */ #faqs-samsung .questions .answer p a{color:#0076c0;font-family:InterstateLight;font-weight:bold;text-decoration:none;} /* line 584, ../sass/samsung-pay.scss */ #faqs-samsung .questions .opened{display:block;} /* line 588, ../sass/samsung-pay.scss */ #faqs-samsung .arrow-up{background:url("../images/arrow-up.png") no-repeat right 1em top 2.4em;} /* line 590, ../sass/samsung-pay.scss */ #faqs-samsung .arrow-up:first-of-type{background:url("../images/arrow-up.png") no-repeat right 1em top 1em;} #faqs-samsung ul{} #faqs-samsung ul li{font-family:"InterstateLight",arial;font-size:1.5em;margin:1.2em 2em 1.2em 2em;list-style:disc;line-height:1.5em;} #faqs-samsung ul li.whatIf{list-style:none;margin:1em 0 2em 0;} #faqs-samsung ul li.whatIfIcon{display:inline-block;width:85px;height:85px;vertical-align:middle;/* float:left; *//* background: url(../images/iSamsung1.png) no-repeat left scroll transparent;padding-top:10px; */margin:0 0 0 2em;} /* line 596, ../sass/samsung-pay.scss */ #benefits{background:white; /* Old browsers */background:-moz-linear-gradient(top,white 0%,#f2f2f2 100%); /* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,white 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,white 0%,#f2f2f2 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,white 0%,#f2f2f2 100%); /* IE10+ */background:linear-gradient(to bottom,white 0%,#f2f2f2 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0); /* IE6-9 */padding-top:3em;padding-bottom:3em;overflow:hidden;} /* line 608, ../sass/samsung-pay.scss */ #benefits a{text-decoration:none;margin-bottom:1em;display:block;} /* line 613, ../sass/samsung-pay.scss */ #benefits p{color:#ffffff;} /* line 617, ../sass/samsung-pay.scss */ #benefits .col12 > div{margin-bottom:1em;padding:1em;} /* line 622, ../sass/samsung-pay.scss #benefits .liability { padding: 2em 1em 2em 1em; overflow: hidden; background: #034588; } #benefits .liability .image { width: 150px; float: right; height: 100px; margin-top: 15px; } #benefits .liability .image img{ width: 100%; }*/ #benefits h4{font-size:2em;} #benefits .promotion{overflow:hidden;background:#64788a;background:#64788a url(../images/promotion-samsung_s7.png) bottom no-repeat;background-size:55%;min-height:530px;margin:1em 0.4em 0 0;padding:2em 1em 2em 1em;} #benefits .promotion .text_content{ /*width:85%;*/} #benefits .promotion .text_content2{} #benefits .promotion .image{float:right;} #benefits .promotion p{ /* margin: 1em 0 1.5em 0;*/ font-family:InterstateLight;color:#ffffff;text-align:left;} #benefits .promotion h2{color:#ffffff;text-align:left;margin:0.2em 0;} #benefits .promotion ul{margin:0;} #benefits .promotion ul li{font-family:"InterstateLight",arial;font-size:1.5em;margin:0.5em 2em;list-style:disc;line-height:1.5em;color:#ffffff;} #benefits .promotion a{text-decoration:underline;margin-bottom:1em;display:inline;color:#FFF;} #benefits .leftBox{padding:2em 1em 2em 1em;overflow:hidden;background:#465b6e; /* width:46.5%; float:left;*/margin:0 1% 1% 0; /* height:200px;*/} #benefits .leftBox .image{float:right;width:35%;} #benefits .leftBox .image img{width:100px;float:right;} #benefits .rightBox{padding:2em 1em 2em 1em;overflow:hidden;background:#465b6e; /* width:46.5%; float:right;*/margin:0 1% 1% 0; /* height:200px;*/} #benefits .rightBox .image{float:right;width:35%;} #benefits .rightBox .image img{width:100px;float:right;} #benefits .liability{padding:2em 1em 2em 1em;overflow:hidden;background:#034588;height:210px;} #benefits .liability .image{width:100px;float:right;height:145px;} #benefits .liability .image img{width:100%;} #benefits .citi-thankyou{padding:2em 1em 2em 1em;overflow:hidden;background:#034588;} #benefits .citi-thankyou .image{width:130px;float:right;height:130px;} #benefits .citi-thankyou .image img{width:100%;} /* line 640, ../sass/samsung-pay.scss */ #benefits .gp{padding:2em 1em 2em 1em;overflow:hidden;background:#034588;height:210px;} /* line 651, ../sass/samsung-pay.scss */ #benefits .gp .image{ /*background: url("images/benefits/price-rewind-small.png") no-repeat 2em 2em;*/ width:100px;float:right; /* height: 170px; */} #benefits .gp .image img{width:100%;} /* line 658, ../sass/samsung-pay.scss */ #benefits .citi-rebate{padding:2em 1em 2em 1em;overflow:hidden;background:#034588;} /* line 669, ../sass/samsung-pay.scss */ #benefits .citi-rebate .image{ /*background: url("images/benefits/citi-rebate-small.png") no-repeat 2em 0em;*/ width:90px;float:right;height:130px;} #benefits .citi-rebate .image img{width:100%;} .visible-desktop{display:none!important;} /*simple to pay*/ .simple-to-pay ul li {display: inline-block; width: 33%; margin: 0 1% 35px; max-width: 295px; vertical-align: top;} .simple-to-pay ul li span.smallNote{ font-size:0.8em; padding-top:20px; color:#666} .simple-to-pay .step-thumb {text-align: center; padding-bottom: 10px;} .simple-to-pay .step-thumb img { display: inline-block; vertical-align: middle; width: 100%;} .simple-to-pay .caption {} .simple-to-pay .caption h4 {font-size: 24px; font-weight: 700; text-align: left; color: #034ea2; font-family: interstate-regular, arial, sans-serif;} .simple-to-pay .caption p {font-size: 16px;text-align: left;display: block;margin: 0 auto;line-height: 1.2em;margin-top: 10px;} @media screen and (max-width:984px){ .simple-to-pay .caption p.visible-phone {display: block !important;} } @media screen and (max-width:767px){ .simple-to-pay ul li {display: block; width: 100%;} .simple-to-pay .step-thumb {display: none;} } @media screen and (min-width:768px){ .simple-to-pay ul li { width: 31%;} .simple-to-pay ul {text-align: center; padding: 0;} .simple-to-pay .caption h4, .simple-to-pay .caption p {text-align: center;} } /* ipad Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /*.simple-to-pay ul li {display: inline-block; width: 30%; margin: 0 1% 35px; max-width: 285px; vertical-align: top;}*/ } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) { .simple-to-pay ul li {display: block; width: 100%; margin-left: 35px;} .simple-to-pay .step-thumb {display: none;} } /* Landscape */ @media only screen and (min-device-width: 480px) and (max-device-width: 1024px) and (orientation: landscape) { .simple-to-pay ul {text-align: center; padding: 0;} .simple-to-pay .step-thumb {display: inline-block;} .simple-to-pay ul li {display: inline-block; width: 30%; margin: 0 1% 35px; max-width: 285px; vertical-align: top;} } /*end simple to pay*/ @media screen and (min-width:600px){ .hidden-phone{display:none!important;} .visible-portrait{display:none!important;} #benefits .promotion{background:#64788a;padding:1em 2em;text-align:left;color:#ffffff;background:#64788a url(../images/promotion-samsung_s7.png) bottom right no-repeat;background-size:30%;min-height:auto;margin:1em 0.4em 0 0;} #benefits .promotion .text_content{width:75%;padding:0;} #benefits .promotion .text_content2{width:70%;} #benefits .promotion .image{display:none} #benefits .promotion p{margin:1em 0 1.5em 0;font-family:InterstateLight;color:#ffffff;text-align:left;} #benefits .promotion h2{color:#ffffff;text-align:left;margin:0.2em 0;} #faqs-samsung ul li.whatIf{list-style:none;margin:1em 0 em 0;clear:right;} #faqs-samsung ul li.whatIfIcon{display:inline-block;width:85px;height:85px;vertical-align:middle;float:left;/* background: url(../images/iSamsung1.png) no-repeat left scroll transparent;padding-top:10px; */margin:0 2em 3.5em 2em;} #creditCard .text{font-family:InterstateLight;float:left;vertical-align:middle;padding:2em 1em 2em 1em;width:55%!important;font-size:1.2em;} #creditCard .text span{font-size:1.8em;line-height:1em; /* color:#002D72; */} #creditCard hr{color:#eeeeee;margin:1em 0;} #creditCard .tnc{font-size:1.2em;margin:1em 0;} #creditCard h3{font-size:2em;color:#333333;font-family:InterstateLight;margin-bottom:1em;line-height:1.25em;} #creditCard{padding:2em 1em 2em 1em;overflow:hidden;background:#FFFFFF!important;} #creditCard .image{float:left;padding-left:2em;margin-right:0.5%;margin-top:2em;} /**End Sections**/ .smallNote{font-size:1.2em;font-family:InterstateLight;} #tabs-samsung .tab2 .add-card{margin:0;} .ui-dialog{top:15%!important;} /* line 3, ../sass/_responsive.scss */ h1{font-size:2.5em;margin-bottom:0.47619em;line-height:1.07143em;} .hero-title{font-size:4.2em;margin-bottom:0.47619em;line-height:1.07143em;} /* line 9, ../sass/_responsive.scss */ h2{font-size:3em;margin-bottom:1em;line-height:1em;} /* line 15, ../sass/_responsive.scss */ h3{font-size:3em;margin-bottom:1em;line-height:1.16667em;} /* line 21, ../sass/_responsive.scss */ .small{display:none;} /* line 24, ../sass/_responsive.scss */ .medium{display:block;} /* line 27, ../sass/_responsive.scss */ .large{display:none;} /* line 30, ../sass/_responsive.scss */ .medium-large{display:block;} .small-large{display:none;} /* line 33, ../sass/_responsive.scss */ #header-samsung{height:8.5em;padding-right:2em;} /* line 37, ../sass/_responsive.scss */ #header-samsung .wrapper-header .logoCiti{padding-left:3em;padding-top:2em;} /* line 40, ../sass/_responsive.scss */ #header-samsung .wrapper-header .logoCiti a{background:url(../images/citi-logo.png) no-repeat;} /* line 44, ../sass/_responsive.scss */ #header-samsung .wrapper-header #menu-icon{background:url(../images/menu-icon-large.png) no-repeat;background-size:45px 46px;width:45px;height:46px;margin-top:2em;} /* line 51, ../sass/_responsive.scss */ #header-samsung .wrapper-header .menu-icon-close{background:url(../images/menu-icon-close-large.png) no-repeat!important;} /* line 58, ../sass/_responsive.scss */ #nav-samsung ul{top:8.5em;width:26em;} /* line 62, ../sass/_responsive.scss */ #nav-samsung ul li a{font-size:1.6em;} /* line 73, ../sass/_responsive.scss */ #footer #legal #footer-brand{float:left;} /* line 76, ../sass/_responsive.scss */ #footer #nav-footer #followus{padding-left:1em;float:right;} /* line 81, ../sass/_responsive.scss */ #footer #nav-footer #left-nav{float:left;} /* line 83, ../sass/_responsive.scss */ #footer #nav-footer #left-nav li{float:left;margin-right:10px;} /* line 88, ../sass/_responsive.scss */ #footer #nav-footer #right-nav{float:left;padding-left:5em;padding-top:10px;} /* line 90, ../sass/_responsive.scss */ #footer #nav-footer #right-nav li{float:left;margin-right:20px;} /* line 97, ../sass/_responsive.scss */ .overlay{top:8.5em;} /* line 100, ../sass/_responsive.scss */ .content{position:relative;margin-top:8.5em;} /**Sections**/ /* line 105, ../sass/_responsive.scss */ #benefits{padding-left:3em;padding-right:3em;} /* line 108, ../sass/_responsive.scss */ #benefits .liability{ /* Permalink - use to edit and share this gradient: http:/colorzilla.com/gradient-editor/#13abda+0,034688+100 */ background:#034588; /* Old browsers */overflow:hidden;width:42%;float:left;margin-right:10px;padding:2em;} /* line 126, ../sass/_responsive.scss #benefits .liability .image { float: right; width: 170px; } #benefits .liability h4 { font-size: 3em; } #benefits .liability p { font-size: 1.8em; }*/ #benefits .liability{width:41%;float:left; /* margin-bottom: 1em; */ /* padding: 2em; */} #benefits .liability .image{width:90px;} #benefits .liability h4{font-size:2.4em;} #benefits .liability p{font-size:1.4em;} /* line 138, ../sass/_responsive.scss */ #benefits .citi-thankyou{width:41%;float:left;margin-top:1em;padding:2em;} #benefits .citi-thankyou .image{ /*width: 90px;*/} #benefits .citi-thankyou h4{font-size:2.4em;} #benefits .citi-thankyou p{font-size:1.4em;} /* line 138, ../sass/_responsive.scss */ #benefits .gp{width:41%;float:right;margin-bottom:1em;padding:2em;} /* line 143, ../sass/_responsive.scss */ #benefits .gp .image{ /*background: url("images/benefits/price-rewind-tab.png") no-repeat;*/ width:90px;} /* line 147, ../sass/_responsive.scss */ #benefits .gp h4{font-size:2.4em;} /* line 150, ../sass/_responsive.scss */ #benefits .gp p{font-size:1.4em;} /* line 154, ../sass/_responsive.scss */ #benefits .citi-rebate{width:41%;float:right;padding:2em;} /* line 158, ../sass/_responsive.scss */ #benefits .citi-rebate .image{ /* background: url("images/benefits/citi-rebate-tab.png") no-repeat;*/} /* line 161, ../sass/_responsive.scss */ #benefits .citi-rebate h4{font-size:2.4em;} /* line 164, ../sass/_responsive.scss */ #benefits .citi-rebate p{font-size:1.4em;} /* line 169, ../sass/_responsive.scss */ #citi-mobile{background:#013B80;} /* line 171, ../sass/_responsive.scss */ #citi-mobile p{padding-left:2em;padding-right:2em;} /* line 176, ../sass/_responsive.scss */ #faqs-samsung{padding-left:3em;padding-right:3em;} /* line 179, ../sass/_responsive.scss */ #faqs-samsung .questions{background:url("../images/arrow-down.png") no-repeat right 1em top 3.5em;padding-top:3em;padding-bottom:3em;padding-left:0px;padding-right:0px;} /* line 185, ../sass/_responsive.scss */ #faqs-samsung .questions .question{width:90%;padding-right:10% !important;} /* line 190, ../sass/_responsive.scss */ #faqs-samsung .arrow-up{background:url("../images/arrow-up.png") no-repeat right 1em top 3.4em;} /* line 192, ../sass/_responsive.scss */ #faqs-samsung .arrow-up:first-of-type{background:url("../images/arrow-up.png") no-repeat right 1em top 1em;} /* line 200, ../sass/_responsive.scss */ #tabs-samsung .tabs .col4{height:5em;} /* line 203, ../sass/_responsive.scss */ #tabs-samsung .tabs h2{font-size:1.4em;padding:1em 0em;} /* line 207, ../sass/_responsive.scss */ #tabs-samsung .tabs .active{height:4.8em;width:33.3%;} /* line 212, ../sass/_responsive.scss */ #tabs-samsung .tab1{padding-bottom:5em;} /* line 215, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .image{ /*background: url(../images/how-it-works-tab.png) no-repeat;*/ width:171px;height:346px;position:absolute;left:2em;margin-top:0em;} #tabs-samsung .tab1 .col12 .image img{width:100%;} /* line 223, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .tab-text{width:67%;float:right;} /* line 227, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .tab-text ol li{margin-right:40px;} /* line 231, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .tab-text ol li:last-child{margin-right:0px;} /* line 243, ../sass/_responsive.scss */ #tabs-samsung .tab2 .col12 .image{ /* background: url(../images/set-up-tab.png) no-repeat;*/ width:171px;height:324px;position:absolute;left:2em;margin-top:0em;} #tabs-samsung .tab2 .col12 .image img{width:100%;} /* line 251, ../sass/_responsive.scss */ #tabs-samsung .tab2 .col12 .tab-text{width:65%;float:right;padding-right:2em;} /* line 254, ../sass/_responsive.scss */ /* #tabs-samsung .tab2 .col12 .tab-text .add-card { display: none; }*/ /* line 261, ../sass/_responsive.scss */ #tabs-samsung .tab3 .col12{ /* width: 80%; */ margin:0 auto;} #tabs-samsung .tab3 .col12 .tab-text h3{text-align:center;font-size:2.8em;} #tabs-samsung .tab3 .col12 .tab-text{ /* width: 67%; float: right; padding-left: 2em; */ text-align:center!important} #tabs-samsung .tab3 .col12 .image{ /* background: url(../images/set-up-tab.png) no-repeat; width: 171px; height: 346px; position: absolute;*/ left:2em;margin-top:0em;} #tabs-samsung .tab3 .col12 .image img{width:100%;} #tabs-samsung .tab3 .col12 h3{text-align:left;} #tabs-samsung .tab3 .col12 p{text-align:center;} #tabs-samsung .tab3 p.smallNote{font-size:1.2em;padding:20px 0;} /* line 269, ../sass/_responsive.scss */ #mySwipe .bullets{left:47%;} /* line 272, ../sass/_responsive.scss */ #mySwipe .left-arrow{left:1em;position:absolute;top:18em;cursor:pointer;background:url(../images/slider/left-arrow.png) no-repeat;width:19px;height:51px;text-indent:-999999px;} /* line 282, ../sass/_responsive.scss */ #mySwipe .right-arrow{right:1em;position:absolute;top:18em;cursor:pointer;background:url(../images/slider/right-arrow.png) no-repeat;width:19px;height:51px;text-indent:-999999px;} /* line 294, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content{padding-left:4em;width:59%;} #mySwipe .swipe-wrap .slice1 .slide-content p{font-size:1.6em;padding-right:5.2em;} /* line 297, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content .image{background:url(../images/slider/generic/SamsungPay_317x378_c.png) no-repeat bottom right; /*background-position: right 1em bottom;*/background-size:contain;right:1em;width:247px;height:320px; /*right: -1em;*/} /* line 307, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content{padding-left:4em;width:80%;} /* line 310, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .hero-text{width:90%;float:right;} /* line 313, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .hero-text h2{font-size:2em;margin-bottom:0.47em;} #mySwipe .swipe-wrap .slice2 .slide-content .hero-text p{font-size:1.2em;} /* line 317, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .image{ /*background: url(../images/slider/generic/why-choose-citi-tablet.png) no-repeat;*/ width:200px;height:150px;position:absolute;left:6em;top:12em;} /* line 328, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice3 .slide-content{padding-left:4.8em;width:60%;} #mySwipe .swipe-wrap .slice3 .slide-content h1{width:95%} #mySwipe .swipe-wrap .slice3 p{width:auto;} /*20122016*/ #mySwipe .swipe-wrap .slice2 .slide-content p{margin-bottom: 1.5em;} /*20122016*/ /*20122016*/ #mySwipe .swipe-wrap .slice1 p span.smallNote, #mySwipe .swipe-wrap .slice2 p span.smallNote, #mySwipe .swipe-wrap .slice3 p span.smallNote{font-size:0.8em; line-height:0.6em} /*20122016*/ /* line 297, ../sass/_responsive.scss */ /* 01122016 */ #mySwipe .swipe-wrap .slice3 .slide-content .image{background:url(../images/slider/generic/SamsungPay_s7_317x378.png) no-repeat bottom right;background-position:right 1em bottom;background-size:contain;right:3em;width:247px;height:320px; /* right: -1em; */} #mySwipe .swipe-wrap .slice3 .slide-content p{font-size:1.6em;padding-right:5em;} /* line 341, ../sass/_responsive.scss */ #mySwipe .swipe-wrap > div{height:36em;padding-top:4em;} /**End sections**/} /**Fix layout issues**/ @media screen and (min-width:768px){ #benefits .promotion{background:#64788a;padding:1em 2em;text-align:left;color:#ffffff;background:#64788a url(../images/promotion-samsung_s7.png) bottom right no-repeat;background-size:28%; min-height:300px; /*fix CS-77 : min-height:auto; */ margin:1em 0.4em 0 0;} #benefits .promotion .text_content{width:75%;} #benefits .promotion .image{display:none} #benefits .promotion p{margin:1em 0 1.5em 0;font-family:InterstateLight;color:#ffffff;text-align:left;} #benefits .promotion h2{color:#ffffff;text-align:left;margin:0.2em 0;} #faqs-samsung ul li.whatIf{list-style:none;margin:1em 0 em 0;clear:right;} #faqs-samsung ul li.whatIfIcon{display:inline-block;width:85px;height:85px;vertical-align:middle;float:left;/* background: url(../images/iSamsung1.png) no-repeat left scroll transparent;padding-top:10px; */margin:0 2em 2em 2em;} #creditCard .text{float:left;vertical-align:middle;padding:2em 1em 2em 1em;width:58%!important;} #creditCard .text h3{margin-bottom:5px;font-size:2.5em} #creditCard .text p{margin-bottom:10px;} /**End Sections**/ .ui-dialog{top:18%!important;} /* line 354, ../sass/_responsive.scss */ #mySwipe .left-arrow{left:3em;top:18em;} /* line 358, ../sass/_responsive.scss */ #mySwipe .right-arrow{right:3em;top:18em;} /* line 364, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content{padding-left:9em;width:60%;} /* line 367, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content .image{background:url(../images/slider/generic/SamsungPay_300x394_c.png) no-repeat; /*background-position: right 5.5em bottom;*/width:290px; /*height: 370px;*/height:378px;right:5em; /*right: -20px;*/} /* line 376, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2{padding-top:5em;height:35em;} /* line 379, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content{padding-left:9em;} /* line 381, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .image{display:block;} /* line 384, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .hero-text{width:68%;} /* line 390, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice3 .slide-content{padding-left:9em;width:55%;} /* line 393, ../sass/_responsive.scss */ /* 01122016 */ #mySwipe .swipe-wrap .slice3 .slide-content .image{ background: url(../images/slider/generic/faster-way-hero-tablet.png) no-repeat; background-position:right 1em bottom; background-size:cover; right:4em; bottom:2em; } /* 01122016 */ /* line 403, ../sass/_responsive.scss */ #mySwipe .swipe-wrap > div{height:33em;padding-top:7em;} /**Sections**/ /* line 411, ../sass/_responsive.scss */ #benefits h4{font-size:2.4em;} /* 01122016 */ #benefits .leftBox{padding:3%;overflow:hidden; width:94%;float:left;margin:0 0 1% 0;height:100%;} #benefits .leftBox .image{width:25%;float:right;} #benefits .leftBox .image img{width:90%;float:right;} #benefits .rightBox{padding:3%;overflow:hidden; width:94%;float:right;margin:0 0% 1% 0;height:100%;} #benefits .rightBox .image{width:25%;float:right;} #benefits .rightBox .image img{width:90%;float:right;} /* 01122016 */ #benefits .liability{width:43%;} #benefits .liability .image{height:133px;} #benefits .citi-thankyou{width:43%;} #benefits .citi-thankyou .image{ /* height: 133px;*/} /* line 414, ../sass/_responsive.scss */ #benefits .gp{width:43%;} /* line 416, ../sass/_responsive.scss */ #benefits .gp .image{ /* height: 133px; */} /* line 420, ../sass/_responsive.scss */ #benefits .citi-rebate{width:43%;} /* line 422, ../sass/_responsive.scss */ #benefits .citi-rebate .image{margin-left:10px;height:200px;} /* line 430, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .image{left:4em;} /* line 445, ../sass/_responsive.scss */ #tabs-samsung .tab2 .col12 .image{left:4em;} #tabs-samsung .tab2{padding-bottom:10em;} #tabs-samsung .tab3 .col12 .image{left:4em;} } /* 01122016 */ .slice3 a.gear{ background:#034588; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; font-size:1.6em; color:#fff; font-family:InterstateRegular; text-decoration:none; padding:0.5em 1em 0.5em 1em; } /* 01122016 */ /****/ @media screen and (min-width:984px){ .hidden-phone{display:none!important;} .visible-desktop{display:block!important;} .visible-phone{display:none!important;} #benefits .promotion{background:#64788a;padding:1em 2em!important;text-align:left;color:#ffffff;background:#64788a url(../images/promotion-samsung_s7.png) bottom right no-repeat;background-size:20%; min-height:260px; /*fix CS-77 : min-height:auto; */ width:94.75%;} #benefits .promotion .text_content{width:100%;} #benefits .promotion .text_content2{width:100%;} #benefits .promotion .image{display:none} #benefits .promotion p{margin:1em 0 1.5em 0;font-family:InterstateLight;color:#ffffff;text-align:left;} #benefits .promotion h2{color:#ffffff;text-align:left;margin:0.2em 0;} .ui-dialog{ /*top: 10% !important;*/ top:13%!important;} /* line 227, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .tab-text ol li{width:22%;float:left;margin-right:40px;} #tabs-samsung .tab1 .col12 h3{text-align:center} /* line 435, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .tab-text ol li{width:23%;margin-right:60px;} #tabs-samsung .tab1 .col12 .tab-text{padding-top:6em;} #tabs-samsung .tab2 .col12 .tab-text{padding-top:6em;} #tabs-samsung .tab3 .col12 .tab-text{padding-top:6em;} /* line 456, ../sass/_responsive.scss */ .small{display:none;} /* line 459, ../sass/_responsive.scss */ .medium{display:none;} /* line 462, ../sass/_responsive.scss */ .large{display:block;} .small-large{display:block;} /* line 466, ../sass/_responsive.scss */ h1{font-size:3.5em;} #mySwipe .swipe-wrap .slice2 .slide-content .hero-text h2{font-size:3.2em;} #mySwipe .swipe-wrap .slice3 .slide-content h1{font-size:3.2em;width:85%;} /* line 472, ../sass/_responsive.scss */ #nav-samsung ul{width:28em;} /* line 474, ../sass/_responsive.scss */ #nav-samsung ul li{padding-left:2em;padding-top:1.8em;padding-bottom:1.8em;padding-right:2em;line-height:1.4em;} /**Sections**/ /* line 484, ../sass/_responsive.scss #benefits .liability { width: 45%; background: #034588; } #benefits .liability p { width: 80%; } #benefits .liability h4 { width: 80%; } #benefits .liability .image { width: 271px; height: 185px; margin-left: 16em; margin-top: 10px; } */ /* 01122016 */ #benefits .leftBox{padding:3%; overflow:hidden; width:94%; float:left; margin:0 0% 1% 0; height:115px;} #benefits .leftBox .image{float:right;width:27%; margin-top:-20px;} #benefits .leftBox .image img{width:150px;float:right;} #benefits .rightBox{padding:3%; overflow:hidden; width:94%; float:right; margin:0 0% 1% 0; height:115px;} #benefits .rightBox .image{float:right;width:27%; margin-top:-20px;} #benefits .rightBox .image img{width:150px;float:right;} /* 01122016 */ #benefits .liability{width:45%;} #benefits .liability .image{width:130px; /* height: 210px;*/margin-left:42px;} #benefits .liability p{font-size:1.6em;} /* line 512, ../sass/_responsive.scss */ #benefits .citi-thankyou{width:45%;} #benefits ..citi-thankyou .image{width:130px;/* height: 160px;*/margin-left:42px;} #benefits ..citi-thankyou p{font-size:1.6em;} /* line 512, ../sass/_responsive.scss */ #benefits .gp{width:45%;} /* line 514, ../sass/_responsive.scss */ #benefits .gp .image{ /* background: url("images/benefits/price-rewind-large.png") no-repeat;*/ /* width: 130px; */ /* height: 160px; */ margin-left:42px;} /* line 520, ../sass/_responsive.scss */ #benefits .gp p{font-size:1.6em;} /* line 524, ../sass/_responsive.scss */ #benefits .citi-rebate{width:45%;} /* line 526, ../sass/_responsive.scss */ #benefits .citi-rebate .image{ /*background: url("images/benefits/citi-rebate-large.jpg") no-repeat; width: 130px; height: 130px; margin-left: 50px;*/ height:130px;} /* line 532, ../sass/_responsive.scss */ #benefits .citi-rebate p{font-size:1.6em;} /* line 537, ../sass/_responsive.scss */ #citi-mobile{background:#013B80;} /* line 539, ../sass/_responsive.scss */ #citi-mobile p{padding-left:10em;padding-right:10em;} /* line 545, ../sass/_responsive.scss */ #faqs-samsung .questions{padding:2.5em 0em;} /* line 551, ../sass/_responsive.scss */ #tabs-samsung .tabs h2{font-size:1.6em;} /* line 554, ../sass/_responsive.scss */ #tabs-samsung .tabs .active{width:33.3%;} /* line 560, ../sass/_responsive.scss */ #tabs-samsung .tab3 .col12{ /* width: 65%; padding-top: 6em; */} /* line 565, ../sass/_responsive.scss */ #tabs-samsung .tab1{ /* padding-bottom: 21em; */} #tabs-samsung .tab2{padding-bottom:11em;} /* line 568, ../sass/_responsive.scss */ #tabs-samsung .tab1 .col12 .image{ /*background: url(../images/how-it-works-dsk.png) no-repeat;*/ width:190px;height:355px;margin-top:0em;margin-left:4em;} /* line 579, ../sass/_responsive.scss */ #tabs-samsung .tab2 .col12 .image{ /* background: url(../images/set-up-dsk.png) no-repeat;*/ width:190px;height:355px;margin-top:0em;margin-left:4em;} #tabs-samsung .tab3 .col12 .image{ /* background: url(../images/set-up-dsk.png) no-repeat; */ width:190px;height:355px;margin-top:0em;margin-left:4em;} /* line 590, ../sass/_responsive.scss */ #footer #legal{margin-bottom:20px;} /* line 592, ../sass/_responsive.scss */ #footer #legal .footnotes{width:92%;float:left;} /* line 597, ../sass/_responsive.scss */ #footer #legal #footer-brand{float:left;} /* line 600, ../sass/_responsive.scss */ #footer #nav-footer #followus{padding-right:0px;padding-left:0px;float:right;margin-top:0px;} /* line 88, ../sass/_responsive.scss */ #footer #nav-footer #right-nav{padding-left:31em;} /* line 609, ../sass/_responsive.scss */ #mySwipe .left-arrow{left:3em;top:19em;} /* line 613, ../sass/_responsive.scss */ #mySwipe .right-arrow{right:3em;top:19em;} /* line 619, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content{padding-left:12em;} /* line 621, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content .image{background:url(../images/slider/generic/SamsungPay_300x394_c.png) no-repeat bottom right;width:315px;height:400px;} /* line 628, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice1 .slide-content p{font-size:1.8em;padding-right:5em;} #mySwipe .swipe-wrap .slice2 .slide-content .hero-text p{font-size:1.6em;} /* line 633, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2{padding-top:5em;height:40em;} /* line 636, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content{padding-left:8em;width:85%;} /* line 639, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content p{font-size:2.4em;padding-right:2em;} /* line 642, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .image{ /*background: url(../images/slider/generic/why-choose-citi-dsk.png) no-repeat;*/ width:250px;top:12em;left:8em; /* height: 378px; */} /* line 649, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice2 .slide-content .hero-text{width:65%;} /* line 655, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice3 .slide-content{width:63%;padding-left:12em;} /* line 658, ../sass/_responsive.scss */ /* 01122016 */ #mySwipe .swipe-wrap .slice3 .slide-content .image{background:url(../images/slider/generic/SamsungPay_s7_300x394.png) no-repeat;background-position:right bottom;width:261px;height:100%;right:6em;bottom:1em;} .gear{ background:#034588; } /* 01122016 */ /* line 666, ../sass/_responsive.scss */ #mySwipe .swipe-wrap .slice3 p{font-size:1.8em!important; /* margin-right: 6em; */} /* line 672, ../sass/_responsive.scss */ #mySwipe .swipe-wrap > div{height:40em;padding-top:5em;} #footer{padding:20px 25px;font-size:11px;} #footer .text-right a{padding-left:24px;font-size:11px;display:inline;margin-right:0;} #footer .text-right a:before{display:none;} #footer .footer-row{display:table;width:100%;} #footer .footer-row:first-child{padding-bottom:5px;margin-bottom:15px;border-bottom:solid 2px #ccc;} #footer .footer-cell{display:table-cell;text-align:left;} #footer .footer-cell.text-right{text-align:right;font-size:0.75em;margin-top:10px} } /**Fix xl issues**/ @media screen and (min-width:1015px){ #creditCard .text{font-family:InterstateLight;float:left;vertical-align:middle;padding:1em 1em 1em 2em;width:64%!important;font-size:1.2em;} #creditCard .image{float:left;padding-left:2em; /* margin-right: 2em; */ /* margin-top: 2em; */} #creditCard .image img{width:260px;} /**End Sections**/ #benefits .liability{width:45.5%;} #benefits .citi-thankyou{width:45.5%;} } /*M1510133 - 12/03/2015 Release */ #mySwipe .swipe-wrap .holiday{background:url(../images/slider/holiday/samsungpay_holiday_bg_lg.png) no-repeat -129px 0;background-size:cover;} #mySwipe .swipe-wrap .holiday h1,#mySwipe .swipe-wrap .holiday p{color:#ffffff;} #mySwipe .swipe-wrap .holiday h1{font-size:3.75em;font-weight:800;} @media screen and (max-width:479px) and (min-width:320px){ .visible-portrait{display:block!important;} .visible-phone{display:block!important;} .hidden-phone{display:none!important;} /* #mySwipe .swipe-wrap .holiday { background: url(../images/slider/holiday/samsungpay_holiday_bg_sm.png) no-repeat 0 0; background-size: 100% auto; } #mySwipe .swipe-wrap .holiday h1, #mySwipe .swipe-wrap .holiday p { color: #ffffff; } #mySwipe .swipe-wrap .holiday h1 { font-size:1.5em; } #mySwipe .swipe-wrap .holiday p { width:180px;} #mySwipe .swipe-wrap .holiday .slide-content { margin-top: 7%; } #footer .footer-cell.text-right { text-align: left; font-size:0.75em; margin-top:10px} #benefits .gp { height: 250px; padding-left: 2em; } */} @media screen and (min-width:480px) and (max-width:568px){ .visible-phone{display:block!important;} /* line 684, ../sass/_responsive.scss */ #benefits .promotion{background:#64788a;padding:1em 2em;text-align:left;color:#ffffff;background:#64788a url(../images/promotion-samsung_s7.png) bottom right no-repeat;background-size:33%;min-height:320px;} #benefits .promotion .text_content{width:100%;padding:0;} #benefits .promotion .text_content2{width:65%} #benefits .promotion .image{display:none} #benefits .promotion p{margin:1em 0 1.5em 0;font-family:InterstateLight;color:#ffffff;text-align:left;} #benefits .promotion h2{color:#ffffff;text-align:left;margin:0.2em 0;} } } @media screen and (min-width:801px) and (max-width:983px){ .vusuble-phone{display:block!important;} /* #mySwipe .swipe-wrap .holiday { background: url(../images/slider/holiday/samsungpay_holiday_bg_lg.png) no-repeat 0; background-size: cover; } #mySwipe .swipe-wrap .holiday h1, #mySwipe .swipe-wrap .holiday p { color: #ffffff; } #mySwipe .swipe-wrap .holiday h1 { font-size:3.25em; } */} .bulLst{font-size:110%} /*M1510133 - 12/03/2015 Release */ .contactCol p{font-size:11px!important} .footerMenu{border-bottom:2px solid #CCCCCC;overflow:hidden;padding:7px 0 5px 0;width:100%;} /*rewardsOverlay*/ .th-bg {background: #465b6e;} .tr-bg-1 {background: #313f5c;} .tr-bg-2 {background: #4b5b74;} #rewardsOverlay{margin-bottom:-35px;} #rewardsOverlay .overlayContent {margin: 20px;} #rewardsOverlay .table-oost-rewards {margin-bottom: 10px; overflow: auto;} #rewardsOverlay h2{padding:18px 38px 18px 28px;} #rewardsOverlay table {width: 100%;background: #637888;color: #fff;font-size: 14px;line-height: 1.5em; table-layout: auto;} #rewardsOverlay th, #rewardsOverlay td {border: 1px solid #fff;vertical-align: middle;padding: 0 15px;} #rewardsOverlay table thead th {line-height: 3.5em; text-align: left;} #rewardsOverlay table thead th:first-child,#rewardsOverlay table tbody td:first-child {padding-left: 30px; border-width: 1px 0 0 0;} #rewardsOverlay table thead th + th, #rewardsOverlay table tbody td + td {padding-left: 55px;border-width: 1px 0 0 1px; } #rewardsOverlay table tbody td:first-child {line-height: 2.5em;} #rewardsOverlay table tr.last td {height: 150px; border-width: 0 1px 0 0; vertical-align: top;} @media screen and (max-width:992px) { #rewardsOverlay table {line-height: normal;} #rewardsOverlay table thead th {line-height: normal; padding: 15px;} #rewardsOverlay table td {padding: 5px 15px;} #rewardsOverlay table thead th:first-child, #rewardsOverlay table tbody td:first-child {padding-left: 15px; line-height: normal;} #rewardsOverlay table tr.last td {height: 50px; border-width: 0 1px 0 0; vertical-align: top;} #rewardsOverlay table thead th + th, #rewardsOverlay table tbody td + td {padding-left: 15px;} } @media screen and (max-height:615px) and (orientation: landscape){ #rewardsOverlay .overlayContent {margin: 10 px;} #rewardsOverlay .table-oost-rewards {height: 365px; } } @media screen and (max-height: 550px) and (orientation: landscape){ #rewardsOverlay .table-oost-rewards {height: 265px; } } @media screen and (max-height: 460px) and (orientation: landscape){ #rewardsOverlay .table-oost-rewards {height: 165px; } } @media screen and (max-height:360px) and (orientation: landscape){ #rewardsOverlay .table-oost-rewards {height: 135px; } } @media screen and (min-height:512px) and (max-height:640px) and (orientation: portrait){ #rewardsOverlay .table-oost-rewards {height: 400px; } } @media screen and (max-width:375px) { #rewardsOverlay table {font-size: 1.1em;} #rewardsOverlay .overlayContent {margin: 10px;} #rewardsOverlay .table-oost-rewards {height: auto; } } @media screen and (max-width:320px) { #rewardsOverlay .table-oost-rewards {height: 300px; } } /*end rewardsOverlay*/ /*#faqs-samsung .options-block*/ .grey-btn { display: block; box-sizing: border-box; background: #cbcbcb; width: 100%; text-align: center; height: 33px; padding: 8px; font-size: 16px; color: #555555; margin-bottom: 20px; } .options-block {} .options-block .option-title { background: url("../images/plus-icon.png") left no-repeat; color: #333; font-weight: 700; padding-left: 40px; display: inline-block; vertical-align: middle; cursor: pointer; } .options-block .option-title.active { background: url("../images/sub-icon.png") left no-repeat; } .options-block .option-title p {margin-top: 1em;} .options-block .option-content {padding: 0; display: none;} .options-block .option-content hr {margin-bottom: 20px; border: none; border-bottom: 1px solid #ccc;} .options-block .option-content > div { display: block; vertical-align: top;} .options-block .option-content .contact, .options-block .option-content .find-mobile { min-height: 75px;} .options-block .option-content .contact { background: url("../images/icon-phone.png") left top no-repeat; height: 100%; padding-left: 75px; padding-top: 8px; color:#666666; } .options-block .option-content .find-mobile { background: url("../images/icon-samsung.png") left top no-repeat; padding-left: 75px; padding-top: 8px; } .options-block .option-content .conct-internet { background: url("../images/icon-online.png") left top no-repeat; height: 100%; padding-left: 75px; color:#666666; min-height: 110px; } .options-block .option-content .contact p, .options-block .option-content .find-mobile p {margin-bottom: 0 !important;} #faqs-samsung .conct-internet ul li{ margin: 1.2em 1.2em 1.2em 1.2em; } @media screen and (min-width:992px) { .options-block .option-content .contact, .options-block .option-content .find-mobile { padding-top: 0;} .options-block .option-content .contact p, .options-block .option-content .find-mobile p{margin-top: 10px;} .options-block .option-content {padding: 0 0 0 35px;} .options-block .option-content > div { display: inline-block;} .options-block .option-content .contact { display: inline-block; width: 34%; } .options-block .option-content .find-mobile { display: inline-block; width: 31%; margin-left: 15px; } .options-block .option-content .conct-internet { display: inline-block; width: 100%; } .grey-btn { display: inline-block; width: 80px; margin-top: 10px;} } /*end #faqs-samsung .options-block*/ @media screen and (max-height: 375px) { /*fix CS-85, CS-86*/ #nav-samsung ul li { padding: 1em; } /*fix CS-77 iphone 5s*/ .ui-dialog {top: 50px !important;} } /*fix CS-77 galaxy 4S*/ @media screen and (max-height: 480px) and (min-width: 600px) { .ui-dialog {top: 85px !important;} }