/*========================================================== UNO PIZZERIA & GRILL CSS This is the version before being minified. After changing, go to http://cssminifier.com and cut and paste this file to create a new main.css ===========================================================*/ @font-face { font-family: 'Trade Gothic BldCon2'; src: url('https://www.unos.com/fonts/tradegothicltstd-bdcn20-webfont.eot'); src: url('https://www.unos.com/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.unos.com/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('https://www.unos.com/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'), url('https://www.unos.com/fonts/tradegothicltstd-bdcn20-webfont.svg#trade_gothic_lt_stdBdCnno.20') format('svg'); font-weight: normal; font-style: normal; } /*5m page views*/ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/38dedd"); @font-face {font-family: 'Veneer';src: url('https://www.unos.com/fonts/myfonts/38DEDD_0_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_0_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_0_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_0_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_0_0.svg#wf') format('svg');} @font-face {font-family: 'VeneerExtras';src: url('https://www.unos.com/fonts/myfonts/38DEDD_1_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_1_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_1_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1_0.svg#wf') format('svg');} @font-face {font-family: 'VeneerExtras-Italic';src: url('https://www.unos.com/fonts/myfonts/38DEDD_2_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_2_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_2_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_2_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_2_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_2_0.svg#wf') format('svg');} @font-face {font-family: 'Veneer-Italic';src: url('https://www.unos.com/fonts/myfonts/38DEDD_3_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_3_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_3_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_3_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_3_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_3_0.svg#wf') format('svg');} @font-face {font-family: 'VeneerThree';src: url('https://www.unos.com/fonts/myfonts/38DEDD_4_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_4_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_4_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_4_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_4_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_4_0.svg#wf') format('svg');} @font-face {font-family: 'VeneerThree-Italic';src: url('https://www.unos.com/fonts/myfonts/38DEDD_5_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_5_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_5_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_5_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_5_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_5_0.svg#wf') format('svg');} @font-face {font-family: 'VeneerTwo';src: url('https://www.unos.com/fonts/myfonts/38DEDD_6_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_6_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_6_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_6_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_6_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_6_0.svg#wf') format('svg');} @font-face {font-family: 'VeneerTwo-Italic';src: url('https://www.unos.com/fonts/myfonts/38DEDD_7_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_7_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_7_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_7_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_7_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_7_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBol';src: url('https://www.unos.com/fonts/myfonts/38DEDD_8_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_8_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_8_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_8_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_8_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_8_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBolShd';src: url('https://www.unos.com/fonts/myfonts/38DEDD_9_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_9_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_9_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_9_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_9_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_9_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBolOne';src: url('https://www.unos.com/fonts/myfonts/38DEDD_A_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_A_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_A_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_A_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_A_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_A_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBolThr';src: url('https://www.unos.com/fonts/myfonts/38DEDD_B_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_B_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_B_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_B_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_B_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_B_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBolTwo';src: url('https://www.unos.com/fonts/myfonts/38DEDD_C_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_C_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_C_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_C_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_C_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_C_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughLt';src: url('https://www.unos.com/fonts/myfonts/38DEDD_D_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_D_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_D_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_D_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_D_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_D_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughLtShd';src: url('https://www.unos.com/fonts/myfonts/38DEDD_E_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_E_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_E_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_E_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_E_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_E_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughLtOne';src: url('https://www.unos.com/fonts/myfonts/38DEDD_F_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_F_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_F_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_F_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_F_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_F_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughLtThr';src: url('https://www.unos.com/fonts/myfonts/38DEDD_10_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_10_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_10_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_10_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_10_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_10_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughLtTwo';src: url('https://www.unos.com/fonts/myfonts/38DEDD_11_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_11_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_11_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_11_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_11_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_11_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughReg';src: url('https://www.unos.com/fonts/myfonts/38DEDD_12_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_12_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_12_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_12_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_12_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_12_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughRegShd';src: url('https://www.unos.com/fonts/myfonts/38DEDD_13_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_13_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_13_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_13_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_13_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_13_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughRegOne';src: url('https://www.unos.com/fonts/myfonts/38DEDD_14_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_14_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_14_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_14_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_14_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_14_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughRegThr';src: url('https://www.unos.com/fonts/myfonts/38DEDD_15_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_15_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_15_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_15_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_15_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_15_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughRegTwo';src: url('https://www.unos.com/fonts/myfonts/38DEDD_16_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_16_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_16_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_16_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_16_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_16_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughTextures';src: url('https://www.unos.com/fonts/myfonts/38DEDD_17_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_17_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_17_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_17_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_17_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_17_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBlk';src: url('https://www.unos.com/fonts/myfonts/38DEDD_18_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_18_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_18_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_18_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_18_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_18_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBlkOne';src: url('https://www.unos.com/fonts/myfonts/38DEDD_19_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_19_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_19_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_19_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_19_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_19_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBlkShd';src: url('https://www.unos.com/fonts/myfonts/38DEDD_1A_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_1A_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1A_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_1A_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_1A_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1A_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBlkThr';src: url('https://www.unos.com/fonts/myfonts/38DEDD_1B_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_1B_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1B_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_1B_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_1B_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1B_0.svg#wf') format('svg');} @font-face {font-family: 'ThirstyRoughBlkTwo';src: url('https://www.unos.com/fonts/myfonts/38DEDD_1C_0.eot');src: url('https://www.unos.com/fonts/myfonts/38DEDD_1C_0.eot?#iefix') format('embedded-opentype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1C_0.woff2') format('woff2'),url('https://www.unos.com/fonts/myfonts/38DEDD_1C_0.woff') format('woff'),url('https://www.unos.com/fonts/myfonts/38DEDD_1C_0.ttf') format('truetype'),url('https://www.unos.com/fonts/myfonts/38DEDD_1C_0.svg#wf') format('svg');} html { height:100%; margin:0; padding:0; } body { background:url("https://www.unos.com/images/loading.gif") no-repeat #303030; background-position:50% 50%; color:#555555; font:400 14px/24px "Open Sans",Arial,sans-serif; margin:0; padding:0; text-align:center; width:100%; } a, a:focus { border:none; color:#bf311a; text-decoration:none; transition:background-color 0.2s linear 0s, color 0.2s linear 0s; } a img { border:none; } a:hover { color:#222; text-decoration:none; } ul, li { list-style:none; } p { display:inline-block; font-size:16px; line-height:32px; padding:0 0 30px; width:100%; } .sub-text { font-size:0.9em; } .center-text { text-align:center; } .buttonred { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; background:#ac1608; color:#FFF; border:2px solid #FFF; display:inline-block; font:400 18px "Trade Gothic BldCon2",sans-serif; float:left; height:auto; padding:15px 40px; margin:10px 20px 10px 10px; position:relative; text-transform:uppercase; width:auto; } .buttonred:hover { background:#303030; color:#FFF;} .button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; background:#ac1608; color:#FFF; display:inline-block; font:400 18px "Trade Gothic BldCon2",sans-serif; float:left; height:auto; padding:15px 40px; margin:10px 20px 10px 10px; position:relative; text-transform:uppercase; width:auto; } .button.white { background:#FFF; color:#222; } .button:hover { background:#303030; color:#FFF; } .button.opaque { background:none; border:2px solid #FFF; text-shadow:none; } .button.opaque:hover { background:#FFF; color:#303030; } .button.yellow { background:none; border:3px solid #dba60a; text-shadow:none; } .button.yellow:hover { background:#dba60a; color:#000; } .button.download { background:none; border:2px solid #f0f0f0; color:#333; padding:10px 0px; margin:1%; text-align:center; text-shadow:none; width:48%; } .button.download:hover { background:#303030; border-color:#303030; color:#FFF; } .button.download:hover i { color:#FFF; } .button.dark { background:#222; color:#FFF; } .button.dealsbutton { background:none; border:4px dashed #ac1608; color:#303030; text-shadow:none; float:left; clear:left; padding: 15px 30px;} .button.dealsbutton:hover { background:#ac1608; color:#fff; border:4px solid #ac1608;} .buttonnarrow { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; background:#ac1608; color:#FFF; display:inline-block; font:400 18px "Trade Gothic BldCon2",sans-serif; float:left; height:auto; padding:7px 0px; margin:10px 20px 10px 10px; position:relative; text-transform:uppercase; width:170px; text-align:center;} .buttonnarrow.white { background:#FFF; color:#222; } .buttonnarrow:hover { background:#303030; color:#FFF; } .buttonnarrow.opaque { background:none; border:2px solid #FFF; text-shadow:none; } .buttonnarrow.opaque:hover { background:#FFF; color:#303030; } .buttonnarrow.download { background:none; border:2px solid #f0f0f0; color:#333; padding:10px 0px; margin:1%; text-align:center; text-shadow:none; width:48%; } .buttonnarrow.download:hover { background:#303030; border-color:#303030; color:#FFF; } .buttonnarrow.download:hover i { color:#FFF; } .buttonnarrow.dark { background:#222; color:#FFF; } .box-size { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .gothic { font:14px/1em 'Trade Gothic BldCon2', sans-serif; text-transform:uppercase; } .thirstyroughreg { font-family:'ThirstyRoughReg'; text-transform:none;} .round-corners { border-radius:5px; } @media(min-width:1400px){ .container { width:1400px; } } #content { background:#FFF; display:inline-block; float:left; height:auto; margin:0; position:relative; width:100%; z-index:99; } #cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #000; z-index:9998;} .section { display:inline-block; float:left; height:auto; margin:0; padding:80px 0; position:relative; width:100%; } .box-white { background:#FFF; } .box-red { background:#ac1608; } .box-blue { background:#303030; } .box-brown { background:#8d7d5d; } .box-grey { background:#f0f0f0; } .box-beige { background:#f9f6e3;} .box-black { background:#303030;} .box-brick { background:url('https://www.unos.com/images/feature/section-brick.jpg');background-size:cover;} .box-reddot { background:url('https://www.unos.com/images/feature/reddot-texture.jpg');background-size:cover;} .box-brown p a { color:#FFF; } .white-text { color:#FFF; } h1, h2, h3, h4, h5 { display:inline-block; font-family:"VeneerTwo"; float:left; height:auto; margin:0; padding:0; width:100%; } h1 { color:#FFF; font-size:45px; letter-spacing:3px; text-transform:uppercase; } h2 { color:#222; font-size:36px; letter-spacing:0px; text-transform:uppercase; } h3 { color:#222; font-size:32px; margin:20px 0; letter-spacing:-1px; text-transform:uppercase; } h4 { color:#222; font-size:22px; margin:0; letter-spacing:0px; text-transform:uppercase; } h5 { color:#FFF; font-size:45px; letter-spacing:3px; text-transform:uppercase; } #contentfooter { background:#FFF; display:inline-block; float:left; height:auto; margin:0; position:relative; width:100%; z-index:99; } .section { display:inline-block; float:left; height:auto; margin:0; padding:80px 0; position:relative; width:100%; } .box-white { background:#FFF; } .box-red { background:#ac1608; } .box-blue { background:#303030; } .box-brown { background:#8d7d5d; } .box-grey { background:#f0f0f0; } .box-beige { background:#f9f6e3;} .box-brown p a { color:#FFF; } .white-text { color:#FFF; } .hidden-reader { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } #contentinsiders { background:#262626; display:inline-block; float:left; height:auto; margin:0; position:relative; width:100%; z-index:99;} #memevids { background:url("https://www.unos.com/images/loading.gif") no-repeat; display:inline-block; float:left; height:auto; margin:0; position:relative; width:100%; z-index:99; } #content43 { background:#f9f6e3; display:inline-block; float:left; height:auto; margin:0; position:relative; width:100%; z-index:99; } .section { display:inline-block; float:left; height:auto; margin:0; padding:80px 0; position:relative; width:100%; } .box-white { background:#FFF; } .box-red { background:#ac1608; } .box-blue { background:#303030; } .box-brown { background:#8d7d5d; } .box-grey { background:#f0f0f0; } .box-greytexture { background:url('https://www.unos.com/images/feature/section-greytexture.jpg');background-size:auto; padding-left: 80px;} .box-brown p a { color:#FFF; } .white-text { color:#FFF; } /*======================================= HEADER PROPERTIES ========================================*/ .header-big #mylocationtitle {position:absolute; left: 190px; top: 40px; color:#fff; font-size:1.5em; text-align:left; } .header-big #mylocationtitle a {color: #fff; font-size:.8em; text-transform:none;} .header-big #mylocationtitle a:hover {color:#ac1608; } .header-small #mylocationtitle {position:absolute; left: 120px; top: 20px; color:#fff; font-size:1.4em; text-align:left; } .header-small #mylocationtitle a {color: #a8a8a8; font-size:.8em; text-transform:none;} .header-small #mylocationtitle a:hover {color:#fff; } #header { display:inline-block; float:left; margin:0; position:fixed; top:0px; left:0px; right:0px; width:100%; z-index:9998; } #header > * { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; } .header-small { background:#303030; height:65px; position:fixed; } .header-small .cart-box { top:65px; } .header-small #nav { padding:12px 0px; margin-right:160px; } .header-small .nav-secure { margin-right:20px !important; } .header-small #logo { height:45px; left:20px; top:10px; width:75px; } .header-small #logo43 { height:45px; left:20px; top:10px; width:75px; } .header-small #nav-order { height:65px; width:140px; } .header-small #nav-order span { padding-top:23px; text-align:left; width:auto; } .header-small #nav-order img { height:25px; width:29px; } .header-small #nav-order i.fa-chevron-down { font-size:14px !important; width:15px !important; } .header-big { height:100px; } .header-big .cart-box { top:100px; } .header-big #nav { padding:30px 0px; margin-right:120px; } .header-big #nav-order i.fa-chevron-down { font-size:16px; width:100%; } .header-big #logo { height:66px; left:55px; top:18px; width:110px; } .header-big #logo43 { height:66px; left:50px; top:18px; width:80px; } .header-big #nav-order { height:100px; width:100px; } .header-big #nav-order span { } .img-center {margin: 0 auto;} #logo { display:block; position:absolute; z-index:998; } #logo img { max-width:100%; width:100%; } #logo43 { display:block; position:absolute; z-index:998; } #logo43 img { max-width:100%; width:100%;} ul#nav { display:inline-block; float:right; height:40px; padding:30px 0; opacity:1; margin:0 120px 0 0; } ul#nav li { display:inline-block; margin:0 20px; } ul#nav li a { color:#FFF; font:20px/40px 'Trade Gothic BldCon2', sans-serif; position:relative; text-transform:uppercase; } ul#nav li a:before, #store-info a:before { content:""; position:absolute; width:100%; height:2px; bottom:-5px; left:0px; background-color:#FFF; visibility:hidden; -moz-transform:scaleX(0); -o-transform:scaleX(0); -webkit-transform:scaleX(0); transform:scaleX(0); -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; } ul#nav li a:hover:before, #store-info a:hover:before { visibility:visible; -webkit-transform:scaleX(1); transform:scaleX(1); } #nav-toggle { color:#FFF; display:none; font-size:20px; height:65px; line-height:65px; position:absolute; top:0px; right:65px; width:65px; z-index:999; } #nav-toggle-seo { color:#FFF; display:none; font-size:20px; height:65px; line-height:65px; position:absolute; top:0px; right:0px; width:65px; z-index:999; } #nav-order { background:#ac1608; color:#FFF; display:block; height:100px; position:absolute; top:0px; right:0px; width:100px; z-index:999; } #nav-order:hover { background:#303030; } #nav-order span { display:inline-block; padding:0px; font-size:18px; text-align:center; width:100%; } #nav-order span:first-child { padding:17px 0 5px; } /*======================================= VIDEO ========================================*/ .fullscreen-bg { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; z-index:1; } .video-overlay { background:rgba(0,0,0,0.1); height:100%; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; z-index:9; } .fullscreen-bg__video { position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:100%; min-height:100%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform: translate(-50%, -50%); } .hero { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:25px; text-align:center; width:100%; z-index:99; } .hero span { color:#FFF; display:inline-block; font:60px/1em 'VeneerThree', serif; text-align:center; text-shadow:3px 3px rgba(0,0,0,0.25); text-transform:uppercase; width:100%; } .hero > .button {float:none; background:rgba(0,0,0,0.2);} .hero > .button.opaque:hover { background:#FFF; color:#303030; } #videoplaycontrol { position: absolute; bottom: 80px; left: 30px; z-index:99998; background: none; border: none; color: #fff;} /*======================================= FEATURE ========================================*/ #slider { display:block; visibility: hidden; float:left; height:100%; margin:0; padding:0; position:relative; width:100%; } /* .slide { display:block; float:left; height:100%; margin:0; opacity:0; padding:0; position:relative; width:100%; z-index:1; } */ .slide { will-change: transform; backface-visibility: hidden; } #full-hero { display:block; float:left; margin:0; padding:0; background-size:cover; position:relative; z-index:1; left:0; top:0; bottom:0px; right:0px; height:100%; width:100%; } .slide-animate { background-size:cover; height:100%; position:fixed; top:0; left:0; width:100%; -webkit-transform-origin:center center 0; transform-origin:center center 0; -webkit-animation:10s normal forwards zoom ease-in; animation:10s normal forwards zoom ease-in; will-change: transform; } .slide-active { background-size:cover; height:100%; position:fixed; top:0; left:0; opacity:1; width:100%; z-index:3; } .slider-nav { display:inline-block; float:left; text-align:center; position:fixed; bottom:90px; right:0px; width:auto; z-index:99; } .arrow-prev, .arrow-next { background:none; border:none; color:#FFF; font-size:30px; opacity:0.6; display:block; position:fixed; top:50%; transform:translateY(-50%); transition: all 0.3s; z-index:9; } .arrow-prev:hover, .arrow-next:hover { color:#FFF; opacity:1; } .arrow-prev { left:1%; } .arrow-next { right:1%; } .slider-dots { display:none; padding:0; margin:0; z-index:99; } .dot { background:none; border-radius:50%; border:3px solid rgba(255,255,255,0.5); display:inline-block; float:left; height:15px; width:15px; } .slider-dots li { color:#FFF; display:inline; margin:0 5px 0 0; } .slider-dots li.active-dot { background:#FFF; } #svg-ctc_icon { background: url('https://www.unos.com/images/logos/ctc_icon.svg'); background-size:contain; width:300px; height:300px; margin: 0 auto; } #feature { display:block; visibility: hidden; position:fixed; top:0; left:0px; right:0px; height:auto; text-align:center; width:100%; z-index:9; } .feature-slide { display:none; text-align:left; opacity:0; -webkit-animation:slideUpTrans 4s forwards; animation:slideUpTrans 4s forwards; z-index:10; left:0; top:0; bottom:0px; right:0px; position:fixed; height:100%; width:100%; } .feature-title { text-align:center; display:flex; justify-content:center; align-items:center; height:100%; } .feature-slide h1 { font-size:8rem; letter-spacing:-1px; padding:0; margin:0; } .feature-slide h1 span { display:inline-block; margin:0; padding:0; height:auto; line-height:1em; font-size:5rem; -webkit-animation:slideUpFast 3s forwards; animation:slideUpFast 3s forwards; } .feature-slide h5 { font-size:8rem; letter-spacing:-1px; padding:0; margin:0; } .feature-slide h5 span { display:inline-block; margin:0; padding:0; height:auto; line-height:1em; font-size:5rem; -webkit-animation:slideUpFast 3s forwards; animation:slideUpFast 3s forwards; } .feature-active { display:inline-block; text-shadow:0 2px 2px rgba(0,0,0,0.5); } .feature-active span { color:#FFF; display:inline-block; float:left; font-size:18px; padding:20px 0 0; width:100%; } .feature-active span strong { text-transform:uppercase; } .feature-slide .button { background:rgba(0,0,0,0.2); display:inline-block; float:none; font-size:18px; margin:20px 0 0; padding:20px 50px; -webkit-animation:slideUpSlow 5s forwards; animation:slideUpSlow 5s forwards;} .feature-slide .buttonred { display:inline-block; float:none; font-size:18px; margin:20px 0 0; padding:15px 30px; -webkit-animation:slideUpSlow 5s forwards; animation:slideUpSlow 5s forwards;} #pageload { background:url("https://www.unos.com/images/loading.gif") no-repeat #303030; background-position:50% 50%; display:block; float:left; height:100%; margin:0; width:100%; z-index:9999; } /*======================================= ACTION BAR ========================================*/ #action-bar { float:left; height:auto; margin:-60px 0 0; position:relative; width:100%; z-index:99; } #search-box { display:block; float:left; height:60px; margin:0; width:auto; } #search-box span, #search-box a { color:#FFF; display:inline-block; float:left; font-size:20px; height:60px; padding:20px; width:auto; } .search-input { background:rgba(0,0,0,0.2); display:inline-block; float:left; font-size:18px; height:60px; padding:20px; width:auto; } .search-input form, .search-input i { color:#a8a8a8; display:inline-block; float:left; width:auto; } .search-input input { background:none; border:none; font-style:italic; padding:0 0 0 10px; } .search-input .fa-search:hover { color:#FFF; cursor:pointer; } #action-bar ul.social { display:inline-block; float:right; height:auto; padding:0; margin:0; width:auto; } #action-bar ul.social li { display:inline-block; margin:0 15px; padding:17px 0 0; } #action-bar ul.social li a { color:#FFF; font-size:20px; padding:18px 0 0; position:relative; text-transform:uppercase; } #action-bar ul.social li a:hover { color:rgba(255,255,255,0.5); } /*======================================= HOME PAGE ========================================*/ #welcome { text-align:left; background:url("https://www.unos.com/images/icons/sketch-restaurant.png") top right no-repeat; background-size:20%; background-position: right 215px top; } #welcome h1 { color:#303030; font-size:46px; padding-top:40px; } #welcome17 { background:url("/images/home/slice.png") top center no-repeat #f9f6e3; display: inline-block; background-size: auto 100%; padding: 60px 0; height:520px;} #welcome17 p { text-align: left; color: #000; } #welcome17msg { padding: 55px 150px 25px 0; } #welcome17img { padding: 0 0 0 80px; } #mission-statement { background:url("https://www.unos.com/images/icons/deeply-delicious.png") top left no-repeat; background-size:25%; padding-left:250px; } #org43 { background:#f9f6e3;} #home-menus { background:#e4e1d4; display:inline-block; padding:0 2%; position:relative; } #home-menus:after { background:#FFF; content:""; height:30px; position:absolute; bottom:0px; left:0px; width:100%; } #home-menus .row { display:inline-block; margin:-30px 0; } #home-menus .row div { padding:0; z-index:5; } #home-menus .row img { display:inline-block; max-width:100%; width:100%; } #home-menus .container { } #home-menus h1 { font-size:80px; letter-spacing:0px; position:absolute; top:50%; left:0%; padding:0%; transform:translateY(-50%); text-shadow:0 0 8px rgba(0,0,0,0.8); z-index:9; } #divider {display: inline-block; position: absolute; height: 520px; width: 10px; left: 50%; top:520px; z-index: 2; background: url('https://www.unos.com/images/home/hashes.png') repeat-x;} #home17 .button {float:none; background:rgba(0,0,0,0.2);} #home17 .button.opaque:hover { background:#FFF; color:#303030; } #home17 {width:100%;} #home17-left {background:url("https://www.unos.com/images/home/pandcmenu1.jpg") center top no-repeat; background-size: cover; height: 520px; padding:80px 0; } #home17-left span{font-family:'Trade Gothic BldCon2'; color:#f1c318; font-size: 4rem;} #home17-left h1 {font-family:'VeneerTwo'; color: #fff; font-size: 10rem; letter-spacing: 5px; line-height:1.1;} #disclaimer p{font-family:'Trade Gothic BldCon2'; font-style:italic; color:#fff; font-size: 1.7rem; text-align:center;} #home17-right {background:url("https://www.unos.com/images/home/homkidseatfreev2.jpg") center top no-repeat; background-size: cover;height: 520px; padding:80px 0;} #home17-right span {font-family:'Trade Gothic BldCon2'; color:#f1c318; font-size: 4rem;} #home17-right h1 {font-family:'VeneerTwo'; color: #fff; font-size: 10rem; letter-spacing: 5px; line-height:1.1;} #home17-right img {width: 70%;} /* === ADA report pg. 70 === */#taps {font-family:'ThirstyRoughReg'; color:#fff;text-shadow: 2px 2px #000; font-size: 4rem; letter-spacing: 1px;} #flowing p {text-shadow: 2px 2px #000; font-family:'VeneerTwo'; color: #fff; font-size: 10rem; letter-spacing: 4px; line-height:1.1; padding: 0px} /*======================================= 75 YEARS ========================================*/ #hero-img { margin: 0 auto; height: 80%; padding-top: 20%;} #hashhrz75 {display:none;} #hashvrt75 {display:block;} .promo75 {padding: 20px;} #story75 {padding-top: 60px; line-height: 1;} #message75 {padding-top:40px;padding-bottom: 100px;} .promobody75 { padding-top: 100px;} #wabash75 {right:15%; position: absolute; top: -20px; opacity: 0.4;} #bounce75.bounce a:hover { opacity:0.8; } #bounce75.bounce { position:fixed; left:50%; bottom:0; margin-top:-25px; margin-left:-25px; height:50px; width:30px; font-size:48px; -webkit-animation:bounce 1s infinite; -moz-animation:bounce 1s infinite; -o-animation:bounce 1s infinite; animation:bounce 1s infinite; } #bounce75.bounce a { color:#feff31; opacity:1.0; text-shadow: 0px 0px 20px #fe441a; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fe441a;} /*========================================== Pizza Pass '75 pizzas 75 bucks' ===========================================*/ #page-header.promo-75pizzas75bucks { background:url("https://www.unos.com/images/headers/pizzapassheader.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #pizzapasshand {position:relative; } .pizzapasscopy {margin: 10% auto; text-align:left;} .pizzapasscopy h2 {color:#ac1608; font-size: 5em;} .pizzapasscopy .button {margin-left:0px; margin-top: 20px; margin-bottom: 20px;} /* new pizza pass timer 2018 */ .pizzapassclock { background:url("https://www.unos.com/images/pizzapasstimer.png") top center no-repeat; z-index: 10000; width: 350px; height: 100px; position:relative; margin: 0 auto; top: -80px;} #pizzapasstimer {font-family:'VeneerThree'; font-size: 40px; color: #000; padding: 0; margin-top: 20px; padding-right: 40px; text-align:right;} .pizzapassclockheader { background:url("https://www.unos.com/images/pizzapasstimer.png") top center no-repeat; z-index: 10000; width: 350px; height: 100px; position: fixed; left: 200px;} #pizzapasstimerheader {font-family:'VeneerThree'; font-size: 40px; color: #000; padding: 0; margin-top: 20px; padding-right: 40px; text-align:right;} @media(max-width:1024px){ .pizzapassclock { left: 100px;} #page-header.promo-75pizzas75bucks { background:url("https://www.unos.com/images/headers/pizzapassheader.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } } @media(max-width:600px){ #pizzapasshand {position:relative; } .pizzapasscopy h2 {text-align:center; color:#ac1608; font-size: 3em;} .pizzapasscopy, .pizzapasscopy p {text-align:center; } .pizzapasscopy .button {margin: 20px; float:none;} .pizzapassclock { top: -50px; left: auto;} #pizzapasstimer {margin-top: 30px; } .pizzapassclockheader { display:none;} #pizzapasstimerheader { display:none;} } /*======================================= MENU LIST ========================================*/ #menus { background:#FFF; display:inline-block; float:left; height:auto; margin:0; padding:0 1%; position:relative; width:100%; z-index:999; -webkit-transform:translate3d(0px,0px,0px); transform:translate3d(0px,0px,0px); } .stick { display:block; position:fixed !important; top: 65px; left: 0; } ul.page-nav { float:left; height:100%; list-style:none; padding:0; margin:0; position:relative; width:100%; } ul.page-nav li { display:inline-block; float:left; width:20%; } ul.page-nav li a { color:#333333; display:block; font-size:14px; font-weight:600; padding:5px 0px; position:relative; text-align:center; text-transform:uppercase; z-index:2000; } ul.page-nav li a:hover, ul.page-nav li a:focus { background:#FFF; color:#ac1608; position:relative; } ul.page-nav li a.hover { background:#ac1608; color:#FFF; position:relative; } ul.page-nav li i { color:#ac1608; padding-right:10px; } ul.page-nav li a:hover i, ul.page-nav li a:focus i { color:#333; } ul.page-nav li a.hover i { color:#FFF; } ul.nav-quarter li { width:25%; } ul.nav-six li { width:16%; } ul.page-nav ul { background:#ac1608; display:none; list-style:none; position:absolute; top:100%; left:0; padding:30px 20px; width:100%; z-index:1000; } ul.page-nav ul li { display:block; float:left; padding:0px 20px; width:25%; } ul.page-nav ul li a { border-bottom:1px solid #a92417; display:block; color:#FFF !important; font-size:13px; padding:0; text-align:left; } ul.page-nav ul li a span { display:inline-block; padding:10px 0; position:relative; width:100%; transition: all 1s; } ul.page-nav ul li a span:after { display:none; } ul.page-nav ul li a:hover, ul.page-name ul li a:focus { display:block; color:#FFF !important; } ul.page-nav ul li a:hover span { transform:translateX(15px); } ul.page-nav ul li a:hover span:before, ul.page-nave ul li a:focus span:before { border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #333; content:""; position:absolute; top:17px; left:-10px; } .page-nav-sub ul li a:active span { color:#333 !important; } .page-nav-sub { display:block; position:absolute; top:100%; left:0; width:100%; } .drop a span { position:relative; } .drop a span:after { border-bottom:5px solid transparent; border-right:5px solid transparent; border-left:5px solid transparent; border-top:5px solid #333; content:""; position:absolute; top:7px; right:-20px; } .drop a.hover span:after { border-top:5px solid transparent; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid #333; content:""; position:absolute; top:2px; right:-20px; } /* ========================= */ /* === ADA report pg. 70 === */#menu-heading2 {display:inline-block; font-family:"VeneerTwo"; float:left; height:auto; margin:0; padding:4px; width:100%; color:#222; font-size:36px; letter-spacing:0px; text-transform:uppercase;} #menu-heading2-sub { margin-right:auto; margin-left:auto; border-top:1px solid #DDD; border-bottom:1px solid #DDD; color:#222; display:inline-block; text-align:center; font-size:16px; font-style:italic; font-weight:300; padding:15px 10px;} #menu-heading2-sub p { margin-right:auto; margin-left:auto; color:#222; display:inline-block; font-size:14px; font-style:normal; font-weight:300; padding:0px; } #menu-heading2-sub p i { font-size:13px; color:#262626;} #menu-heading4 {display:inline-block; font-family:"VeneerTwo"; float:left; height:auto; margin:0; padding:0; width:100%; color:#222; font-size:22px; letter-spacing:0px; text-transform:uppercase;} /* ========================= */ /*======================================= PAGES ========================================*/ #page-header1 { display:block; float:left; height:100px; position:relative; width:100%; z-index:0; } #page-header1:after { background:rgba(0,0,0,0.25); content:""; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; } #page-header1 h1 { font-size:10rem; height:100px; letter-spacing:0; padding:0; position:fixed; top:0px; left:0px; text-align:center; z-index:2; width:100%; display:flex; justify-content:center; align-items:center; } #page-header { display:block; float:left; height:600px; position:relative; width:100%; z-index:0; } #page-header:after { background:rgba(0,0,0,0.10); content:""; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; } #page-header h1 { font-size:8rem; height:600px; letter-spacing:0; padding:0; position:absolute; top:0px; left:0px; text-align:center; z-index:2; width:100%; display:flex; justify-content:center; align-items:center; } /*menu headers*/ #page-header.menu-ourmenu, #page-header.menu-deepdish { background:url("https://www.unos.com/images/headers/deep-dish.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-appetizers { background:url("https://www.unos.com/images/headers/App_ShrimpCrabDip_150.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-soups { background:url("https://www.unos.com/images/headers/soups.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-salads { background:url("https://www.unos.com/images/headers/salads.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-thincrust { background:url("https://www.unos.com/images/headers/chicago-thin-crust.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-flatbread { background:url("https://www.unos.com/images/headers/flatbread-head.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-chicken { background:url("https://www.unos.com/images/headers/chicken.jpg") no-repeat top center; background-size:cover; background-attachment: fixed; } #page-header.menu-pasta { background:url("https://www.unos.com/images/headers/pasta.jpg") no-repeat bottom center; background-size:cover; background-attachment: fixed; } #page-header.menu-seafood { background:url("https://www.unos.com/images/headers/seafood.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-steak { background:url("https://www.unos.com/images/headers/steak.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; }/* following added 06/14/2019 for UNUL */ #page-header.menu-unul { background:url("https://www.unos.com/images/headers/unul-head.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-lto { background:url("https://www.unos.com/images/headers/lto.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-jan-2020-lto { background:url("https://www.unos.com/images/headers/lto-jan2020.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-burgers { background:url("https://www.unos.com/images/headers/burgers-sandwiches.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-kids { background:url("https://www.unos.com/images/headers/kids.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-desserts { background:url("https://www.unos.com/images/headers/desserts.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-glutenfree { background:url("https://www.unos.com/images/headers/gluten-free.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-mealdeals { background:url("https://www.unos.com/images/headers/meal-deals.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-summer2023 { background:url("https://www.unos.com/images/headers/summer2023-header.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-beverages { background:url("https://www.unos.com/images/headers/beverages2.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-pickchoose { background:url("https://www.unos.com/images/headers/pick-choose.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-lunch { background:url("https://www.unos.com/images/headers/lunch.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-platters { background:url("https://www.unos.com/images/headers/platters.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; }/*following added 10/02/19 new menu */ #page-header.menu-loveall { background:url("https://www.unos.com/images/headers/loveall.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.menu-beer { background:url("https://www.unos.com/images/headers/beer.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-2dollardrinks { background:url("https://www.unos.com/images/headers/Fireball_Sangria_landing_pg.jpg") no-repeat top center; background-size:cover; } /*page headers*/ #page-header.page-eclub { background:url("https://www.unos.com/images/headers/eclub.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-about, #page-header.page-gallery { background:url("https://www.unos.com/images/headers/about.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-franchise { background:url("https://www.unos.com/images/headers/franchising.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-jobs { background:url("https://www.unos.com/images/headers/nutrition.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-bruno { background: #000; background-size:cover; background-attachment: fixed; } #page-header.page-nut { background:url("https://www.unos.com/images/headers/nutrition.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-contact { background:url("https://www.unos.com/images/headers/contact.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-giftcards { background:url("https://www.unos.com/images/headers/gift-cards.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-packages { background:url("https://www.unos.com/images/headers/about.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-fundraiser { background:url("https://www.unos.com/images/headers/fundraiser.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-programs { background:url("https://www.unos.com/images/headers/school-program.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-catering { background:url("https://www.unos.com/images/headers/catering.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header1.page-header1 { background:url("https://www.unos.com/images/headers/header1.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-capitolroom { background:url("https://www.unos.com/images/headers/capitolroom.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-beerdinner { background:url("https://www.unos.com/images/headers/pizza_beer_dinner.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-rewards { background:url("https://www.unos.com/images/headers/rewards-hero.jpg") no-repeat top left; background-size:cover; background-attachment: fixed; } #page-header.page-unoextras { background-color: black; } .page-sub-title { display:inline-block; height:auto; margin:0; padding:0; text-align:center; width:100%; } #sub-menu-title { float:left; height:auto; padding:2px 15px 25px; text-align:center; width:100%; } #sub-menu-title h1 { color:#222; font-size:5rem; text-align:center; } #sub-menu-title span { border-top:1px solid #DDD; border-bottom:1px solid #DDD; color:#222; display:inline-block; font-size:16px; font-style:italic; font-weight:300; padding:15px 10px; } #sub-menu-title1 { float:left; height:auto; padding:2px 15px 25px; text-align:center; width:100%; } #sub-menu-title1 h1 { color:#222; font-size:5rem; text-align:center; } #sub-menu-title1 span { border-top:1px solid #DDD; border-bottom:1px solid #DDD; color:#222; display:inline-block; font-size:16px; font-style:italic; font-weight:300; padding:15px 10px; } #sub-menu-title2 { float:left; height:auto; padding:2px 15px 25px; text-align:center; width:100%; } #sub-menu-title2 h1 { color:#222; font-size:5rem; text-align:center; } #sub-menu-title2 span { border-top:1px solid #DDD; border-bottom:1px solid #DDD; color:#222; display:inline-block; font-size:16px; font-style:italic; font-weight:300; padding:15px 10px; } #page { background:#f0f0f0; } .buffer { padding-top:160px; } #page .page-row { margin:60px 0 0; text-align:left; } .page-row { position:relative; z-index:9999; } .page-row > [class*='col-'] { text-align:left; } #page sup { font-family:"Open Sans",sans-serif; } .staff-bio { background:#FFF; border-radius:5px; display:inline-block; height:auto; margin:20px 0; padding:25px; position:relative; text-align:left; width:100%; } .staff-name { color:#222; display:inline-block; font:400 32px "Trade Gothic BldCon2",sans-serif; padding:0 0 0px; text-transform:uppercase; width:100%; } .staff-bio p { padding:15px 0 0; } em { color:#ac1608; } .staff-bio img { display:inline-block; float:left; margin:0 15px 15px 0; padding:0; } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { border:none; height:100%; position:absolute; top:0; left:0; width:100%; } .bullet-list, .bullet-list li { list-style:disc; text-align:left; margin:0; padding:0 0 0 10px; } .bullet-list li { padding:5px 0; } .bullet-list-hdr { font-weight:bold; font-size:18px; } .section-center, .section-center h2 { color:#FFF; text-align:center; } .section-center .button { float:none; } #popout { width:100%; height:250px; } .carousel-control > i { display:inline-block; position:absolute; top:50%; } .scrollable-menu { height:auto; max-height:340px; overflow-x:hidden; } .scrollable-menu::-webkit-scrollbar { -webkit-appearance: none; width: 4px; } .scrollable-menu::-webkit-scrollbar-thumb { border-radius: 3px; background-color: lightgray; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75); box-shadow: 0 0 1px rgba(255,255,255,.75); } /*======================================= MENU PAGES ========================================*/ .menu-category a { background:#FFF; border-radius:5px; display:inline-block; height:auto; margin:20px 0; width:100%; } .menu-category a:hover { box-shadow:0 0 5px rgba(0,0,0,0.2); } .menu-category a img { border-radius:5px 5px 0 0; max-width:100%; width:100%; } .menu-category a span { color:#222; display:inline-block; font:400 20px "Trade Gothic BldCon2",sans-serif; padding:20px; text-align:left; text-transform:uppercase; width:100%; } .menu-category a:hover span { color:#ac1608; } .menu-category a span i { color:#555; display:inline-block; font:italic 400 14px/14px "Open Sans",Arial,sans-serif; margin:-10px 0 0; text-transform:capitalize; width:100%; } .menu-item { background:#FFF; border-radius:5px; margin:20px 0; position:relative; max-width:100%; width:100%; } .menu-item img { border-radius:5px 5px 0 0; max-width:100%; width:100%; } .item-info { display:inline-block; height:auto; margin:0; padding:20px; text-align:left; width:100%; } .options { text-align:center !important; } .item-name { color:#222; display:inline-block; font:400 20px "Trade Gothic BldCon2",sans-serif; padding:0 0 10px; text-transform:uppercase; width:100%; } .item-name i { color:#ac1608; font-style:normal; } .item-description { color:#555; display:inline-block; padding:0 0 20px; text-transform:none; width:100%; } .item-description i { color:#cb3526; } .pricelevel { color: #444444; display:none;} .new-item:before { background:#cb3526; border-radius:5px 0 5px 0; content:"New!"; color:#FFF; display:block; font:400 18px "Trade Gothic BldCon2",sans-serif; height:auto; padding:10px 20px; position:absolute; top:0px; left:0px; text-transform:uppercase; width:auto; } /*======================================= GIFT CARD PAGE ========================================*/ .card-description { color:#555; display:inline-block; padding:0 0 20px; width:100%; } .card-description i { color:#cb3526; } /*flexbox properties for items*/ .row { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; flex-wrap:wrap; } .flex-row { display:-webkit-flex; display:flex; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; flex-direction:row; flex-wrap:wrap; max-width:100%; } .flex-row > [class*='col-'] { display:flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; } .listed-items { background:#FFF; border-radius:5px; padding:2.5% 5%; margin:40px 0; } .listed-items h3 { border-bottom:1px solid #f0f0f0; color:#222; display:inline-block; font-size:5rem; height:auto; padding:0 0 30px; line-height:1; margin:30px 0; text-align:center; width:100%;} .listed-items h3 span { color:#555; display:inline-block; font:400 16px "Open Sans",Arial,sans-serif; height:auto; letter-spacing:0px; text-transform:capitalize; width:100%; } .list-item { text-align:left; margin:10px 0; } .menu-item-featured { border-radius:0 0 5px 5px; display:inline-block; float:left; margin:-60px 0 40px 0; overflow:hidden; height:500px; position:relative; width:100%; z-index:2; } .menu-item-featured .menu-item-featured-name { background:#cb3526; border-radius:0 0 5px 0; color:#FFF; display:block; font:400 18px "Trade Gothic BldCon2",sans-serif; height:auto; padding:10px 20px; position:absolute; top:0px; left:0px; text-transform:uppercase; width:auto; } .menu-item-featured img { border-radius:0 0 5px 5px; margin:-140px 0 0 0; max-width:100%; width:100%; } /*.modal { z-index:10000 !important; } /*======================================= SECTIONS ========================================*/ #offerings { background:#FFF; } #offerings .container { background:url("https://www.unos.com/images/icons/dealsbutton.png") bottom right no-repeat; background-size: 23%; } .offer { display:inline-block; float:left; height:auto; margin:0; padding:0 0 0 25%; text-align:left; width:100%; } #deep-savings { background:url("https://www.unos.com/images/icons/insiders-club1.png") no-repeat; background-position:0px 20px; background-size:22%; } #takeout-deals { background:url("https://www.unos.com/images/icons/deep-takeout-deals1.png") no-repeat; background-position:0px 20px; background-size:22%; } #bar-uno { background:url("https://www.unos.com/images/promos/bg-bar-uno.jpg") top center no-repeat #170d03; background-size:cover; background-attachment: fixed; } #bar-uno .three-column { text-align:center; } #bar-uno a { float:none; } .menu-items-container { text-align:left; } .beer { text-align:left; } .beer .brewery { float:none; width:auto; } .beer p { font-size:13px; } .ut-menu { text-align:left; } .left-promo, .center-promo, .right-promo { display:inline-block; float:left; height:auto; margin:0; text-align:center; width:100%; } .left-promo, .right-promo { padding:100px 0 0; } .center-promo { padding:0 0 40px; } .left-promo img, .center-promo img, .right-promo img { display:inline-block; } .legal { text-align:left; } .legal h4 { font-size:26px; } /*======================================= LOCATIONS ========================================*/ .location-search-box { background:#FFF; border-radius:5px; margin:20px 0; position:relative; width:100%; } /*.location-search-box-left { border-right-style: solid; border-radius: 0px; } /*new*/ .location h3, .location-search-box h3 { color:#ac1608; margin-bottom:0; } .location-info, .location-search .mylocation { display:inline-block; height:auto; margin:0; padding:20px; text-align:left; position:relative; width:100%; z-index:1000; } .location-search { padding:20px 0; } .location-search p{ padding: 5px 0; margin: 0 0; } #mylocation { margin-top: 10px; margin-bottom: 30px; padding:0px 280px; font-size: 20px; font-family:"Trade Gothic BldCon2"; line-height: 30px; background-color:#f0f0f0;} #mylocation .col-md-2 .col-md-9 .col-md-3 .col-md-8 { padding: 0;} #mylocation .buttonred { float:none; padding: 13px 13px;} #mylocation .cookiename { font-size: 22px; text-transform:uppercase; font-family:"VeneerTwo"; line-height: 10px; white-space: nowrap; line-height: 60px;} #mylocation .cookieaddress { font-size: 20px; width:60%;} #mylocation .cookiephone { font-size: 18px; text-align:right; padding-right: 5px; width:20%; } #mylocation .cookiechange { width:20%; } #mylocation .cookielocationmid { text-align: left; padding-left: 30px;} #mylocation .myuno { float:left; font-family:'ThirstyRoughReg'; color:#000; font-size: 20px; -ms-transform: rotate(-20deg); /* IE 9 */ -webkit-transform: rotate(-20deg); /* Safari */ transform: rotate(-20deg); position: relative; z-index: 2; top: -4px; left: 5%; line-height:60px;} #mylocation a{ font-size:14px; float:none; text-align:right;} @media(max-width:1366px){ .header-big #mylocationtitle {font-size:1em; } .header-big #mylocationtitle a {font-size:1em; } .header-small #mylocationtitle {font-size:1em; } .header-small #mylocationtitle a {font-size:1em; } } .location-search #search-box { position:relative; width:100%; } .location-search .search-input { background:rgba(0,0,0,0.1); width:57%; height:60px; line-height:60px; padding:0 25px 0 10px; margin: 0 10px;} .location-search .search-input:hover { border:1px solid rgba(0,0,0,0.15); } .location-search .search-input form { width:95%; } .location-search .search-input form, .location-search .search-input i { color:#777; } .location-search .search-input i { position:relative; top:21px; right:-10px; } .location-search .search-input form input#search { width:100%; } .location-search input[type="button"] { -webkit-appearance:none; -moz-appearance:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-border:none; -moz-border:none; border:none; } .location-search .search-input .button { background:#ac1608; -webkit-border-radius:0px; border-radius:0px; color:#FFF; display:inline-block; font:400 16px/60px "Trade Gothic BldCon2",sans-serif; float:left; height:60px; margin:0px; padding:0; text-align:center; text-transform:uppercase; position:absolute; right:0px; top:0px; width:35% } .location-search .search-input .button:hover { background:#303030; color:#FFF; } .location { background:rgba(255,255,255,1); border-radius:5px; margin:20px 0; position:relative; width:100%; } .location:hover { box-shadow:0 0 5px rgba(0,0,0,0.2); } .location-name { color:#ac1608; font:400 24px "Trade Gothic BldCon2",sans-serif; text-transform:uppercase; position:relative;} .location-address { display:inline-block; width:100%; } .location-phone { font-size:18px; font-weight:bold; } .location-phone, .location-phone a { color:#303030; } .location-info .button { position:absolute; top:25%; right:20px; } .location-info .buttonnarrow { position:absolute; top:25%; right:20px; } #dropStates { background:#303030; color:#FFF; display:inline-block; font:400 18px/60px "Trade Gothic BldCon2",sans-serif; float:left; height:60px; margin:0px; padding:0; text-align:center; text-transform:uppercase; position:absolute; left:0px; top:0px; width:90% } #dropStates:hover { filter:alpha(opacity=95); opacity:0.95; } #cookingStates { background:#303030; color:#FFF; display:inline-block; font:400 18px/60px "Trade Gothic BldCon2",sans-serif; float:left; height:60px; margin:0px; padding:0; text-align:center; text-transform:uppercase; position:absolute; left:0px; top:0px; width:90% } #cookingStates:hover { filter:alpha(opacity=95); opacity:0.95; } .dropdown { position:relative; z-index:9999; } .dropdown-menu { border-radius:0 0 5px 5px; top:60px; width:100%; } .dropdown-menu > li > a { padding:5px 20px; } #california, #colorado, #columbia, #florida, #illinois, #indiana, #maine, #maryland, #massachusetts, #michigan, #new-hampshire, #new-jersey, #new-mexico, #new-york, #ohio, #pennsylvania, #rhode-island, #south-carolina, #texas, #vermont, #virginia, #washington, #wisconsin { display:none; } .stateShow { display:inline-block !important; width:100%; } #location-finder { background:#FFF; display:inline-block; height:auto; margin:20px 0; padding:20px; width:100%; } #stateName {font-family:'VeneerTwo'; text-align: left; text-transform: uppercase; font-size: 16px;} /*======================================= BRUNO 2018 ========================================*/ #brunosentyou { background:url("/images/bruno/slice-black.png") top center no-repeat #262626; display: inline-block; background-size: auto 100%; padding: 60px 0; } #brunosentyou h2, #brunosentyou p{ padding-top: 30px; text-align:left;} #brunovideos { background:url("/images/bruno/bruno-video-bg.png") bottom center no-repeat #fff; display: inline-block; background-size:contain; padding-top: 60px; } #brunovidcontainer { padding: 40px 0 0 0; } #brunoheadertext { display: inline-block; padding-top: 80px; } #brunoheadertext img {z-index:2;} #bruno { position: absolute; bottom: -5%; right: 15%; z-index:3;} #brunovidcontainer a{ padding: 0 20px 0 20px;} .header-big #brunologo {z-index:999; font-size: 3em; font-family: 'Permanent Marker', cursive; color: #fff; position: absolute; top: 40px; left:5px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); } .header-small #brunologo {z-index:999; font-size: 1em; font-family: 'Permanent Marker', cursive; color: #fff; position: absolute; top: 20px; left:2px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg);} .brunoslider { position: absolute; bottom: -500%; right: 10px; z-index:10; animation: animatebruno 8s infinite alternate; } @keyframes animatebruno { from,to {} 0% {bottom: -500%;} 100% {bottom: -150%;} } @-webkit-keyframes animatebruno { from,to {} 0% {bottom: -500%;} 100% {bottom: -150%;} } .brunoep1 { background:url("/images/bruno/ep1video.png") center no-repeat; background-size: contain; display:inline-block; vertical-align: middle; height: 100px; width: 175px; } .brunoep1:hover { background:url("/images/bruno/ep1cover.png") center no-repeat; background-size: contain; height: 100px; width: 175px; } .brunoep2 { background:url("/images/bruno/ep2video.png") center no-repeat;background-size: contain; display:inline-block; vertical-align: middle; height: 100px; width: 175px;} .brunoep2:hover { background:url("/images/bruno/ep2cover.png") center no-repeat; background-size: contain; height: 100px; width: 175px;} .brunoep3 { background:url("/images/bruno/ep3video.png") center no-repeat; background-size: contain; display:inline-block; vertical-align: middle; height: 100px; width: 175px;} .brunoep3:hover { background:url("/images/bruno/ep3cover.png") center no-repeat; background-size: contain; height: 100px; width: 175px;} /*======================================= NUTRITION ========================================*/ #nutrition-box, #white-container, #nutrition-box-labels { background:#FFF; display:inline-block; height:auto; margin:20px 0; padding:20px; width:100%; } /*======================================= REWARDS ========================================*/ .rewardsphone { position: absolute; right:0px; bottom: 10px; z-index: 10; display: inline-block; } .rewardsphonev { display:none;} .rewards-hero-text { margin-right: 10%;} .rewards-content { text-align: left; padding-left:10px;} .rewards-promo-h {display:block;} .rewards-promo-v {display:none;} /*======================================= FOOTER ========================================*/ #footer { background:#f0f0f0; text-align:center; } #org43foot { background:url(https://www.unos.com/images/footer/plane.png) bottom left no-repeat #f9f6e3; background-position: 23%; } ul#foot-nav { display:inline-block; float:right; height:auto; padding:0 0 30px; margin:0; width:100%; } ul#foot-nav li { display:inline-block; margin:0 15px; } ul#foot-nav li a { color:#555555; font:600 14px 'Open Sans', sans-serif; position:relative; text-transform:uppercase; } ul#foot-nav li a:hover { color:#ac1608; } ul.social { display:inline-block; float:right; height:auto; padding:0 0 30px; margin:0; width:100%; } ul.social li { display:inline-block; margin:0 10px; } ul.social li a { color:#000000; font-size:18px; position:relative; text-transform:uppercase; } ul.social li a:hover { color:#303030; } ul.social li a span { display:none; } ul#branches { display:inline-block; float:right; height:auto; padding:0 0 30px; margin:0; width:100%; } ul#branches li { display:inline-block; margin:0 20px; } ul#branches li a { } ul#branches li a:hover { } .copyright { color:#999; display:inline-block; font-size:14px; float:right; height:auto; padding:0px; margin:0; text-transform:uppercase; width:100%; } .copyright span { display:inline-block; float:left; height:auto; margin:0; width:100%; } .patent { color:#999; display:inline-block; font-size:14px; float:right; height:auto; padding:0px; margin:0; width:100%; } .patent span { display:inline-block; float:left; height:auto; margin:0; width:100%; } #insiders { background: #262626; } #insiders a { float:none; } #insiders p { color:#FFF; } #insiders .section { padding-top: 0px; padding-bottom: 0px;} /*======================================= ANIMATIONS ========================================*/ .animate-block { opacity:1; } .animated { opacity:1; } .animate-block.slideUp.animated { animation:slideUp 1.5s forwards; -webkit-animation:slideUp 1.5s forwards; } .responsive-frame { display:inline-block; float:left; height:900px; width:100%; } @media(max-width:1600px){ #menu-header h1 { font-size:8rem; } #welcome{ background-position: right 150px top 30px; } .location-search .search-input form { width:80%; } /*new*/ .location-search .search-input i { top:20px; float: right;} #mylocation .cookiename { font-size: 22px; padding-right: 0px; } #mylocation .cookieaddress { font-size: 20px; text-align:left; } #mylocation .cookiephone { font-size: 18px; } } @media(max-width:1400px){ #mission-statement { padding-left:200px; } #mylocation { padding:0px 0px; } #welcome{ background-position: right 100px top 30px; } .location-search .search-input { background:rgba(0,0,0,0.1); width:60%; height:60px; line-height:60px; padding:0 25px 0 10px; margin-left: 10px; margin-top: 0;} .location-search .search-input form { width:80%; font-size: 18px;} /*new*/ .location-search #search-box a { height:60px; line-height:20px; width:35%; font-size: 18px; } .location-search .search-input i { top:20px; float: right;} .rewardsphone { position: absolute; right:-160px; } } @media(max-width:1366px){ .feature-slide h1 { font-size:50px; } .feature-slide h1 span { font-size:40px; } .feature-slide h5 { font-size:50px; } .feature-slide h5 span { font-size:40px; } #bruno { position: absolute; bottom: -5%; right: 5%; z-index:2;} } @media(max-width:1200px){ h2 { font-size:30px; } p { font-size:14px; } #welcome{ background-position: right 50px top 15px; } #mission-statement { padding-left:160px; } .left-promo, .right-promo { display:none; } #bar-uno a { float:none; } .menu-item-featured { height:300px; } ul.page-nav li a { font-size:13px; } #brunohashmarks img {width: 400px; height: auto; background-size: 400px auto;} #mylocation .cookieaddress { padding-left: 0px; padding-right: 0px;} #mylocation .cookiephone { padding-left: 0px; padding-right: 0px;} #mylocation .myuno { left: 10%;} #mylocation .cookiephone { width:15%; } #mylocation .cookiechange { width:25%; } .location-search #search-box a { height:60px; line-height:20px; width:90%; font-size: 18px; margin-bottom: 10px; } .location-search .search-input form { width:80%; } /*new*/ .location-search .search-input { width:90%; margin-left: 0;} .box-greytexture {padding-left: 20px;} /*.rewardsphone { position: absolute; right:-100px; }*/ } @media(max-width:1125px){ #header { display:inline-block; float:left; height:auto; margin:0; position:absolute; top:0px; left:0px; right:0px; width:100%; z-index:9999; } #nav-toggle { display:block; } #nav-toggle-seo { display:block; } .header-big #logo, .header-small #logo { height:45px; left:20px; top:10px; width:75px;} .header-big #logo43, .header-small #logo43 { height:45px; left:20px; top:10px; width:75px;} .header-big #brunologo {font-size: 1em;top: 22px; left:1px;} .header-small #brunologo {font-size: 1em;top: 22px; left:1px;} ul#nav { background:rgba(51,51,51,0.95); display:none; height:auto; margin:0; padding:65px 0 0 !important; position:absolute; top:0px; left:0px; width:100%; z-index:1; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease; } ul#nav li { border-top:1px solid rgba(255,255,255,0.05); display:inline-block; float:left; height:auto; margin:0; text-align:left; position:relative; opacity:1; width:100%; } ul#nav li a { color:#FFF; font:700 16px 'Open Sans',sans-serif; float:left; padding:15px 0 15px 25px; text-transform:uppercase; position:relative; width:100%; } ul#nav li a:hover, ul#nav li a:active, ul#nav li:focus { background:rgba(0,0,0,0.4); } ul#nav li a:before { display:none; } ul#nav li a:hover:before { display:none; } ul#nav li a i { padding-right:10px; } #mylocation .buttonred { padding: 10px 10px; margin: 0 0 0 0; } .orderimg { display:none !important;} #nav-order { background:#ac1608; color:#FFF; display:block; height:65px; position:absolute; top:0px; right:0px; width:65px; } #nav-order:hover { background:#303030; } #nav-order span { display:inline-block; padding:0px; font-size:18px; text-align:center; width:100%; } #nav-order span:first-child { padding:17px 0 5px; } .header-small #nav-order, .header-big #nav-order { height:65px; width:65px; } .header-small #nav-order span, .header-big #nav-order span { line-height:25px; text-align:center; padding-top:8px; width:auto; padding-left: auto; } .header-small #nav-order img, .header-big #nav-order img { display:none;} .header-small #nav-order i.fa-chevron-down, .header-big #nav-order i.fa-chevron-down { font-size:14px !important; width:15px !important; } #bruno {right: 0px; bottom: -20px; } #brunovidcontainer img { width: 100px; height: auto; text-align:center;} #brunohashmarks img {width: 200px; height: auto; background-size: 200px auto;} /*Home Page Slider*/ #slider { float:left; height:100%; margin:0; padding:0; position:relative; width:100%; } /* .slide { display:block; float:left; height:100%; margin:0; opacity:0; padding:0; position:relative; width:100%; z-index:1; } */ #welcome{ background-position: right 100px top 15px; } #org43foot{ background-position: right 150px top 80px; } #feature { position:absolute; } .slide-animate { background-size:cover; height:100%; position:absolute; top:0; left:0; width:100%; -webkit-animation:none; animation:none; } .slide-active { background-size:cover; height:100%; position:absolute; top:0; left:0; opacity:1; width:100%; z-index:3; } #page-header[class^="menu-"], #page-header[class^="page-"] { background-attachment:scroll; } #page-header1[class^="menu-"], #page-header1[class^="page-"] { background-attachment:scroll; } #welcome17 { background:#f9f6e3; } #welcome17msg { padding:0 0 0 0; } #welcome17img { padding: 0 0 0 0; } #welcome17img img { margin: 0 auto; } ul.page-nav li a { padding:20px 0; } #page-header.menu-ourmenu, #page-header.menu-deepdish { background:url("https://www.unos.com/images/headers/mobile/deep-dish.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-appetizers { background:url("https://www.unos.com/images/headers/mobile/App_ShrimpCrabDip_150.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-soups { background:url("https://www.unos.com/images/headers/mobile/soups.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-salads { background:url("https://www.unos.com/images/headers/mobile/salads.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-thincrust { background:url("https://www.unos.com/images/headers/mobile/chicago-thin-crust.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-flatbread { background:url("https://www.unos.com/images/headers/mobile/flatbread.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-chicken { background:url("https://www.unos.com/images/headers/mobile/chicken.jpg") no-repeat top center; background-size:cover; background-attachment: scroll; } #page-header.menu-pasta { background:url("https://www.unos.com/images/headers/mobile/pasta.jpg") no-repeat bottom center; background-size:cover; background-attachment: scroll; } #page-header.menu-seafood { background:url("https://www.unos.com/images/headers/mobile/seafood.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-steak { background:url("https://www.unos.com/images/headers/mobile/steak.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-burgers { background:url("https://www.unos.com/images/headers/mobile/burgers-sandwiches.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-kids { background:url("https://www.unos.com/images/headers/mobile/kids.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-desserts { background:url("https://www.unos.com/images/headers/mobile/desserts.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-glutenfree { background:url("https://www.unos.com/images/headers/mobile/gluten-free.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-mealdeals { background:url("https://www.unos.com/images/headers/mobile/meal-deals.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-summer2023 { background:url("https://www.unos.com/images/headers/mobile/summer2023-header.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-beverages { background:url("https://www.unos.com/images/headers/mobile/beverages2.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-pickchoose { background:url("https://www.unos.com/images/headers/mobile/pick-choose.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-lunch { background:url("https://www.unos.com/images/headers/mobile/lunch.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-platters { background:url("https://www.unos.com/images/headers/mobile/platters.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.menu-beer { background:url("https://www.unos.com/images/headers/mobile/beer.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } /*page headers*/ #page-header.page-eclub { background:url("https://www.unos.com/images/headers/mobile/eclub.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #page-header.page-about, #page-header.page-gallery { background:url("https://www.unos.com/images/headers/mobile/about.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-franchise { background:url("https://www.unos.com/images/headers/mobile/franchising.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-jobs { background:url("https://www.unos.com/images/headers/mobile/nutrition.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-nut { background:url("https://www.unos.com/images/headers/mobile/nutrition.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-contact { background:url("https://www.unos.com/images/headers/mobile/contact.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-giftcards { background:url("https://www.unos.com/images/headers/mobile/gift-cards.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-packages { background:url("https://www.unos.com/images/headers/mobile/group-packages.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-fundraiser { background:url("https://www.unos.com/images/headers/mobile/fundraiser.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-programs { background:url("https://www.unos.com/images/headers/mobile/school-program.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header.page-catering { background:url("https://www.unos.com/images/headers/mobile/catering.jpg") no-repeat bottom left; background-size:cover; background-attachment: scroll; } #page-header1.page-header1 { background:url("https://www.unos.com/images/headers/mobile/header1.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } #home-menus h1 { font-size:45px; } .rewards-hero-subject {display:none;} .rewards-hero-text {margin: 0 auto;} .offer { padding:0; text-align:center;} .offer img{margin:0 auto;} .feature-active { display:inline-block; text-shadow:0 2px 4px rgba(0,0,0,0.3); } .feature-active span { display:none; } .feature-active span strong { text-transform:uppercase; } .feature-slide .button { display:inline-block; float:none; font-size:18px; padding:15px 40px; } } @media(max-width:990px){ /*Header*/ .bounce{display:none;} .stick { display:block; position:relative !important; top:0px; } .device { display:none !important; } /*Home Page Slider*/ .slider-nav { bottom:70px; right:0; position:absolute; width:100%; } .dot { border-width:2px; display:inline-block; float:left; height:10px; width:10px; } .feature-active { display:inline-block; text-shadow:0 2px 4px rgba(0,0,0,0.3); } .feature-active span { display:none; } .feature-active span strong { text-transform:uppercase; } .feature-slide .button { display:inline-block; float:none; font-size:18px; padding:15px 40px; } #mission-statement { padding-left:200px; } #welcome { background:none; } #org43foot { background:#f9f6e3; } /*Menu Nav + Menus*/ #menus, #menus .container { margin:0; padding:0; width:100%; } ul.page-nav li { display:inline-block; float:left; width:100%; } ul.page-nav li a { border-bottom:1px solid #f0f0f0; padding:15px 0; } ul.page-nav ul li { display:block; float:left; padding:0px 20px; width:100%; } ul.page-nav ul, .page-nav-sub { float:left; position:relative; } .buffer { padding-top:80px; } .location-search #search-box a { width:100%; font-size: 18px; text-align:center; } .location-search .search-input { width:100%; display:none; } .location-search-box-left { border-right-style: none; } /*new*/ #dropStates { width:100%; } #cookingStates { width:100%; } .menu-category a span, .item-name { font-size:18px; } .listed-items h3 { font-size:4rem; } .listed-items h3 span { font-size:14px; } #offerings .container { background:none; } #offerings .button {float:none;} #org43img {max-width: 60%;} #mylocation .buttonred{ float:none; } #mylocation a {float:none; text-align:center; font-size: 16px;} #mylocation { padding:5px 40px; line-height: 40px;} #mylocation .cookieaddress { text-align:center; width:100%;} #mylocation .cookielocationmid { text-align: center; width:100%;} #mylocation .cookiephone { text-align: center; width:100%;} #mylocation .cookiechange { width:100%; float:none; text-align:center; } #mylocation .myuno { font-family:'ThirstyRoughReg'; font-size: 20px; float:none; top: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .responsive-frame { display:inline-block; float:left; height:1320px; width:100%; } #home17 { background:#262626; height:auto; float:left;} #home17-left {background:url("https://www.unos.com/images/home/home2for12v2.jpg") center top no-repeat; background-size: cover; /*padding: 25px 0 5px 0;*/ width: 100%;height:auto;} #home17-left span{font-size: 3rem; line-height:1.1;} #home17-left h1 {font-family:'VeneerTwo'; color: #fff; font-size: 7rem; letter-spacing: 5px; line-height:1.1;} #welcome17 {height:auto;} #welcome17 .button {float:none;} #home17-right {background:url("https://www.unos.com/images/home/homkidseatfreev2.jpg") center top no-repeat; background-size: cover;/* padding: 60px 0 5px 0;*/ width: 100%;height:auto;} #home17-right span {font-size: 3rem; line-height:1.1;} #home17-right h1 {font-family:'VeneerTwo'; color: #fff; font-size: 7rem; letter-spacing: 5px; line-height:1.1;} #divider {display:none;} #hashhrz75 {display:block;} #hashvrt75 {display:none;} .promobody75 { padding: 5px;} /*Footer*/ ul#foot-nav li { margin:0 10px; padding:10px 0; } ul#foot-nav li a { font-size:12px; } ul#branches li { padding:10px 0; } .copyright { font-size:11px; } .reduce { display:none !important; } #bar-uno h5 {font-size: 5rem;} #bar-uno img {display:none;} #brunohashmarks img {margin: 0 auto;} #brunosentyou > .button {float:none; text-align:center;} #brunosentyou h2, p{ padding-top: 30px; text-align:center;} #brunovidcontainer img { display:none; text-align:center;} #brunovideos { background:url("/images/bruno/bruno-video-bg.png") bottom center no-repeat #fff; background-size:cover; padding-top: 20px; } #brunovidcontainer { padding: 40px 0 0 0;} #brunovidcontainer a{ padding: 2px;} #brunovideos h2 {float: none;} #bruno { width: 70%; bottom: -10%;} .brunoep1 { height: 80px; width: 125px; margin: 0 auto;} .brunoep1:hover { height: 80px; width: 125px; } .brunoep2 { height: 80px; width: 125px; margin: 0 auto; } .brunoep2:hover { height: 80px; width: 125px; } .brunoep3 { height: 80px; width: 125px; margin: 0 auto;} .brunoep3:hover { height: 80px; width: 125px; } .brunoslider { position: absolute; right: -100%; bottom: -40%; z-index:10; animation: animatebruno 8s 1s infinite alternate;} @keyframes animatebruno { from,to {} 0% {right: -100%;} 100% {right: -10%;} } @-moz-keyframes animatebruno { from,to {} 0% {right: -100%;} 100% {right: -10%;} } @-webkit-keyframes animatebruno { from,to {} 0% {right: -100%;} 100% {right: -10%;} } .rewards-hero-text { width: 70%; margin-top: 160px ;} .rewards-content { text-align: center; margin: 0 auto; padding:5px;} .rewards-content a { text-align: center; margin: 0 auto; padding:5px;} .rewards-conent p { text-align: center; margin: 0 auto; padding:5px;} .rewards-promo-h {display:none;} .rewards-promo-v {display:inline-block; margin:0 auto; } .rewardsphone { display:none; } .rewardsphonev { display:inline-block; margin:0 auto; width:80%; margin-top: -100px;} .rewardsbutton {float:none;} } @media(max-width:768px){ body { text-align:center; } h3 { font-size:30px; } .page-row > [class*='col-'] { text-align:center; } p, .page-row > [class*='col-'] > p { line-height:24px; padding:0 5px 15px 5px; text-align:justify; } .button { float:none; padding:10px 30px; } .button.dealsbutton { float:none;} .button.download { display:inline-block; padding:10px 0; margin:1% 0; width:100%; } .section { padding:50px 0; } .nomob { display:none; } /*Home Page Slider*/ #action-bar { float:left; height:auto; margin:-50px 0 0; position:relative; width:100%; z-index:99; } #search-box { height:50px; width:100%; text-align:center; } #search-box a { font-size:18px; height:50px; text-align:center; padding:18px 0px 20px 0px; width:100%; } #search-box span, .search-input { font-size:16px; height:50px; text-align:center; padding:18px 0px 20px 0px; width:8%; -webkit-box-sizing:border-box; box-sizing:border-box; } .location-search .search-input i { line-height:60px; right: 10px; } .search-input form { width:100%; } .search-input input { padding:0 5px; width:100%; } #story75 {padding-top: 10px;} #wabash75 {margin:0 auto; position: relative; max-width: 50%;} #hero-img { margin: 0 auto; height: 70%; padding-top: 240px;} #action-bar ul.social { display:none; } .offer { margin:15px 0; padding:0; text-align:center; } #deep-savings, #takeout-deals { background:none; } #welcome { background:none; } .slide-animate { -webkit-transform-origin:none; transform-origin:none; -webkit-animation:none; animation:none; } .arrow-prev, .arrow-next { font-size:14px; } .feature-overlay { background:rgba(0,0,0,0.25); background-size:cover; height:100%; position:absolute; top:0; left:0; opacity:1; width:100%; z-index:1; } .location-search-box { margin-bottom: 45px;} .location-search .search-input { width:100%; } .location-search #search-box a { height:60px; line-height:30px; } .location-search .search-input i { top:0px; } /*Menu*/ .menu-category, #page .row > [class*='col-'] { padding-left:10px; padding-right:10px; } .item-description { font-size:13px; } .menu-item-featured img { margin:0px 0 0 0; } .menu-item-featured { height:200px; } /*Locations*/ .location-search .search-input form { width:95%; } .location-search .search-input { padding:0 10px 0 10px; text-align:left; } .location-search .search-input .button { background:#ac1608; color:#FFF; display:inline-block; font:400 16px/60px "Trade Gothic BldCon2",sans-serif; float:left; height:60px; margin:0px; padding:0px; text-align:center; text-transform:uppercase; position:absolute; right:0px; top:0px; width:35% } #wabash75 {display:none;} #home-menus h1 { font-size:50px; } #mylocation { padding:15px; font-size: 18px; font-family:"Trade Gothic BldCon2"; line-height: 20px; } #mylocation .buttonred { float:none; margin: 10px;} #mylocation .cookieaddress { line-height: 30px; } #mylocation .cookiephone { line-height: 30px; } .brunoslider { position: absolute; left: -100%; bottom: -120%; z-index:10; animation: animatebruno 8s infinite alternate;} @keyframes animatebruno { from,to {} 0% {left: -100%;} 100% {left: -10%;} } @-moz-keyframes animatebruno { from,to {} 0% {left: -100%;} 100% {left: -10%;} } @-webkit-keyframes animatebruno { from,to {} 0% {left: -100%;} 100% {left: -10%;} } #brunohashmarks {margin:0 auto; text-align:center;} #brunosentyou img{margin:0 auto;} #brunopairings {margin: 0 auto; text-align:center; float:none; background-image:none;} #page-header.page-rewards { background:url("https://www.unos.com/images/headers/mobile/rewards-hero2m.jpg") no-repeat bottom center; background-size: auto 100%; background-attachment: scroll; } } @media only screen and (max-device-width : 1024px) { #header { background:#303030; display:inline-block; float:left; height:65px; margin:0; padding:0; position:fixed; top:0px; left:0px; right:0px; width:100%; z-index:9999; } #logo { display:block; height:45px; position:absolute; top:10px; left:20px; z-index:999; width:75px; } #logo img { max-width:100%; width:100%; } #logo43 { display:block; height:45px; position:absolute; top:10px; left:20px; z-index:999; width:75px; } #logo43 img { max-width:100%; width:100%; } #nav-toggle { background:#222222; display:inline-block; color:#FFF; height:65px; padding:0px; font-size:20px; float:right; width:65px; } #nav-toggle-seo { background:#222222; display:inline-block; color:#FFF; height:65px; padding:0px; font-size:20px; float:right; width:65px; } #nav-box { display:none; height:100%; max-height:100%; position:fixed; top:65px; left:0px; width:100%; overflow-y:scroll; -webkit-overflow-scroll:touch; z-index:9999; } ul#nav { background:rgba(51,51,51,0.95); display:none; float:left; height:100%; margin:0; width:100%; padding:0 0 100px !important; overflow-y:scroll; -webkit-overflow-scroll:touch; } ul#nav li { border-bottom:1px solid rgba(255,255,255,0.05); display:inline-block; float:left; height:auto; margin:0; text-align:left; width:100%; } ul#nav li a { color:#FFF; display:inline-block; font-size:14px; font-weight:bold; float:left; padding:15px 0 15px 25px; text-transform:uppercase; width:100%; } ul#nav li a:hover, ul#nav li a:active, ul#nav li:focus { background:rgba(0,0,0,0.4); } ul#nav li a:before { display:none; } ul#nav li a:hover:before { display:none; } ul#nav li a i { padding-right:10px; } #nav-order { background:#ac1608; color:#FFF; display:inline-block; float:right; height:65px; padding:0px; position:relative; width:65px; } #nav-order span { height:65px; position:absolute; line-height:65px; top:0; right:0; bottom:0; left:0; text-align:center !important; width:65px; } #nav-order:first-child { display:none; } #nav-order:hover { background:#FFF; color:#ac1608; } .flex-ipad { display:-webkit-flex; display:flex; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; flex-direction:row; flex-wrap:wrap; max-width:100%; } .flex-ipad > [class*='col-'] { display:flex; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; } #bar-uno { background-attachment: scroll !important; } #page-header h1 { font-size:10rem; } #mylocation .buttonred { margin 10px;} } @media only screen and (max-device-width : 768px) { #page-header h1 { font-size:5rem; } } .modal-open { overflow: auto; } @media(max-width:768px){ .modal-dialog { margin: 10px auto; } } @media(max-width:640px){ h1, h2, h3, h4, h5, #welcome, #view-menus, .offer, .page-row { text-align:center; } h4 { font-size:20px; } .feature-slide h1 { font-size:40px; } .feature-slide h1 span { font-size:30px; } .feature-slide h5 { font-size:40px; } .feature-slide h5 span { font-size:30px; } #mission-statement { background:none; padding-left:0px; } ul.social li { text-align:center; padding:10px 0; } #page-header h1 { font-size:5rem; } .menu-item-featured { height:100px; } .staff-bio { text-align:center; } .staff-name { font-size:26px; } .location-phone, .location-phone a { color:#303030; } .location-info { text-align:center; } .location-info .button { position:relative; top:0; right:0; text-align:center; width:75%; } .location-info .buttonnarrow { position:relative; top:0; right:0; width:75%; float:none;} #page-header h1 { font-size:5rem; } #home-menus h1 { font-size:40px; } .location-search .search-input form { width:85%; } #mylocation { padding:5px 10px; line-height: 40px;} #brunohashmarks img {width: 150px; height: auto; background-size: 150px auto;} #brunocraftpairings {width: 300px; height: auto; !important; } } /***** Added 04/12/17 for menu calorie counts *****/ .cal-description { font-size:13px; display:inline-block; padding:0 0 20px; text-transform:capitalize; width:100%; font-style:italic; color:#595555; /*color:rgba(0,0,0,0); }*/ visibility: visible; display:none; } /* temp 04/14/2017 */ #page-header.menutest-lto { background:url("https://www.unos.com/images/headers/ltoheadtest.jpg") no-repeat bottom left; background-size:cover; background-attachment: fixed; } /* bouncing arrow */ .bounce a:hover { opacity:0.8; } .bounce { position:absolute; left:50%; bottom:80px; margin-top:-25px; margin-left:-25px; height:50px; width:50px; font-size:32px; z-index: 1; -webkit-animation:bounce 1s infinite; -moz-animation:bounce 1s infinite; -o-animation:bounce 1s infinite; animation:bounce 1s infinite; } .bounce a { color:white; opacity:0.3;} @-webkit-keyframes bounce { 0% { bottom:80px; } 25% { bottom:75px; } 50% { bottom:70px; } 75% { bottom:65px; } 100% {bottom:60px;} } @-moz-keyframes bounce { 0% { bottom:80px; } 25% { bottom:75px; } 50% { bottom:70px; } 75% { bottom:65px; } 100% {bottom:60px;} } @-o-keyframes bounce { 0% { bottom:80px; } 25% { bottom:75px; } 50% { bottom:70px; } 75% { bottom:65px; } 100% {bottom:60px;} } @keyframes bounce { 0% { bottom:80px; } 25% { bottom:75px; } 50% { bottom:70px; } 75% { bottom:65px; } 100% {bottom:60px;} } }