BODY *{ font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; } /* font-family:'HelveticaNeueW01-45Ligh'; font-family:'HelveticaNeueW01-55Roma'; font-family:'HelveticaNeueW01-56It'; font-family:'HelveticaNeueW01-75Bold'; font-family:'HelveticaNeueW01-76Bold'; */ H1,H2,H3,H4,H5, P { font-family:'HelveticaNeueW01-45Ligh'; } H2 { font-size: 36px; color: #FFF; } H3 { color: #000; font-size: 28px; } H4 { color: #d6cde8; font-weight: 200; letter-spacing: 0.04em; font-size: 24px;} H5 { color: #FFF; font-weight: 500; letter-spacing: 0.04em; font-size: 18px; } .TextRight { text-align: right; } .TextLeft { text-align: left; } .TextCenter { text-align: center; } .Pad10 { padding: 10px; } .Pad15 { padding: 15px; } .Pad20 { padding: 20px; } .end { float: right; } .BGLightGreen { background-color: #c4f123!important; } .BGLightPurple { background-color: #f3f1f8 !important; } .BGWhite { background-color: #FFF !important; } .BGPurple { background-color: #542b92 !important; } .BGGreen { background-color: #8bb11c !important; } .BGDarkBlue { background-color: #332152 !important; } .BGDarkPurple { background-color: #090410 !important; } .Shadow { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px#000; box-shadow: 0 0 5px #000; } .Button { padding: 10px 15px; background-color: #9ec519; color: #FFF; font-weight: 600; -moz-box-shadow: inset 0 0 10px #8bb11c; -webkit-box-shadow: inset 0 0 10px#8bb11c; box-shadow: inner 0 0 10px #8bb11c; } .Button:HOVER { color: #FFF; background-color: #53297e; -moz-box-shadow: inset 0 0 10px #542b92; -webkit-box-shadow: inset 0 0 10px#542b92; box-shadow: inner 0 0 10px #542b92; } .ListingItem .List-Title { padding: 15px 0 10px 0; line-height: 1.25em; } .ListingItem .List-Meta { font-size: 13px; } .ListingItem P { font-size: 16px; } .ListingItem A { color: #9ec519; } .ListingItem A:HOVER { color: #ab79fe; } .Connect .ListingItem A { color: #FFF; } .Connect .ListingItem A:HOVER { color: #ab79fe; } .Connect .ListingItem .List-Meta { color: #FFF; } .Connect .ListingItem .List-Logo { } #Masthead { background-color: #130c21; height: 140px; padding-top: 75px; } #Masthead #Logo { margin: 17px 0 0 0; float: left; } #Navigation { float: right; padding: 25px 0 0 0; } #Navigation LI { display: inline; } #Navigation LI A { color: #efe0ff; padding: 20px 17px; font-size: 16px; font-family: Helvetica Neue, Helvetica, san-serif; font-weight: 400; } #Navigation LI A.Selected, #Navigation LI A:HOVER { color: #c4f124; } #Navigation .Mobile { display: none; } #NavigationTop { height: 75px; border-bottom: 1px solid #4d248b; position: fixed; top: 0; z-index: 999999999; display: block; width: 100%; background-color: #130c21; } #NavigationSticky .NavContent { max-width: 960px; width: 100%; margin: 0 auto; } #NavigationSticky .NavContent .Col1 { float: left; margin-right: 95px; } #NavigationSticky .NavContent .Col2 { float: left; } #NavigationSticky .NavContent .Col1 H2 { padding-left: 15px; } #NavigationSticky { z-index: 100000; position: relative; border-bottom: 1px solid #4d248b; background: #220852 url(img/bg-navigation_repeat.jpg) top repeat-x; width: 100%; clear: both; display: inline-block; height: 62px; margin-bottom: -10px; } #NavigationSticky LI { display: inline; } #NavigationSticky LI A { float: left; font-weight: 400; color: #efe0ff; padding: 17px 21px 0; height: 60px; font-size: 16px; font-family: Helvetica Neue, Helvetica, san-serif; margin: 0;; } #NavigationSticky LI A:HOVER { color: #FFF; } #NavigationSticky LI A.Selected { background: url(img/icon-arrow_selected.png) center bottom no-repeat; padding-bottom:54px; } #Intro { text-align: center; background: #000 url(img/bg-squigly.jpg); width: 100%; overflow: hidden; position: relative; } #Intro #WordDrop { width: 100%; margin: 0 auto !important; height: 370px; position: relative; background: #000 url(img/bg-squigly.jpg); } #Headline.Wrapper { height: 57px; border-bottom: 1px solid #4d248b; background: #552a96 url(img/bg-headline_repeat.jpg) bottom repeat-x; } #Headline.Wrapper H1 { letter-spacing: 0.02em; font-weight: 200; font-size: 36px; color: #FFF; padding: 10px 0; margin: 0; line-height: 1em; } #BodyWrapper { position: relative; } #BodyNav UL { background: #220852 url(img/bg-navigation_repeat.jpg) top repeat-x; float: left; width: 100%; } #BodyNav .BodyNavStick { z-index: 1000000; height: 135px; float: left; width: 100%; background: #220852 url(img/bg-navigation_repeat.jpg) top repeat-x; display: block;} #BodyNav LI { border-left: 1px solid #4d248b; height: 135px; width: 50%; float: left; } #BodyNav LI A { border-top: 1px solid #4d248b; height: 135px; width: 100%; background-color: #130c21; float: left; } #BodyNav LI A.Selected { background: transparent url(img/icon-downarrow.png) center bottom no-repeat; color: #FFF; padding-bottom: 20px; height: 150px; } #BodyNav SPAN.ButtonContainer { font-weight: 200; color: #846db1; width: 100%; max-width: 485px; font-family: Helvetica Neue, Helvetica, san-serif; font-size: 45px; padding: 35px 20px 0; } #BodyNav SPAN.ButtonContainer SPAN { font-weight: 200; display: block; font-size: 25px; padding: 15px 0 0 0; } #BodyNav LI A.Selected SPAN.ButtonContainer, #BodyNav LI A:HOVER SPAN.ButtonContainer { color: #FFF; } #BodyNav .ButtonLeft SPAN.ButtonContainer { float: right; text-align: left !important; } #BodyNav .ButtonRight SPAN.ButtonContainer { float: left; text-align: right !important; } #BodyNav .BodyNavStick { position: absolute; top: 0px; } #BodyNav .BodyNavStick.Sticky { position: fixed; top: 74px; z-index: 9999; } #BodyNav .BodyNavStick.Sticky LI A.Selected { background: transparent url(img/icon-downarrow.png) center bottom no-repeat; color: #FFF; padding-bottom: 20px; height: 100px; } #BodyNav .BodyNavStick.Sticky SPAN.ButtonContainer { font-weight: 200; color: #846db1; width: 100%; max-width: 485px; font-family: Helvetica Neue, Helvetica, san-serif; font-size: 25px; padding: 17px 20px 0; } #BodyNav .BodyNavStick.Sticky SPAN.ButtonContainer SPAN { font-weight: 200; display: block; font-size: 15px; padding: 0px 0 0 0; } #BodyNav .BodyNavStick.Sticky LI A , #BodyNav .BodyNavStick.Sticky LI, #BodyNav .BodyNavStick.Sticky { height: 86px; } #BodyNav .BodyNavStick.Sticky LI A.Selected SPAN.ButtonContainer, #BodyNav .BodyNavStick.Sticky LI A.Selected SPAN.ButtonContainer SPAN, #BodyNav .BodyNavStick.Sticky LI A:HOVER SPAN.ButtonContainer, #BodyNav .BodyNavStick.Sticky LI A:HOVER SPAN.ButtonContainer SPAN { color: #FFF; } /* H O M E S P E C I F I C */ .Tabs { display: none; background-color: #f3f1f8; z-index: 1; position: relative; top: 0; margin: 0; padding: 0; } .Tabs.Selected { display: block; z-index: 1; } .Tabs H2 { color: #000; padding: 40px 25px 40px 25px; font-size: 48px; } .Tabs .HomeIntro { padding-top: 180px !important; } B, STRONG { font-weight: 600; } .ItemText { padding: 20px 25px; } .ItemText P { font-size: 38px; line-height: 1.2em; margin: 0 0 30px 0; } .TabOne H2.HomeIntro { color: #704f90; font-size: 36px; font-family:'HelveticaNeueW01-75Bold'; } .TabOne H2.HomeIntro B { color: #000; font-family:'HelveticaNeueW01-75Bold'; } .BuyingIntentItem { text-align: center; padding: 0px 0 100px; background: url(img/divider-fade.png) bottom center no-repeat; } .BuyingIntentItem.Fourth { background-image: none; } .BuyingIntentItem B { color: #000 !Important; } .BuyingIntentItem .ItemIcon IMG { position: absolute; margin-left: 0; } .BuyingIntentItem.Alt .ItemIcon IMG { margin-left: auto; margin-right: 0px; } .YMarketPlace { padding: 40px 0; } .YMarketPlace H2 { display: block; text-align: center; color: #FFF; font-weight: 200; } .YMarketPlace P { font-weight: 300; font-size: 28px; line-height: 1.3em; color: #000; } .YMarketPlace .Box { background: url(img/bg-white_trans.png); border: 3px solid #FFF; padding: 10px 20px 20px 20px; min-height: 300px; max-width: 300px; margin: 40px auto; } .YMarketPlace .Box H1 { padding: 0; margin: 0; color: #FFF; font-size: 98px; line-height: 1em; } .YMarketPlace .Box H3 { line-height: 1.12em; font-size: 30px; } .YMarketPlace .Box P { font-size: 20px; } .BuyersSay { padding: 40px 0; } .BuyersSay H2 { display: block; text-align: center; color: #FFF; font-weight: 200; } .BuyersSay .DialogueBox { float: left; width: 100%; padding: 35px; background-color: #FFF; border-radius: 45px; border: 7px solid #664a95; position: relative; margin: 30px auto 0; } .BuyersSay .DialogueBox .Quote { font-size: 28px; display: block; clear: both; } .BuyersSay .DialogueBox .QuoteCompany { float: right; } .BuyersSay .QuoteAuthor { text-align: center; color: #FFF; font-size: 22px; padding: 30px 100px; float: left; width: 100%; } .BuyersSay .QuoteArrow { background: url(img/icon-dialogue_arrow.png) top left no-repeat; float: left; width: 62px; height: 56px; position: absolute; bottom: -52px; } .ContactSales { padding: 45px 0; position: relative; background: url(img/icon-yieldbot.png) bottom center no-repeat; } .ContactSales H2 { display: block; text-align: center; color: #FFF; font-weight: 200; } .ContactSales H3 { display: block; font-size: 24px; color: #FFF; text-align: center; font-weight: 200; } .ContactSales P { display: block; color: #FFF; text-align: center; margin: 40px 0 100px 0px; } .ContactSales .Button { padding: 20px; background-color: #8bb11c; color: #FFF; margin: 0 auto; } .ContactSales .Button:HOVER { background-color: #4d248b; } .MonetizingIntent { background-image: url(img/bg-pattern_purple.jpg); } .MonetizingIntent .MonetizingItem { width: 800px; height: 700px; background: url(img/icon-4_corners.png) center no-repeat; display: inline-block; margin: 0 auto; position: relative; } .MonetizingIntent .MonetizingIcons { display: none; } .MonetizingIntent .MonetizingItem H3 { color: #c4f123; font-size: 30px; font-weight: 200; } .MonetizingIntent .MonetizingItem P { color: #FFF; font-size: 18px; } .MonetizingIntent .MonetizingItem .TopLeft *, .MonetizingIntent .MonetizingItem .BottomLeft *{ text-align: right; width: 28%; float: left; clear: both; } .MonetizingIntent .MonetizingItem .TopRight *, .MonetizingIntent .MonetizingItem .BottomRight * { text-align: left; width: 28%; float: right; clear: both; } .MonetizingIntent .MonetizingItem .TopLeft, .MonetizingIntent .MonetizingItem .TopRight { position: absolute; top: 50px; } .MonetizingIntent .MonetizingItem .BottomLeft, .MonetizingIntent .MonetizingItem .BottomRight { position: absolute; top: 300px; } .MonetizingIntent .MonetizingItem .TopLeft, .MonetizingIntent .MonetizingItem .BottomLeft { left: -90px; } .MonetizingIntent .MonetizingItem .TopRight, .MonetizingIntent .MonetizingItem .BottomRight { right: -90px; } .MonetizingIntent H3 { color: #FFF; text-align: left; font-size: 36px; padding-top: 50px; } .MonetizingIntent H2 { font-weight: 600; color: #FFF; text-align: center !important; padding-top: 40px; margin: 0 auto !important; padding-bottom: 0 !important; } .Connect { padding: 40px 0; background-color: #1b004e; } .Connect .PhoneNum { font-weight: 500; font-size: 30px; color: #FFF; } .Connect H3 { font-weight: 600; } .Connect P { color: #a393c1; font-size: 18px; line-height: 1.35em; } .BlogItem { margin: 10px 0 30px; } .BlogItem H3 A { font-weight: 500; color: #FFF; } .BlogItem P A { color: #a4a4d2; font-weight: 500; } .BlogItem P A:HOVER { color: #FFF; } .Connect .BlogItem IMG { display: none !Important; } .SocialButtons { margin: 18px 0 40px 0; } .SocialButtons A { margin: 0 8px 0 0; } #DigitalPublishers H2 { display: block; text-align: center; color: #000; font-weight: 200; padding: 20px ; } #DigitalPublishers { margin-bottom: -250px; } #DigitalPublishers .DPIcons { padding-bottom: 80px; } #DigitalPublishers .DPButton { float: left; width: 100%; position: relative; } #DigitalPublishers .DPButton A { font-family:'HelveticaNeueW01-75Bold'; color: #444; background-color: #c4f123; position: absolute; bottom: 0; z-index: 1; float: left; width: 100%; display: block; cursor: pointer;} #DigitalPublishers .DPButton A:HOVER { color: #FFF; background:url(img/bg-pattern_purple.jpg); } #Partner { padding-top: 290px; } #Partner .PartnerItem { padding: 20px 0; } #Partner .PartnerText H3 { margin: 30px 0 10px 0; padding: 0; color: #5f3998; font-size: 32px; } #Partner .PartnerText P { font-size: 20px; } #Partner H1 { font-size: 48px; display: block; clear: both; text-align: center; font-weight: 200; } .PartnerItem .PartnerImage { background-size: contain; } .PartnerItem .PartnerImage IMG { float: left; margin: 0 0 -1px 0; padding: 0; } .PartnerItem.First .PartnerImage { float: left; background-image: url(img/icon-fillers_bg.png); background-repeat: no-repeat; background-position: center 100px; } .PartnerItem.Second .PartnerImage { float: left; background-image: url(img/icon-graphs_bg.png); background-repeat: no-repeat; background-position: center 27px; } .PartnerItem.Second .PartnerImage { position: relative; background-image: none; overflow: hidden; width: 255px; height: 250px; } .PartnerItem.Second .PartnerImage .Mask { position: absolute; top: 0; left: 0; z-index: 10; } .PartnerItem.Second .Graphs IMG { position: absolute; z-index: 1; top: 40px; } .PartnerItem.Second .Graphs .Graph01 { left: 0; top: 223px; } .PartnerItem.Second .Graphs .Graph02 { left: 84px; top: 223px;} .PartnerItem.Second .Graphs .Graph03 { left: 167px; top: 223px; } #BuiltforPartners { background: #020104 url(img/bg-fade_purpleblack.jpg) center repeat-y; padding: 40px 0; } #BuiltforPartners .BuildCloud { display: block; text-align: center; } #BuiltforPartners H1 { font-size: 48px; display: block; clear: both; text-align: center; font-weight: 400; color: #FFF; margin: 10px auto 20px; } #BuiltforPartners H3 { font-size: 30px; padding: 0; margin: 0 0 20px 0; font-weight: 200; } #BuiltforPartners P { color: #FFF; font-size: 14px; } #BuiltforPartners .Icon { padding: 20px 0 20px 65px; } #BuiltforPartners .Icon.DNS { background: url(img/icon-sphere.png) left no-repeat; } #BuiltforPartners .Icon.Cookies { background: url(img/icon-cookies.png) left no-repeat; } #BuiltforPartners .Icon.Response { background: url(img/icon-clock.png) left no-repeat; } #Home .IntroItem { z-index: 1; cursor: pointer; float: left; width: 220px; padding: 8px 10px 10px 10px; text-align: left; z-index: 10; } #Home .IntroItem .keyword {font-size: 34px; color: #9ec519; margin: 0 0 7px 0; padding: 0; line-height: 0.9em; /* word-wrap: break-word; */ } #Home .IntroItem .meta { font-size: 14px; margin: 0; padding: 0; color: #FFF; font-weight: 100; } #Home .IntroItem .mobile, #Home .IntroItem .location { display: block; } #Home .IntroItem .mobile.true .Desktop { display: none; } #Home .IntroItem .mobile.false .Mobile { display: none; } #Home .IntroItem.Reveal { z-index: 1000000; } #Home .IntroItem P.meta { color: #999 !important; line-height: 1.4em !important; } #Home .IntroItem.Reveal P.meta { color: #FFF !important; } #Home .IntroItem.Reveal .mobile, #Home .IntroItem.Reveal .location { display: block; } #Home .IntroItem.Reveal { background: url(img/bg-fade_purple.gif);} #Home .IntroLoad { height: 350px; width: 100%; min-width: 230px; background: url(img/ajax-loader.gif) center no-repeat; } #Home .Intro-Fader { background: url(img/bg-intro_fade_repeat.png) repeat-x bottom; position: absolute; bottom: 0px; width: 100%; height: 83px; z-index: 1000; } #ModalBG {z-index: 99999999999999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/bg-black_trans.png); } #ModalBG .ModContent { position: relative; width: 70%; min-width: 320px; background-color: #FFF; margin: 0 auto; } #ModalBG .ModClose { opacity: 0.5; position: absolute; right: 10px; top: 10px; overflow: hidden; width: 1px; height: 1px; float: right; padding: 37px 37px 0 0; background: url(img/btn-close_modal.png) center no-repeat; } #ModalBG .ModClose:HOVER { opacity: 1; } #ModalBG .ModContent .Content { padding: 35px 30px 30px 30px; } #ModalBG .ModContent .Content H3 { margin: 0; padding: 0 0 30px 0; } #ModalBG .ModContent .Content UL { width: 100%; clear: both; display: block; } #ModalBG .ModContent .Content LABEL { margin: 0; padding: 10px 0 4px; font-family:'HelveticaNeueW01-45Ligh'; } #ModalBG .ModContent .Content UL LI INPUT { width: 96%; padding: 8px 8px; font-size: 14px; border: 1px solid #CCC; border-radius: 3px; } #ModalBG .ModContent .Content UL LI { width: 50%; float: left; } #ModalBG .ModContent .Content UL.Location { width: 80%; } #ModalBG .ModContent .Content UL.Location .State { width: 25%; } #ModalBG .ModContent .Content .Button { color: #FFF; cursor: pointer; border: none; margin: 25px 0 0 0; padding: 15px 30px; text-transform: uppercase; font-size: 12px; } #ModalBG .ModContent .Content .Button:HOVER { } #ModalBG .ModContent .Content .field INPUT.danger { border: 1px solid #FF0000; color: #FF0000; } #ModalBG .ModContent .Content .field INPUT.success { border: 1px solid #9ec519; } #ModalBG .ModContent .Content .field LABEL.danger { display: none !Important; } /* V I D E O S */ #Videos .video { background-color: #FFF; } #Videos H2 { font-size: 48px !important; color: #000; padding: 30px 0 30px; } #Videos H3 { margin: 20px 0 30px 0; padding: 0; font-family:'HelveticaNeueW01-75Bold'; font-size: 36px; } #Videos .twelve H2 { margin: 30px 0 0 0; padding: 0; } #Videos .Shadow { -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px#888; box-shadow: 0 0 10px #888; border: 1px solid #FFF;} #Videos P { color: #000; } #Videos P.Meta { font-size: 23px; margin: 0px 0 20px 0; padding: 0; } #Videos #Intro { background-image: none; background-color: #FFF; text-align: left; } #Videos #Intro P { margin: 10px 0 20px; font-size: 26px; line-height: 1.35em; } /* O U R B L O G */ #Blog .Wrapper.BGWhite { padding: 30px 0 100px; background-color: transparent; max-width: 1060px; margin: 0 auto; } #Blog { background: url(img/bg-blog.jpg) center no-repeat fixed !important; background-size: cover !important; } #Blog H1.Blog-Title { font-size: 48px; } #Blog A { color: #9ec519; } #Blog A:HOVER { color: #664a95; } #Blog H1.Blog-Title A { color: #000; } #Blog H1.Blog-Title A:HOVER { color: #4d248b; } #Blog P.Blog-Meta { font-size: 14px; } #Blog .Blog-Content P { font-size: 18px; } #Blog .Blog-Social { padding: 0 0 20px 0;} #Blog .Blog-Social A { margin: 2px 0px 0 5px; color: #FFF; } #Blog .Blog-Social SPAN { float: left; font-size: 14px; } #Blog .Blog-Social .addthis_button_facebook_like { overflow:hidden; width: 50px !important; } #Blog .Blog-Content { padding: 0 0 25px 0; } #Blog .Blog-Content IMG { margin: 5px auto 10px; display: block; } #Blog .Blog-Content P { margin: 0 0 25px 0; } #Blog #Column2 H5 { color: #000; margin-top: 20px; } #Blog #Column2 .List-Title { font-size: 16px; color: #000; line-height: 1.25em; margin: 10px 0 0 0; padding: 0 0 5px 0; } #Blog #Column2 .List-Meta { color: #000; line-height: 1.3em; margin-bottom: 15px; } #Blog #Column2 .ListingItem IMG { display: none; } #Blog #Column2 .SocialButtons A { margin: 0 3px 0 0; } .SocialButtons LI { display: inline; margin: 0 3px 0 0; } .SocialButtons LI IMG { float: left; float: left; margin: 0 3px 0 0; padding: 0; border-radius: 8px; border: 2px solid #FFF; } .SocialButtons LI A { opacity: 0.8; float: left; margin: 0 0 0px 0; padding: 0; } .SocialButtons LI A:HOVER { opacity: 1; } .BGWhite .SocialButtons LI IMG { border: 2px solid #EEE; margin: 0 1px 0 0; } .Connect .SocialButtons LI IMG { border: 2px solid #1b004e; } /* C O N T A C T U S */ #Contact H5 { color: #000; margin: 10px 0 8px 0; } #Contact H3 { font-size: 30px; } #Contact P { line-height: 1.35em; } #Contact .Wrapper.BGWhite { padding: 50px 0 100px 0; } #Contact .ContactForm { margin: 20px 0 0px 0; } #Contact .ContactForm INPUT { display: block; width: 90%; padding: 5px 5px 8px; margin: 3px 0; border: 1px solid #999; font-size: 14px; border-radius: 4px; } #Contact .ContactForm DIV { position: relative; } #Contact .ContactForm TEXTAREA { margin: 3px 0; border: 1px solid #999; font-size: 14px; padding: 5px; width: 90%; border-radius: 4px; } #Contact .Button { color: #FFF; cursor: pointer; border: none; margin: 15px 0 0 0; padding: 12px 30px; text-transform: uppercase; font-size: 12px; } #Contact .Button:HOVER { } #Contact .ContactForm LABEL { padding: 0 0 5px 0 !important; ; margin: 0!important; ; } #Contact .ContactForm INPUT { margin: 0 !important; } #Contact INPUT.danger { border: 1px solid #FF0000; color: #FF0000; } #Contact INPUT.success { border: 1px solid #9ec519; } #Contact LABEL.danger { display: none !Important; } #Footer { padding: 40px 0; } #Footer LI { float: left; font-size: 14px; margin: 0; padding: 0; padding: 0px; } #Footer LI A { border-left: 1px solid #000; margin: 0; padding: 0 15px; color: #000; } #Footer LI:first-child A {border-left: none; padding-left: 0; } #Footer P { font-size: 14px; clear: both; } /* A B O U T U S */ #About #Thumbs { display: none; min-height: 150px; margin-top: 10px; } #About #Slideshow { display: none; } #About .caroufredsel_wrapper #Slideshow, #About .caroufredsel_wrapper #Thumbs { display: block; } #About #Slideshow img { float: left; display: block; min-width: 960px; } #About #Thumbs IMG { opacity: 0.5; cursor: pointer; float: left; margin: 0 2px; display: block; } #About #Thumbs IMG.Active { opacity: .9; -webkit-backface-visibility: hidden; } #About #Caption { display: none; position: absolute; bottom: 0px; margin: 0; background-color: #232323; color: #FFF; width: 100%; padding: 4px 10px 0px; font-size: 12px; } #About .ThumbContainer { padding-top: 5px; position: relative; clear: both; display: block; width: 80%; margin: 0 auto; } #About .SlideContainer { position: relative; } #About .SlideContainer { clear: both; float: left; width: 100%; position: relative; } #About .SlideContainer .Pager A { opacity: 0; } #About .SlideContainer .Prev, #About .SlideContainer .Next { display: none; position: absolute; top: 43%; z-index: 0; float: left; width: 69px; height: 69px; padding: 69px 69px 0 0; } #About .SlideContainer .Prev { left: 10%; background: url(img/btn-prev.png) left top no-repeat !important; } #About .SlideContainer .Next { right: 10%; background: url(img/btn-next.png) left top no-repeat !important; } #About .TPager { display: none; position: absolute; bottom: 0px; z-index: 9999; float: left; width: 100%; top: 16%; height: 1px; } #About .TPager .TNext,#About .TPager .TPrev { height: 40px; width: 40px; float: left; opacity: 0.4; } #About .TPager .TNext { position: absolute; right: -55px; background: url(img/btn-prev_next.png) left top no-repeat !important; } #About .TPager .TPrev { position: absolute; left: -55px; background: url(img/btn-prev_small.png) left top no-repeat !important; } #About .TPager .TNext:HOVER,#About .TPager .TPrev:HOVER { opacity: .8; } #About .TPager .TNext.disabled, #About .TPager .TPrev.disabled { opacity: 0.2; } #About #AboutIntro H2 { display: block; text-align: center; color: #FFF; margin: 35px auto 15px; font-size: 48px; } #About #AboutIntro P { display: block; text-align: center; color: #FFF; font-weight: 100; margin: 0 auto 35px; } #About H2.TextCenter { padding: 50px 0 10px 0; font-size: 48px; font-weight: 500; } #About .TeamMember { padding: 60px 0; float: left; width: 100%; background: url(img/bg-member_divider.png) bottom no-repeat; } #About .TeamMember .Team-Name { color: #FFF; font-size: 30px; margin: 0 0 0 0; padding: 0 0 2px; } #About .TeamMember .Team-Title { font-size: 15px; font-weight: 200; margin: 0 0 30px 0; line-height: 1.35em; } #About .TeamMember { color: #FFF; font-size: 18px; } #About #OurStory { padding: 20px 0 0; } #About #OurStory H5 { color: #000; margin-top: 16px;} #About #OurStory H4 A { color: #000; } #About #OurStory .Pad20 { padding: 20px 40px 20px 0; } #About #OurStory H4 A:HOVER { color: #9ec519; } #About #OurStory .Blog-Meta { font-size: 12px; } #About #OurStory .SocialButtons A { margin: 0 !important; } #About #IntheNews { padding: 40px 0 40px; background: url(img/bg-robot_peak.png) 80% 75px fixed no-repeat; } #About #IntheNews H3 { margin-top: 20px !important; } #About #IntheNews A { color: #a776f1; } #About #IntheNews A:HOVER { color: #FFF; } #About #IntheNews .News-Title A { color: #ab79fe; font-family:'HelveticaNeueW01-55Roma' } #About #IntheNews .News-Title A:HOVER { color: #FFF; } #About #IntheNews .News-Excerpt { color: #FFF; } #About #IntheNews .News-Title.Logo { display: block; } #About #IntheNews .News-Title.Logo A { display: block; padding-left: 85px; background-size: 70px 70px !important; background-position: left top !important; } #About #OurStory .List-Title { font-size: 16px; color: #000; line-height: 1.25em; margin: 10px 0 0 0; padding: 0 0 5px 0; } #About #OurStory A { color: #9ec519; } #About #OurStory A:HOVER { color: #542b92; } #About #OurStory .List-Meta { color: #000; line-height: 1.3em; margin-bottom: 15px; } #About #OurStory .ListingItem IMG { display: none; } #About #OurStory .SocialButtons A { margin: 0 3px 0 0; } #Careers .BGWhite.Wrapper { padding: 30px 0; } #Careers H2 { color: #000; margin: 0 0 20px 0; } #Careers .Divider { display: block; border: none; background-color: #CCC; height: 1px; margin: 30px 0; } #Careers .Career-Title { padding: 0 0 20px 0; } #Careers .Career-Title A { color: #000; margin: 0 0 15px 0; } #Careers .Career-Detail { margin: 0 0 20px 0; } #Careers .Career-Detail H5 { font-weight: 200; color: #000; font-size: 12px; text-transform: uppercase; } #Careers .Career-Detail UL { margin: 0 0 15px 0; padding: 0 0 0 20px; } #Careers .Career-Detail LI { list-style: square; font-size: 14px; } #Careers.Detail H2 { font-size: 48px; } #Careers.Detail .Careers-Social { padding: 0 0 20px 0;} #Careers.Detail .Careers-Social A { margin: 2px 0px 0 5px; color: #FFF; } #Careers.Detail .Careers-Social SPAN { float: left; font-size: 14px; } #Careers.Detail .Careers-Social .addthis_button_facebook_like { overflow:hidden; width: 50px !important; } #Careers #Column2 H5 { color: #000; } #Careers.Detail #Column2 .List-Title { padding: 10px 0 0; margin: 0; } #Careers.Detail #Column2 .List-Meta { padding: 0; margin: 0 0 2px 0; } .BuildCloud { position: relative; margin: 0 auto; text-align: center; width: 100%; max-width: 694px; } .BuildCloud IMG { margin: 0 auto !important; } .BuildCloud .Gears { position: absolute; top: 0; z-index: 4; display: none; } .BuildCloud .Cloud { position: absolute; top: 0; z-index: 3; } .BuildCloud .Robot { position: absolute; top: 120px; z-index: 1; } #Thanks { min-height: 350px; background: #FFF url(img/robot-thank_you.png) 75% 200px no-repeat fixed !important; margin: 0; padding: 0; } #Privacy H4 { color: #000; } #Privacy UL { margin-left: 20px; } #Privacy LI { list-style: disc; } @media only screen and (max-width: 959px) { #About #Slideshow img { min-width: 320px !important; } #About .TPager { top: 10%; } .MonetizingIntent .MonetizingItem .TopLeft, .MonetizingIntent .MonetizingItem .TopRight, .MonetizingIntent .MonetizingItem .BottomLeft, .MonetizingIntent .MonetizingItem .BottomRight { text-align: left !important; position: relative; display: block; clear: both; width: 100% !important; left: 0; right: 0; top: 0; } .MonetizingIntent H2 { text-align: center !important; padding-top: 20px !important; display: block; clear: both; } .MonetizingIntent H3 { padding-top: 20px !important; padding-bottom: 10px; } .MonetizingIntent P, .MonetizingIntent H3 { text-align: left !important; width: 100% !important; float: left; } .MonetizingIntent .MonetizingItem { height: auto !important; background-image: none; width: 100%; padding: 0 0 40px 0; } .MonetizingIntent .MonetizingItem {} .MonetizingIntent .MonetizingIcons { display: block; margin: -10% auto; } .MonetizingItem .row { padding: 0px 0 20px 0 !Important; } #DigitalPublishers { margin: 30px auto 50px !important; display: block; clear: both; float: left; } #Navigation LI A { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 900px) { #NavigationSticky .NavContent .Col1 { float: left; margin-right: 0; } #NavigationSticky .NavContent .Col2 { float: right; margin-right: 20px; } #Navigation LI A { padding-left: 8px; padding-right: 8px; } } @media only screen and (max-width: 825px) { #NavigationSticky LI A { padding-right: 15px; padding-left: 15px; } #Navigation LI A { padding-left: 8px; padding-right: 8px; font-size: 14px; } #BodyWrapper H1 { font-size: 40px } #BodyWrapper H2 { font-size: 36px } #BodyWrapper H3 { font-size: 28px } #BodyWrapper H4 { font-size: 18px } #BodyWrapper H5 { font-size: 16px } .Box H1 { font-size: 160px !important; } .BuyingIntentItem.First IMG,.BuyingIntentItem.Third IMG { margin-left: -25px; } } @media only screen and (max-width: 767px) { #Contact .ContactForm INPUT, #Contact .ContactForm TEXTAREA { width: 100%; } .TPager { display: none !important; } .ThumbContainer { width: 100% !important; } #Thanks { background: #FFF url(img/robot-thank_you.png) center bottom no-repeat !important; margin: 0; padding: 0 0 200px 0; } #BodyNav LI A.Selected { background: transparent url(img/icon-downarrow.png) center bottom no-repeat; color: #FFF; padding-bottom: 20px; height: 125px; } #BodyNav SPAN.ButtonContainer { font-weight: 200; color: #846db1; width: 100%; max-width: 485px; font-family: Helvetica Neue, Helvetica, san-serif; font-size:35px; padding: 25px 20px 0; } #BodyNav SPAN.ButtonContainer SPAN { font-weight: 200; display: block; font-size: 20px; padding: 7px 0 0 0; } #BodyNav LI A , #BodyNav LI, #BodyNav .BodyNavStick { height: 110px; } #ModalBG .ModContent .Content H2 { display: block; width: 100%; } #ModalBG .ModContent .Content UL LI { width: 100%;} #ModalBG .ModContent .Content UL LI INPUT { width: 100%; } #ModalBG .ModContent .Content IMG { display: none !important; } #ModalBG .ModContent .Content .row { padding: 0 !important; } #NavigationSticky H2 { font-size: 30px; padding-top: 12px; } #NavigationSticky LI A { padding-right: 10px; padding-left: 10px; } .BuyingIntentItem { display: block; clear: both; width: 100%; position: relative; } .BuyingIntentItem .ItemIcon { display: none !important;} .BuyingIntentItem .ItemIcon IMG { position: relative; margin: 0 auto; } .BuyersSay .DialogueBox .Quote { font-size: 20px; display: block; clear: both; line-height: 1.25em; } .BuyersSay .DialogueBox IMG { width: 40%; height: auto !important; } .BuyersSay .QuoteAuthor { font-size: 18px; } #Partner .PartnerItem { padding: 0; } #Partner .PartnerItem .PartnerImage { display: none; } #Partner .PartnerText { padding: 0 25px; margin: 0; } #Blog H1.Blog-Title { font-size: 38px; } #NavigationTop .columns, #NavigationTop .row { padding: 0; margin: 0; } #Masthead #Logo { margin-left: 20px; position: absolute; z-index: 99999999;} #Navigation { width: 100%; margin: 73px 0 0 0; padding: 0; z-index: 99999999999999; position: absolute; } #Navigation LI { width: 100%; float: left; margin: 0; padding: 0; } #Navigation LI A { border-top: 1px dotted #4d248b; display: block; width: 100% !important; padding: 10px 20px; background-color: #130c21; font-size: 20px; } #Navigation LI A:HOVER { background-color: #4d248b; } #Navigation UL { display: none; } #Navigation.Open UL { display: block; } #Navigation .Mobile { width: 100px; float: right; position: absolute; z-index: 100000; top: -61px; right: 20px; } #Navigation .Mobile A, #Navigation .Mobile { display: block; background-color: transparent; text-align: right; height:73px; } #Navigation .Mobile A IMG {margin-right: 0px; margin-top: 10px; } #Navigation .Mobile A:HOVER { background-color: transparent; } } @media only screen and (max-width: 660px) { #NavigationSticky H2 { font-size: 25px; padding-top: 15px; } .ContactSales .Button { font-size: 12px; padding: 18px; } .BuyersSay .DialogueBox IMG { width: 80%; height: auto !important; } .BuyersSay .DialogueBox .Quote { font-size: 18px; display: block; clear: both; line-height: 1.25em; } .BuyersSay .QuoteAuthor { font-size: 14px; padding: 10px 0 0 120px; text-align: left; } } @media only screen and (max-width: 615px) { #NavigationSticky { display: none; } #BodyNav LI A.Selected { background: transparent url(img/icon-downarrow.png) center bottom no-repeat; color: #FFF; padding-bottom: 20px; height: 100px; } #BodyNav SPAN.ButtonContainer { font-weight: 200; color: #846db1; width: 100%; max-width: 485px; font-family: Helvetica Neue, Helvetica, san-serif; font-size: 25px; padding: 17px 20px 0; } #BodyNav SPAN.ButtonContainer SPAN { font-weight: 200; display: block; font-size: 15px; padding: 0px 0 0 0; } #BodyNav LI A , #BodyNav LI, #BodyNav .BodyNavStick { height: 86px; } } @media only screen and (max-width: 467px) { #Blog H1.Blog-Title { font-size: 28px; } #BodyNav .BodyNavStick.Sticky LI A.Selected, #BodyNav LI A.Selected { color: #FFF; padding-bottom: 12px; height: auto; } #BodyNav .BodyNavStick.Sticky SPAN.ButtonContainer, #BodyNav SPAN.ButtonContainer { font-size: 18px !important; line-height: 24px; font-weight: 200; color: #846db1; width: 100%; max-width: 485px; font-family: Helvetica Neue, Helvetica, san-serif; font-size: 22px; padding: 0px 20px 0; } #BodyNav SPAN.ButtonContainer SPAN { font-size: 12px; padding: 7px 0 0 0; margin: 0; line-height: 15px; display: none; } #BodyNav LI A { padding: 10px; height: auto !Important; background: transparent url(img/icon-downarrow.png) center bottom no-repeat; } #BodyNav LI, #BodyNav .BodyNavStick { height: auto !important; padding: 0 !important; } #BodyNav .BodyNavStick.Sticky LI A.Selected, #BodyNav .BodyNavStick.Sticky LI A { background-image: none; } #BodyNav .BodyNavStick LI A { background-color: #000; background-image: none; } #BodyNav .BodyNavStick LI A.Selected { background-color: transparent; background-image: none; } #BodyNav .BodyNavStick.Sticky LI A { background-color: #000; } #BodyNav .BodyNavStick.Sticky SPAN.ButtonContainer SPAN { display: none; } } @media only screen and (max-width: 420px) { #BodyNav SPAN.ButtonContainer { height: 50px; } }