/* Theme Name: Oozlemedia Default Theme */

@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;  font-family:"Roboto"; color:#FFF; }
h1, h2, h3, h4 { font-weight:normal; font-family:"Roboto"; }

/* Layer Cake */
#row-1, #row-2, #row-3, #row-4, #row-5, #row-6, #row-7 { position:relative; width:100%; float:left; }

.wrapper { position:relative; width:980px; margin:0 auto; overflow:visible; }
.widgettitle { display:none; } /* Hide Widget Titles */
.wp-caption-text { text-align:center; color:#595959; font-size:14px; font-weight:400; }

.visitor { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.popup { color:#2C3E50; font-size:14px; line-height:22px; font-family:"Roboto"; position:absolute; left:105%; top:0px; width:680px; padding:35px; border:3px solid #308DEB; border-radius:15px; background:#FFF; z-index:9; display:none; }
.popup.display { display:block; }
.popup h1, .popup h2, .popup h3 { font-family:"Roboto"; text-align:left; letter-spacing:0px; }
.popup h1 { font-size:35px; line-height:40px; font-weight:100; color:#2C3E50; letter-spacing:-2px; }
.popup h2 { font-size:22px; color:#308DEB; line-height:24px; font-weight:400; margin:0 0 10px; }
.popup p { color:#2C3E50; font-size:14px; line-height:22px; margin:0 0 20px; font-family:"Roboto"; text-align:left; }
.popup p.wp-caption-text { text-align:center; color:#595959; font-size:14px; font-weight:400; }
.popup .highlight { font-size:17px; color:#2C3E50; line-height:23px; text-align:center; font-weight:400; }
.popup .highlight span { display:block; font-size:83px; line-height:90px; color:#308DEB; font-weight:500; }
.popup .alignleft { float:left; margin:0 25px 15px 0; }
.popup .alignright { float:right; margin:0 0 15px 25px; }
.popup .aligncenter { margin:10px auto; display:block; }
.popup .close a { display:block; width:48px; height:48px; position:absolute; top:-24px; right:-24px; background:url("images/close.png"); }
.popup ul.phone-calls { list-style:none; margin:0px; padding:0px; }
.popup ul.phone-calls li { margin:0px; padding:0px; display:block; vertical-align:middle; overflow:auto; }


#row-1 { height:1120px; padding:7px 0 14px; background:url("images/row-1-bg.png") center center repeat-x; }
#row-1 .logo { position:absolute; left:50%; top:450px; margin:0 0 0 -103px; }
#row-1 .box { height:435px; width:410px; position:relative; padding:125px 80px 0 0; float:left; text-align:center; }
#row-1 .box a.popup-info { display:block; width:410px; height:435px; position:absolute; top:0px; left:0px; z-index:99; }
#row-1 .popup { left:50%; z-index:9999; width:1140px; margin:0 0 0 -570px; top:50px; }
#row-1 .popup h2 { font-size:22px; color:#308DEB; line-height:24px; font-weight:400; margin:0 0 10px; letter-spacing:0px; font-style:italic; }
#row-1 .social, #row-1 .rankings { float:right; padding:125px 0 0 80px; }
#row-1 .box h2 { font-size:143px; font-weight:100; letter-spacing:-10px; color:#FFF; line-height:180px; position:relative; z-index:9; }
#row-1 .box h2 sup { font-size:70px; vertical-align:super; margin:0; }
#row-1 .box .copy { position:absolute; top:420px; width:350px; padding:0 30px; z-index:9; }
#row-1 .box .copy p { color:#FFF; text-transform:uppercase; font-family:"Roboto"; font-weight:300; font-size:25px; line-height:30px; }
#row-1 .phone-bg { position:absolute; background:url("images/row-1-phone-bg.png"); width:92px; height:73px; bottom:170px; right:245px; }
#row-1 .phone { position:absolute; bottom:150px; right:270px; width:40px; height:65px; background:url("images/row-1-phone-mini.png"); }
#row-1 .burst { width:223px; height:166px; background:url("images/row-1-social-burst.jpg"); position:absolute; left:160px; bottom:130px; }
#row-1 .icon { width:58px; height:56px; background:url("images/row-1-social-icons.png"); position:absolute; bottom:177px; left:245px; }
#row-1 .icon.facebook { background-position:-169px 0; z-index:8; width:69px; height:67px; bottom:170px; }
#row-1 .icon.twitter { margin:0 0 0 -170px; background-position:0 -7px; }
#row-1 .icon.pinterest { margin:0 0 0 -80px; background-position:-87px -7px; }
#row-1 .icon.google { margin:0 0 0 90px; background-position:-262px -7px; }
#row-1 .icon.linkedin { margin:0 0 0 180px; background-position:-349px -7px; }
#row-1 .chat-bubble { width:91px; height:90px; background:url("images/row-1-referrals-chat.png"); position:absolute; bottom:175px; right:250px; }
#row-1 .xlarge { width:58px; height:57px; background:url("images/row-1-referrals-icons.png"); position:absolute; bottom:150px; right:319px; }
#row-1 .large { width:44px; height:44px; background:url("images/row-1-referrals-icons.png") -58px -13px; position:absolute; bottom:150px; right:217px; }
#row-1 .medium { width:20px; height:20px; background:url("images/row-1-referrals-icons.png") -102px -36px; position:absolute; }
#row-1 .small { width:14px; height:14px; background:url("images/row-1-referrals-icons.png") -122px -42px; position:absolute; }
#row-1 .rankings .copy { top:390px; }
#row-1 .rankings { text-shadow: 3px 4px 5px rgba(155,129,45,.75); }
#row-1 .man { position:absolute; background:url("images/row-1-rankings-icons.png"); }
#row-1 .man.bob { width:37px; height:37px; background-position:0 -12px; bottom:200px; left:200px; z-index:1; }
#row-1 .man.rob { width:51px; height:49px; background-position:-37px 0; bottom:192px; left:223px; z-index:4; }
#row-1 .man.robert { width:51px; height:49px; background-position:-88px 0; bottom:192px; left:298px; z-index:5; }
#row-1 .man.bert { width:37px; height:37px; background-position:-140px -12px; bottom:200px; left:334px; z-index:2; }
#row-1 .line { background:url("images/row-1-rankings-line.png"); width:232px; height:105px; position:absolute; bottom:192px; left:174px; z-index:3; }
#row-1 .trophy { width:76px; height:73px; z-index:6; background:url("images/row-1-rankings-cup.png"); position:absolute; bottom:187px; left:249px; }

#row-2 .top { background:#68C39F; height:165px; padding:0 0 30px; background:#68C39F url("images/row-2-arrow.png") center bottom repeat-x; text-align:center; }
#row-2 .top h2 { font-weight:100; font-size:83px; color:#FFF; line-height:155px; }
#row-2 .top h2 strong { font-weight:400; }
#row-2 .bottom { background:#5AA889 url("images/row-2-rainbow.png") center bottom repeat-x; height:110px; padding:40px 0 53px; font-family:"Roboto"; text-align:center; }
#row-2 .bottom p { color:#FFF; font-size:40px; line-height:52px; font-weight:300; margin:0 50px; }
#row-2 .bottom p strong { font-weight:400; }

#row-3 { height:1215px; background:#FD6E6E url("images/row-3-bg.png") center bottom no-repeat; }
#row-3 .title { font-size:83px; line-height:85px; font-weight:300; text-align:center; color:#FFF; text-transform:uppercase; margin:45px 0; }
#row-3 .title strong { font-weight:900; }
#row-3 .moms { text-align:center; font-size:19px; color:#FEBBBB; font-weight:700; }
#row-3 .moms strong { display:block; color:#FFF; font-size:67px; font-weight:900; text-transform:uppercase; }
#row-3 .mom { position:absolute; left:50%; top:285px; background:url("images/row-3-mom.png"); width:418px; height:453px; margin:0 0 0 -227px; z-index:9; }
#row-3 .market { position:absolute; top:745px; right:40px; width:420px; text-align:center; font-weight:300; }
#row-3 .market strong { font-weight:500; text-transform:uppercase; }
#row-3 .market h2 { font-size:44px; font-weight:100; }
#row-3 .market h2 strong { font-size:140px; display:block; font-weight:100; letter-spacing:-8px; }
#row-3 .market h2 span { display:block; font-size:40px; color:#AA3A3A; }
#row-3 .fact { position:absolute; font-size:16px; color:#FFF; line-height:22px; font-weight:300; text-align:center; margin:0px; }
#row-3 .fact.influence { background:url("images/row-3-influence.png"); width:180px; height:100px; padding:155px 33px 0 75px; top:165px; right:90px; }
#row-3 .fact.influence span { color:#06FFCB; font-weight:400; }
#row-3 .fact.advertisers { background:url("images/row-3-advertisers.png") left top no-repeat; width:185px; height:70px; padding:155px 20px 0 110px; top:430px; right:10px; }
#row-3 .fact.advertisers span { color:#2C3E50; font-weight:400; }
#row-3 .fact.purchasing { background:url("images/row-3-purchasing.png") right -22px no-repeat; width:300px; height:135px; padding:285px 20px 0; top:655px; left:55px; font-size:23px; line-height:28px; }
#row-3 .fact.purchasing span { color:#D0FD6E; font-weight:400; }
#row-3 .fact.primary { background:url("images/row-3-primary.png") right top no-repeat; width:245px; height:70px; padding:155px 95px 0 0; left:0px; top:430px; }
#row-3 .fact.primary span { color:#C10000; font-weight:400; }
#row-3 .fact.healthcare { background:url("images/row-3-healthcare.png"); width:226px; height:100px; padding:154px 50px 0 5px; left:107px; top:163px; }
#row-3 .fact.healthcare span { color:#FFF179; font-weight:400; }

#row-4 { background:url("images/row-4-bg.png") center top repeat-x; height:750px; }
#row-4 .mom { position:absolute; top:60px; left:0px; width:392px; height:369px; background:url("images/row-4-mom.png"); z-index:9; }
#row-4 .info { position:absolute; }
#row-4 .info h2 { font-size:72px; font-family:"Roboto Condensed"; margin:-10px 0 0 0; line-height:75px; }
#row-4 .info h3 { position:absolute; font-size:13.5px; font-weight:500; text-align:center; text-transform:uppercase; line-height:25px; }
#row-4 .info p { font-size:14px; color:#FFF; line-height:22px; font-weight:400; }
#row-4 .info.blogs { height:130px; width:345px; right:90px; top:90px; background:url("images/row-4-blogs.png") left 3px no-repeat; padding:0 0 0 275px; }
#row-4 .info.blogs h3 { left:190px; top:68px; width:70px; }
#row-4 .info.blogs strong { color:#9948CF; }
#row-4 .info.sites { height:115px; width:330px; right:5px; top:280px; background:url("images/row-4-sites.png") left top no-repeat; padding:0 0 0 370px; }
#row-4 .info.sites h3 { left:245px; top:80px; width:115px; }
#row-4 .info.sites strong { color:#FBD55A; }
#row-4 .info.word { height:150px; width:350px; right:90px; top:330px; background:url("images/row-4-word.png") left top no-repeat; padding:140px 0 0 295px; }
#row-4 .info.word h3 { left:160px; top:205px; width:120px; }
#row-4 .info.word strong { color:#E9311E; }
#row-4 .info.reviews { height:130px; width:195px; left:40px; top:350px; background:url("images/row-4-reviews.png") 17px top no-repeat; padding:160px 0 0 140px; }
#row-4 .info.reviews h3 { left:0px; top:233px; width:125px; }
#row-4 .info.reviews strong { color:#2C3E50; }

#row-5 { background:#FBD55A; height:565px; }
#row-5 .title { margin:45px auto; text-align:center; width:845px; }
#row-5 h2 { font-size:83px; line-height:90px; font-weight:100; color:#2C3E50; overflow:visible; }
#row-5 h2 span { display:block; float:right; font-size:25px; line-height:25px; font-weight:700; color:#BEA656; }
#row-5 .details { width:245px; float:left; margin:0px; padding:175px 0 0 0; background:url("images/row-5-details.png") left top no-repeat; text-align:center; }
#row-5 .details h3 { text-align:center; text-transform:uppercase; font-size:28px; color:#2C3E50; font-weight:300; margin:0 0 10px; line-height:30px; }
#row-5 .details p { color:#455B72; font-size:14px; margin:0 30px; line-height:20px; }
#row-5 .details.people { background-position:-240px 0; }
#row-5 .details.reputation { background-position:-480px 0; }
#row-5 .details.content { background-position:-720px 0; }

#row-6 { background:#E74C3C url("images/row-6-rainbow.png") center bottom repeat-x; padding:0 0 13px 0; }
#row-6 .top { background:url("images/row-6-top-bg.png") center top repeat-x; height:150px; padding:0 0 34px; z-index:10; position:relative; }
#row-6 .top h2 { text-align:center; line-height:150px; font-size:84px; color:#FBD55A; font-weight:100; }
#row-6 .bottom { height:600px; margin:-34px 0 0 0; position:relative; }
#row-6 .bottom .wrapper { height:600px; z-index:7; }
#row-6 .bottom .social { text-align:center; width:360px; position:absolute; top:125px; left:50%; margin:0 0 0 -180px; z-index:8; }
#row-6 .bottom .social h3 { font-weight:100; font-size:160px; line-height:120px; text-transform:uppercase; }
#row-6 .bottom .social h3 span { font-size:83px; line-height:70px; font-weight:400; display:block; }
#row-6 .bottom .arrows { width:980px; height:600px; background:url("images/row-6-arrows.png"); position:absolute; left:0px; top:0px; z-index:9; }
#row-6 .bottom .icons { width:100%; background-position:center center; background-repeat:no-repeat; height:600px; position:absolute; left:0px; top:0px; }
#row-6 .bottom .icons.layer-1 { background-image:url("images/row-6-icons-1.png"); z-index:6; }
#row-6 .bottom .icons.layer-2 { background-image:url("images/row-6-icons-2.png"); z-index:5; }
#row-6 .bottom .icons.layer-3 { background-image:url("images/row-6-icons-3.png"); z-index:4; }
#row-6 .bottom .icons.layer-4 { background-image:url("images/row-6-icons-4.png"); z-index:3; }
#row-6 .bottom .icons.layer-5 { background-image:url("images/row-6-icons-5.png"); z-index:2; }
#row-6 .bottom .icons.layer-6 { background-image:url("images/row-6-icons-6.png"); z-index:1; }

#row-7 { background:#DDD1C7; padding:55px 0; }
#row-7 .wrapper { width:1015px; }
#row-7 h2 { color:#2C3E50; font-size:83px; line-height:90px; margin:0; font-weight:100; letter-spacing:-5px; text-align:center; }
#row-7 .copyright { text-align:center; font-size:33px; color:#2C3E50; font-weight:300; line-height:50px; }
#row-7 .packages { text-align:center; margin:25px auto 50px; overflow:visible; float:left; }
#row-7 .column { width:240px; float:left; margin:0 6px 0 7px; position:relative; }
#row-7 .column .types { height:59px; border-radius:10px 10px 0 0; line-height:18px; background:none; font-size:21px; color:#FFF; font-weight:300; font-family:"Roboto"; padding:25px 0 0; }
#row-7 .column .types span { display:block; font-weight:400; font-size:14px; }
#row-7 .column .types strong { font-weight:500; }
#row-7 .column.basic .types { background:#2C649A; }
#row-7 .column.standard .types { background:#32AD51; }
#row-7 .column.dominator .types { background:#E74C3C; }
#row-7 .column.proven .types { background:#2C3E50; }
#row-7 .column.custom .types { background:#FD853C; }
#row-7 .column.mobile .types { background:#9D63C3; }
#row-7 .column .heading { line-height:44px; height:44px; color:#FFF; font-size:17px; font-weight:400; font-family:"Roboto"; border-bottom:0px; }
#row-7 .column.name .heading { border-radius:10px 10px 0 0; background:#308DEB; } 
#row-7 .column.basic .heading { background:#5CC1C9; } #row-7 .addons .column.basic .heading { background:none; }
#row-7 .column.standard .heading { background:#36E2BE; } #row-7 .addons .column.standard .heading { background:none; }
#row-7 .column.dominator .heading { background:#FD6E6E; } #row-7 .addons .column.dominator .heading { background:none; }
#row-7 .column.proven .heading { background:#3E6B97; } #row-7 .addons .column.proven .heading { background:none; }
#row-7 .column.custom .heading { background:#FFAC79; } #row-7 .addons .column.custom .heading { background:none; }
#row-7 .column.mobile .heading { background:#CB96EE; } #row-7 .addons .column.mobile .heading { background:none; }

.visitor #row-7 .column .heading { color: transparent; text-shadow: 0 0 7px rgba(0,0,0,0.5); }
.visitor #row-7 .column.name .heading { color:#FFF; text-shadow:none; }

#row-7 .column .plan { width:240px; background:#FDFCFC; color:#364762; font-family: 'Open Sans', sans-serif; font-weight:700; height:43px; text-align:center; vertical-align:middle; border-bottom:1px solid #DDD1C7; line-height:43px; overflow:hidden; font-size:15px; }
#row-7 .column.name .plan { font-weight:400; color:#364762; font-family:"Roboto"; font-size:16px; overflow:visible; }
#row-7 .column.name .plan a { text-decoration:underline; color:#364762; display:block; }
#row-7 .column.name .plan a.arrow { padding:0 36px 0 0; width:240px; position:relative; z-index:99; background:url("images/row-7-popup-arrow.png") right center no-repeat; }
#row-7 .addons .column .plan:first-child { border-radius:10px 10px 0 0; }

.visitor #row-7 .addons .column .plan { color: transparent; text-shadow: 0 0 7px rgba(0,0,0,0.5); }
.visitor #row-7 .addons .column.name .plan { color:#364762; text-shadow:none; }

#row-7 .column .plan:nth-child(even) { background:#FBF9F8; }
#row-7 .column .plan:last-child { border-radius:0 0 10px 10px; }
#row-7 ul.branded { list-style:none; margin:0px; padding:0px; overflow:auto; }
#row-7 ul.branded li { display:block; background:url("images/row-7-branded-shares.png") left center no-repeat; padding:7px 0 7px 80px; font-size:14px; color:#2C3E50; font-weight:400; vertical-align:middle; text-align:left; margin:0 0 20px; }
#row-7 ul.branded li.referrals { background-image:url("images/row-7-branded-referrals.png"); }
#row-7 ul.branded li.friends { background-image:url("images/row-7-branded-friends.png"); }
#row-7 ul.branded li.friends strong { font-weight:normal; color:#CA1217; }
#row-7 ul.branded li.review { background-image:url("images/row-7-branded-review.png"); }
#row-7 ul.branded li.review strong { font-weight:normal; color:#F0A227; }
#row-7 ul.branded li.location { background-image:url("images/row-7-branded-location.png");}