/** * Primary styles */ /* Fonts */ @font-face { font-family: 'NoticiaTextRegular'; src: url('/web/20161028171533im_/http://lightspeedml.com/fonts/noticiatext-regular-webfont.eot'); src: url('/web/20161028171533im_/http://lightspeedml.com/fonts/noticiatext-regular-webfontd41d.eot#iefix') format('embedded-opentype'), url('/web/20161028171533im_/http://lightspeedml.com/fonts/noticiatext-regular-webfont.woff') format('woff'), url('/web/20161028171533im_/http://lightspeedml.com/fonts/noticiatext-regular-webfont.ttf') format('truetype'), url('/web/20161028171533im_/http://lightspeedml.com/fonts/noticiatext-regular-webfont.svg#NoticiaTextRegular') format('svg'); font-weight: normal; font-style: normal; /**/ } /* Default styling */ /*h1, h2, h3, h4 { font-family:"NoticiaTextRegular", Georgia, serif; font-weight:normal; color:#000000; }*/ /* Navigation */ /*.nav-collapse.in.collapse { margin-top: 90px !important; } .sub_nav { display:none; } .single-project .navbar .navbar-inner { background:#000000; filter:none; margin-bottom: 35px;} .blog .navbar .navbar-inner { background:#000000; filter:none; margin-bottom: 35px;} .navbar .navbar-inner { background:#000000; filter:none;} .navbar.red .navbar-inner { background-image:url(/web/20161028171533im_/http://lightspeedml.com/img/header-red-background.png); } .navbar .nav-collapse { margin-top:20px; } .navbar .nav { margin-right:0; } .navbar .nav > li > a { color:#ffffff; padding:5px 5px; } .navbar .nav.left > li { margin-right:20px; } .navbar .nav.right > li { margin-left:20px; } .navbar .nav .active > a { border-bottom:1px solid #353535; background:none; } .navbar.red .nav .active > a { border-bottom:1px solid #cc4d51; } .navbar .nav.right { float:right; } .navbar .brand { position:absolute; top:15px; left:50%; } .navbar .brand.main { margin-left:-75px; } .navbar .brand.leaf { margin-left:-45px; top:0; } .navbar .container { min-height:70px; } .navbar .hide { display:none; } .navbar .btn-navbar { margin-top:20px; margin-right:30px; } .homepage .navbar .container { min-height:90px; } .homepage .navbar .nav-collapse { margin-top:90px; } .homepage .navbar .btn-navbar { margin-top:30px; }*/ /* Background */ body.homepage { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/collage-background.jpg) no-repeat fixed 50% 0; background-size:cover; } /* Footer */ /*#footer { background:#000000; width:100%; color:#5b5b5b; padding-top:30px; padding-bottom:10px; line-height:22px; } #footer a { color:#ffffff; text-decoration:underline; } #footer a:hover { text-decoration:none; } #footer small { display:block; } #footer address { float:right; line-height:22px; } #footer .social-links { float:right; overflow:hidden; margin-left:30px; margin-top:10px; } #footer .social-links li { float:left; margin-right:15px; } #footer .social-links li a { display:block; } */ /* Welcome message */ #welcome-message { padding:120px 0 300px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/fade-out-line.png) repeat-x 0 100%; } #welcome-message .red-box { margin:0 auto; padding:40px 50px; width:715px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/welcome-message-background.png) repeat 0 0; color:#ffffff; text-align:center; cursor:pointer; } #welcome-message .red-box:hover { } #welcome-message h1 { font-size:60px; line-height:70px; margin-bottom:20px; color:#ffffff; } #welcome-message h1 span { display:block; } #welcome-message .intro { font-weight:bold; font-size:22px; } #welcome-message .description { width:580px; margin:0 auto; color:#fb9798; font-size:14px; line-height:20px; font-style:italic; } #welcome-message .invitation { line-height:90px; font-size:30px; font-family:"NoticiaTextRegular", serif; text-align:center; border:6px solid #ffffff; width:60%; margin:30px auto 0 auto; padding:0 20px; } /* What we do */ /*#what-we-do { padding:30px 0 200px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/background-black.png) repeat 0 0; position:relative; } #what-we-do h1 { font-size:40px; color:#ffffff; margin:0 auto; max-width:440px; border:6px solid #ffffff; padding:40px 0; text-align:center; position:relative; } #what-we-do > div { position:relative; height:500px; } #what-we-do .preview-box { position:absolute; text-align:center; } #what-we-do .preview-box > img { z-index:10; } #what-we-do .preview-box .hover-box { position:relative; width:0%; height:0%; left:50%; top:50%; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/what-we-do/drupal-hover.png) no-repeat 50% 40%; display:none; z-index:5; background-size:cover; } #what-we-do .preview-box .hover-box h3 { font-size:16px; font-family:Arial,Helvetica,sans-serif; color:#000000; line-height:25px; margin:0 20%; border-bottom:1px solid #cfcfcf; margin-bottom:10px; font-weight:bold; } #what-we-do .preview-box .hover-box .client-name { font-size:20px; color:#3e3e3e; font-family:"NoticiaTextRegular", serif; } #what-we-do .preview-box .hover-box a { color:#c2242a; font-family:Georgia, Garamond, serif; font-style:italic; font-size:14px; } #what-we-do .preview-box .hover-box > div { position:absolute; bottom:45px; width:100%; left:0; } #what-we-do .drupal { top:100%; left:700px; width:435px; height:435px; } #what-we-do .drupal .hover-box {} #what-we-do .wordpress { top:100%; left:380px; width:398px; height:401px; } #what-we-do .wordpress .hover-box { background-image:url(/web/20161028171533im_/http://lightspeedml.com/img/what-we-do/wordpress-hover.png); } #what-we-do .wordpress .hover-box h3 { margin-right:13%; margin-left:13%; } #what-we-do .mobile { top:100%; left:650px; width:398px; height:418px; } #what-we-do .mobile .hover-box { background-image:url(/web/20161028171533im_/http://lightspeedml.com/img/what-we-do/mobile-hover.png); } #what-we-do .responsive { top:100%; left:200px; width:547px; height:547px; } #what-we-do .responsive .hover-box { background-image:url(/web/20161028171533im_/http://lightspeedml.com/img/what-we-do/responsive-hover.png); } #what-we-do .ecommerce { top:100%; left:20px; width:431px; height:400px; } #what-we-do .ecommerce .hover-box { background-image:url(/web/20161028171533im_/http://lightspeedml.com/img/what-we-do/ecommerce-hover.png); background-position: 40% 40%; }*/ /* About us section on homepage */ /*#about-us { background:#ffffff; } #about-us header { padding:130px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/working-background.jpg) repeat 50% 0; } #about-us header p { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/background-black-title.png) repeat !important; color:#ffffff; text-align:center; width:650px; font-size:40px; line-height:50px; margin:0 auto; padding:20px 30px; font-family:"NoticiaTextRegular",sans-serif; } #about-us header p span { display:block; } #about-us .box-intro { padding:50px 0; text-align:center; } #about-us .box-intro p { font-size:16px; color:#686868; line-height:24px; } #about-us .box-intro h2 { font-size:40px; margin-bottom:20px; } #about-us .thumb-box img { margin-bottom:15px; width:100%; } #about-us .thumb-box p { line-height:24px; color:#686868; font-size:14px; } #about-us .thumb-box h3 { font-size:30px; border-top:10px solid #dedede; padding-top:15px; margin-bottom:15px; } #about-us .thumb-box h4 { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:black; line-height:24px; margin-bottom:5px; } #about-us .offices { margin-bottom:40px; } .start-project { text-align:center; } .start-project h2 { font-size:40px; margin-bottom:20px; margin-top:11px;} .start-project p { font-size:16px; color:#686868; line-height:24px; } .start-project .start-project-btn { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); color:#ffffff; font-size:40px; font-weight:bold; margin:30px auto; max-width:470px; height:75px; line-height:75px; border-radius:40px; background:#cc292c; padding:0 20px; text-decoration:none; display:block; position:relative; } .start-project .or-call-us { font-size:16px; color:#686868; margin-bottom:0; } .start-project .phone-number { color:#2c2c2c; font-size:30px; font-weight:bold; margin-top:20px; display:inline-block; } #log { position:fixed; top:0; left:0; padding:10px; font-size:20px; line-height:25px; z-index:100000; background:#ffffff; color:#000000; }*/ /* Case Study pages */ /*.intro-chapter { padding:30px 0; } .intro-chapter .client-box { width:675px; margin:10px auto; overflow:hidden; } .intro-chapter .client-logo { float:left; margin:40px; margin-left:0; } .intro-chapter .client-info { float:left; font-size:14px; color:#6a6a6a; line-height:18px; padding:20px 0 20px 40px; margin:20px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/white-transparent.png) repeat-y 0 0; } .intro-chapter .client-info dl { } .intro-chapter .client-info dt { color:#a6a6a6; font-style:italic; font-size:12px; font-weight:normal; } .intro-chapter .client-info dd { margin-left:0; } .intro-chapter .focus-image { text-align:center; } .intro-chapter .focus-image h1 { font-size:36px; line-height:40px; margin-bottom:10px; } .intro-chapter .focus-image h1 span { display:block; } .chapter { padding-top:110px; text-align:center; } .chapter .container { border-bottom:1px solid #ebebeb; padding-bottom:10px; } .chapter .chapter-number { font-family:"NoticiaTextRegular",sans-serif; font-size:20px; color:#9a9a9a; line-height:25px; } .chapter h2 { font-size:30px; margin-bottom:0.8em; } .chapter p { font-size:16px; color:#686868; margin-bottom:1.5em; line-height:24px; margin-left:auto; margin-right:auto; width:70%; } .chapter.two-column { text-align:left; } .chapter.two-column p { margin:0; margin-bottom:1.5em; width:auto; } .chapter.two-column .row { width:80%; margin:0 auto; } .chapter.two-column .left { float:left; width:40%; } .chapter.two-column .right { float:right; width:48%; } .chapter .image-grid { overflow:hidden; list-style:none; list-style-image:none; margin:0; width:925px; margin:0 auto; } .chapter .image-grid li { float:left; padding:15px; } .chapter .image-grid li img { -webkit-box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1); } .chapter .app-available { font-size:26px; font-weight:bold; color:#000000; margin:30px auto 30px; border-bottom:1px solid #cfcfcf; display:inline-block; padding-bottom:10px; text-decoration:none; } .chapter .app-available:hover { border-bottom-color:#000000; } .like-what-you-saw { padding:50px 0; background:#f1f1f1; }*/ /* Formdamentals */ /*#formdamentals-intro { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/formdamentals/background.jpg) no-repeat 50% 0; margin-bottom:150px; } .formdamentals-page .focus-image { text-align:right; width:90%; margin:0 auto; margin-bottom:-335px; } .formdamentals-page .client-info { border-left:1px solid #d3d6d8; background:none; } .formdamentals-page .client-box { width:685px; } .formdamentals-page .focus-image h1 {color: #ecf3f9; float: left; line-height: 51px; padding-left: 77px; padding-top: 176px; text-align: center; width: 460px;}*/ /* Soliant */ /* Anon */ /*.anon-page nav .navbar-inner { background:#5cbcca; } .anon-page .chapter .container { padding-bottom: 40px; } #anon-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/anon/background.jpg) no-repeat 50% 0; margin-bottom:40px; } .anon-page h1 { color:#ffffff; } .anon-page .client-info { color:#ffffff; } .anon-page .client-info a { color:#ffffff; } .anon-page .client-info dt { color:#5d73a4; } .anon-page .client-logo { margin-left:190px; } .anon-page .focus-image { margin-top:20px; margin-bottom:-210px; } .anon-page .focus-image h1 { margin-bottom:20px; } .anon-page .focus-image img { margin-left:-115px; } #anon-the-outcome img { margin-bottom:20px; } .chapter .gallery-preview { overflow:hidden; } .chapter .gallery-preview figure { float:left; margin:0; width:33%; } .chapter .gallery-preview figure figcaption { color:#9a9a9a; font-size:12px; font-style:italic; } .chapter .gallery-preview .mobile { width:22%; } .chapter .gallery-preview .tablet { width:33%; } .chapter .gallery-preview .desktop { width:45%; }*/ /* Life Gear */ /*.life-gear-page nav .navbar-inner { background:#fdba31; } .life-gear-page .chapter.two-column .row { width:100%; } .life-gear-page .chapter.two-column .left { width:27%; } .life-gear-page .chapter.two-column .right { width:72%; margin-right:-2%; } .life-gear-page .chapter .container { padding-bottom:50px; } #life-gear-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/life-gear/background.jpg) no-repeat 50% 0; margin-bottom:40px; } .life-gear-page h1 { color:#ffffff; margin-bottom:35px; } .life-gear-page .client-info { color:#ffffff; } .life-gear-page .client-info a { color:#ffffff; } .life-gear-page .client-info dt { color:#778169; } .life-gear-page .client-logo { margin:0; } .life-gear-page .client-box { width:920px; } .life-gear-page .focus-image { margin-bottom:-160px; } .life-gear.gallery-preview figure figcaption { font-style:normal; }*/ /* Watchalyzer */ /*.watchalyzer-page nav .navbar-inner { background:#272727; } #watchalyzer-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/watchalyzer/background.jpg) no-repeat 50% 0; margin-bottom:40px; } .watchalyzer-page h1 { color:#d0c56e; margin-bottom:35px; } .watchalyzer-page .client-info { color:#ffffff; } .watchalyzer-page .client-info a { color:#ffffff; } .watchalyzer-page .client-box { width:855px; } .watchalyzer-page .client-logo { margin-left:20px; margin-top:70px; } .watchalyzer-page .focus-image { margin-bottom:-264px; } .watchalyzer-page .chapter.two-column .row { width:100%; } .watchalyzer-page .chapter.two-column .left { width:27%; } .watchalyzer-page .chapter.two-column .right { width:72%; margin-right:-2%; } .watchalyzer-page .chapter .container { padding-bottom:50px; } #watchalyzer-introduction { padding-top:120px; } #watchalyzer-mobile.chapter .container { padding-bottom:0; } */ /* Yellow plum */ /*.yellow-plum-page nav .navbar-inner { background:#4cbb5c; } #yellow-plum-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/yellow-plum/background.jpg) no-repeat 50% -20px; margin-bottom:40px; } .yellow-plum-page .focus-image h1 { color:#666666; margin-bottom:35px; } .yellow-plum-page .client-info { color:#6a6a6a; background:none; border-left:1px solid #d3d3d3; } .yellow-plum-page .client-info a { color:#6a6a6a; } .yellow-plum-page .client-box { width:855px; } .yellow-plum-page .client-logo { margin-left:40px; margin-top:70px; } .yellow-plum-page .focus-image { margin-bottom:0; } .yellow-plum-page .chapter.two-column .row { width:100%; } .yellow-plum-page .chapter.two-column .left { width:27%; } .yellow-plum-page .chapter.two-column .right { width:72%; margin-right:-2%; } .yellow-plum-page .chapter .container { padding-bottom:50px; } #yellow-plum-mobile.chapter .container { padding-bottom:0; } #yellow-plum-the-outcome img { margin-bottom:20px; }*/ /* Case study menu */ /*#case-study-menu { position:fixed; left:20px; top:100px; width:120px; background:#ffffff; z-index:1000000; border:1px solid #dfdfdf; border-bottom:0; } #case-study-menu .arrows { overflow:hidden; } #case-study-menu .arrows div { float:left; width:49.5%; border-bottom:1px solid #dfdfdf; height:39px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/case-study-menu/arrow-left.png) no-repeat 50% 50%; cursor:pointer; } #case-study-menu .arrows div:hover { background-color:#f9f9f9; } #case-study-menu .arrows .left { border-right:1px solid #dfdfdf; } #case-study-menu .arrows .right { background-image:url(/web/20161028171533im_/http://lightspeedml.com/img/case-study-menu/arrow-right.png); } #case-study-menu .logo { border-bottom:1px solid #dfdfdf; display:block; padding:20px 0; text-align:center; } #case-study-menu .logo:hover { background-color:#f9f9f9; } #case-study-menu .item { border-bottom:1px solid #dfdfdf; display:block; color:#595959; padding:10px 12px; } #case-study-menu .item:hover { text-decoration:none; background-color:#f9f9f9; } #case-study-menu .item span { display:block; color:#aaaaaa; font-size:10px; text-transform:uppercase; }*/ /* 20 Minutes */ /*.twenty-minutes-page nav .navbar-inner { background:#0b4892; } .twenty-minutes-page .chapter .container { padding-bottom:50px; } #twenty-minutes-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/twenty-minutes/background.jpg) no-repeat 50% 0; margin-bottom:0px; } .twenty-minutes-page h1 { color:#ffffff; margin-bottom:35px; } .twenty-minutes-page .client-info { color:#ffffff; } .twenty-minutes-page .client-info a { color:#ffffff; } .twenty-minutes-page .client-info dt { color:#95bff0; } .twenty-minutes-page .client-logo { margin-left:265px; } .twenty-minutes-page .client-box { width:920px; } .twenty-minutes-page .focus-image { margin-bottom:-103px; } .twenty-minutes.gallery-preview figure { width:50%; margin-top:15px; } .twenty-minutes.gallery-preview { width:90%; margin-left:auto; margin-right:auto; }*/ /* Bred & Moi */ /*.bredmoi-page nav .navbar-inner { background:#1a98ce; } #bredmoi-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/bredmoi/background.jpg) no-repeat 50% 0; margin-bottom:0; } .bredmoi-page h1 { color:#000000; margin-bottom:0px; } .bredmoi-page .client-info { color:#1e1e1e; background:none; border-left:1px solid #bbbbbb; padding-left:34px; } .bredmoi-page .client-info a { color:#ffffff; } .bredmoi-page .client-info dt { color:#5b5b5b; } .bredmoi-page .client-logo { margin-left:38px; margin-right:34px; } .bredmoi-page .focus-image { margin-bottom:-103px; } .bredmoi-page .chapter.two-column .row { width:100%; } .bredmoi-page .chapter.two-column .left { width:27%; } .bredmoi-page .chapter.two-column .right { width:72%; margin-right:-2%; } .bredmoi-page .chapter .container { padding-bottom:50px; }*/ /* PrintStarNow */ .printstarnow-page nav .navbar-inner { background:#08aac8; } #printstarnow-intro { background:#000000 url(/web/20161028171533im_/http://lightspeedml.com/img/printstarnow/background.jpg) no-repeat 50% 0; margin-bottom:40px; } .printstarnow-page .focus-image h1 { color:#000000; margin-bottom:35px; } .printstarnow-page .client-info { color:#505050; background:none; border-left:1px solid #bbbbbb; } .printstarnow-page .client-info a { color:#ffffff; } .printstarnow-page .client-box { width:855px; } .printstarnow-page .client-logo { margin-left:90px; margin-top:70px; } .printstarnow-page .focus-image { margin-bottom:-190px; } .printstarnow-page .chapter.two-column .row { width:100%; } .printstarnow-page .chapter.two-column .left { width:27%; } .printstarnow-page .chapter.two-column .right { width:72%; margin-right:-2%; } .printstarnow-page .chapter .container { padding-bottom:50px; } #printstarnow-introduction { } #printstarnow-mobile.chapter .container { padding-bottom:0; } /* Our work */ .work-page nav .navbar-inner { background:#d7383e; } .work-page .like-what-you-saw { background:#ffffff; padding-top:0; } .work-page .like-what-you-saw .container { border-top:1px solid #ebebeb; padding-top:50px; } .work-page .thumb-box img { margin-bottom:15px; width:100%; } .work-page .thumb-box p { line-height:24px; color:#686868; font-size:14px; } .work-page .thumb-box h3 { font-size:24px; border-top:10px solid #dedede; padding-top:15px; margin-bottom:15px; } .work-page .thumb-box h4 { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:black; line-height:24px; margin-bottom:5px; } .work-page .offices { margin-bottom:40px; margin-top:50px; } #case-grid { list-style:none; margin:0; overflow:hidden; } #case-grid li { float:left; list-style:none; width:33%; height:530px; position:relative; } #case-grid li a { display:block; text-decoration:none; } #case-grid li img { margin-bottom:5px; } #case-grid li h2 { color:#000000; font-size:24px; line-height:28px; padding-bottom:10px; } #case-grid li p { font-size:12px; padding-top:10px; color:#686868; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/work/dash.png) no-repeat 0 0; padding-right:10px; } #case-grid li .background { background:#ffffff; display:block; width:100%; height:100%; position:absolute; z-index:10; top:0; left:0; opacity:0; } #case-grid li .view { width:168px; height:168px; position:absolute; left:50%; margin-left:-84px; top:28%; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/work/view-case-study.png) no-repeat 50% 50%; z-index:11; } #our-work-section header { text-align:center; padding:70px 0 50px 0; } #our-work-section header h1 { font-size:80px; line-height:80px; color:#313131; } #our-work-section header p { font-size:36px; line-height:60px; color:#929292; } #oldies-goldies header h1 { font-size:60px; line-height:80px; color:#313131; text-align:center; margin-bottom:20px; } #oldies-goldies header h1 span { font-size:36px; line-height:50px; color:#929292; display:block; } #oldies-goldies .client-list { overflow:hidden; list-style:none; margin-bottom:50px; } #oldies-goldies .client-list li { float:left; width:265px; line-height:28px; padding-left:20px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/work/dash.png) no-repeat 0 50%; color:#686868; font-size:14px; } /* Partners */ #partners { list-style:none; margin:0; /*overflow:hidden; */} #partners li { float:left; list-style:none; height:100%; position:relative; } #partners li a { display:block; text-decoration:none; } #partners li img { margin-bottom:5px; } #partners li h2 { color:#000000; font-size:24px; line-height:28px; padding-bottom:10px; } #partners li p { font-size:12px; padding-top:10px; color:#686868; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/work/dash.png) no-repeat 0 0; padding-right:10px; } #partners li .background { background:#cdcdcd; display:block; width:295px; height:150px; position:absolute; z-index:10; top:11px; left:38px; opacity:0; } #partners li .view { width:72px; height:70px; position:absolute; left:63%; margin-left:-84px; top:30%; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/partners/visit.png) no-repeat 50% 50%; z-index:11; } /* Services */ #services { background: #fff; text-align: center;} #services #headline-holder { margin-bottom: 10px; } #services .box-intro { padding:50px 0; text-align:center; } #services .box-intro h1 { font-size: 80px; line-height: 50px; } #services p { color: #929292; font-size: 14px; line-height: 24px; } #services ul { padding: 0px; margin: 0px; list-style: none; } #services ul li { height: 500px; padding: 20px 0 20px 0; } #services ul li:hover { background: #f3f0e0; } #services .service-item h3 { font-size:30px; padding-top:15px; margin-bottom:15px; } #services .service-item p { width: 86%; margin: 0 7%; margin-bottom: 30px;} #services .service-item a { color: #000000; font-size: 16px; } #services-list { background: #ffffff; } #services-list header { padding:100px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/servicas-header-background.jpg) repeat 50% 0px; background-size:cover; } #services-list header .services-list-item a { font-size: 18px; color: #fff; } #services-list header .services-list-item a:hover { font-size: 18px; color: #dc3a3d; } #services-list header .services-list-item { background: url(/web/20161028171533im_/http://lightspeedml.com/img/services-list-background.png) no-repeat 50% 0; text-align: center; padding: 75px 0; min-width: 320px; } #services-list header .services-list-item p { font-size: 18px; color: #fff; line-height: 50px; width: 68%; margin: 0 16%; border-bottom: 1px solid #262626;} #services-list header .services-list-item p.last { border-bottom: none; } #services-list header .services-list-item p.two-line { line-height: 22px; padding: 8px 0;} #services-list header #second-circle { padding: 72px 0; } #services-list header #third-circle { padding: 77px 0; } /*72 55 90px*/ #services-list .box-intro { padding:50px 0; text-align:center; } #services-list .box-intro h2 { font-size:40px; } #services-list .thumb-box img { margin-bottom:15px; width:100%; } #services-list .thumb-box p { line-height:24px; color:#686868; font-size:14px; margin-bottom: 30px; } #services-list .thumb-box a { font-size: 16px; color: #000 !important; } #services-list .thumb-box h3 { font-size:30px; padding-top:15px; margin-bottom:15px; } #services-list .offices { margin-bottom:40px; } #services-list .and-more-title-holder { border-bottom: 1px solid #e3e3e3; margin-bottom: 42px; } #services-list .thumb-box-services img { width: auto; } #services-list .thumb-box-services { text-align: center; margin-bottom:40px; } #services-list .team { margin-bottom: 80px; } #wordpress-drupal-image { margin-bottom: 35px !important; } #services-call-to-action { background:#f1f1f1;} #services-call-to-action .box-intro { padding:50px 0; text-align:center; } #services-call-to-action .box-intro p { font-size:16px; color:#686868; line-height:24px; } #services-call-to-action .box-intro h2 { font-size:40px; } #services-call-to-action .box-intro h3 { font-size:40px; color: black; line-height:40px; } /* Web Services */ #web-services { background: #fff; text-align: center;} #web-services header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/web-services.jpg) repeat 50% 0%; background-size:cover; } #web-services p { color: #686868; font-size: 16px; line-height: 24px; } #web-services .web-services-desc { padding: 50px 0;} #web-services p.headline-paragraf { margin-bottom: 25px; } #web-services p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 15px 0 0 0;} #web-services p.bottom-separator-last { margin: 15px 0 0 0; } #web-services .box-intro h1 { font-size: 80px; line-height: 65px; } #web-services .box-intro { padding:50px 0; text-align:center; } /* Mobile Services */ #mobile-services { background: #fff; text-align: center;} #mobile-services header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services/mobile-services.jpg) repeat 50% 0; background-size:cover; } #mobile-services p { color: #686868; font-size: 16px; line-height: 30px; } #mobile-services .web-services-desc { padding: 50px 0;} #mobile-services p.headline-paragraf { margin-bottom: 25px; } #mobile-services p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #mobile-services p.bottom-separator-last { margin: 0 0 15px 0; } #mobile-services p.headline-small { margin-bottom: 0px; color: #000; } #mobile-services .box-intro h1 { font-size: 80px; line-height: 50px; } #mobile-services .box-intro { padding:50px 0; text-align:center; } /* Mobile Services max-width:599px */ @media (max-width:599px) { #mobile-services .box-intro h1 { font-size: 50px; } } /* Ecommerce Services */ #ecommerce-services { background: #fff; text-align: center;} #ecommerce-services header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #ecommerce-services p { color: #686868; font-size: 16px; line-height: 24px; } #ecommerce-services .web-services-desc { padding: 50px 0;} #ecommerce-services p.headline-paragraf { margin-bottom: 25px; } #ecommerce-services p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #ecommerce-services p.headline-small { margin-bottom: 0px; color: #000; } #ecommerce-services .box-intro h1 { font-size: 80px; line-height: 60px; } #ecommerce-services .box-intro { padding:50px 0; text-align:center; } #ecommerce-services .platforms { background: #f3f0e0; padding: 25px 30px; margin-bottom: 25px;} #ecommerce-services .platforms .span2 { margin-left: 0px; } #ecommerce-services .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #ecommerce-services .platforms .first { margin-left: 30px;} #ecommerce-services .platforms .row {margin-bottom: 25px; } #ecommerce-services .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} /* Ecommerce Services max-width:599px */ @media (max-width: 599px) { #ecommerce-services .box-intro h1 { font-size:50px; line-height: 50px; } } /* About us */ .about-us-page nav .navbar-inner { background:#d7383e; } .about-us-page section.container { text-align:center; } .about-us-page .offices { margin-top: 50px; } .about-section { margin-bottom:30px; } .about-section h1 { font-size:80px; color:#313131; line-height:100px; padding:40px 0 20px 0; } .about-section p { color:#929292; font-size:16px; line-height:24px; } .about-section .copy { width:80%; margin:0 auto 30px auto; } .about-section-partners { margin-bottom:0px; } .about-section-partners h1 { font-size:80px; color:#313131; line-height:100px; padding:40px 0 20px 0; } .about-section-partners p { color:#929292; font-size:16px; line-height:24px; } .about-section-partners .copy { width:80%; margin:0 auto 30px auto; } #who-is-cofamedia h1, #we-are-different h1 { font-size:50px; } #we-are-different div p { font-size:16px; color:#686868; font-family:Arial,sans-serif; line-height:24px; margin-top:30px; } #we-are-different div p a { color:#000000; } #we-are-different .checkout { font-family:"NoticiaTextRegular",serif; font-size:30px; line-height:85px; color:#000000; padding:0 30px; display:inline-block; border:7px solid #c9c9c9; } #team-box { } #team-box li { float:left; width:216px; padding:0 9px 20px 9px; } #team-box li .portrait { position:relative; width:216px; height:216px; cursor:pointer; } #team-box li .portrait img { position:absolute; top:0; left:0; } #team-box li .hover-portrait { display:none; position:relative; width:216px; height:216px; cursor:pointer; } #team-box li .hover-portrait img { position:absolute; top:0; left:0; } .hover:hover .hover-image { display:block !important;} /* #team-box li .portrait img:last-child { display:none; } */ #team-box li .name { color:#727272; line-height:18px; font-size:16px; margin:10px 0 0; } #team-box li .title { color:#acacac; font-size:12px; line-height:18px; } #team-box li .biography { display:none; } #team-box li .big-portrait { display:none; } #team-box-popup { position:fixed; top:100px; left:50%; margin-left:-400px; width:800px; text-align:center; z-index:1001; display:none; } #team-box-popup .big-portrait { display:block; margin:0 auto; } #team-box-popup .info { position:absolute; top:350px; width:400px; left:50%; margin-left:-200px; background:#d7383e; z-index:10; padding:15px; } #team-box-popup .info .name { font-size:36px; font-family:"NoticiaTextRegular",serif; line-height:36px; color:#ffffff; margin:0; } #team-box-popup .info .title { color:#ef9498; font-size:16px; line-height:26px; margin:0; } #team-box-popup .biography-box { position:absolute; bottom:0; left:0; width:100%; height:185px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/background-black.png) repeat 0 0; } #team-box-popup .biography { color:#a3a3a3; font-size:15px; line-height:24px; padding:0 30px; margin:40px 60px 20px 60px; border-left:1px solid #4F4F4F; border-right:1px solid #4F4F4F; min-height:120px; } #team-box-popup .arrow-left { position:absolute; left:15px; top:75px; width:27px; height:40px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/about-us/left-arrow.png) no-repeat 50% 50%; z-index:10; cursor:pointer; } #team-box-popup .arrow-right { position:absolute; right:15px; top:75px; width:27px; height:40px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/about-us/right-arrow.png) no-repeat 50% 50%; z-index:10; cursor:pointer; } #team-box-popup .close-button { position:absolute; top:-15px; right:-15px; width:37px; height:37px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/about-us/close-icon.png) no-repeat 50% 50%; cursor:pointer; } #overlay { position:fixed; width:100%; height:100%; z-index:1000; top:0; left:0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/background-black.png) repeat 0 0; display:none; } /* Index Page First Section -- Lease a Team -- all widths */ #mobile-services .lease-a-team-row .image-holder img { max-width: inherit; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-new.png) top center no-repeat; height:400px; margin-top:0px;} /* #mobile-services .lease-a-team-row .image-holder { width: 100%; top: -193px; width: 100%; height: 500px; background: transparent url('/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team.jpg') 50% 50% repeat; } */ #mobile-services .lease-a-team-row .text-holder { z-index: 100; /*top: 20px; */} #mobile-services .lease-a-team-row .text-holder h2 { font-size: 45px; line-height: 45px; } #mobile-services .lease-a-team-row .text-holder h2 span { font-size: 30px; } /* Index Page First Section @min-width 1368px */ @media (min-width: 1368px) { #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; font-size: 50px; line-height: 60px; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 300px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); max-width: 200px; height: 53px; line-height: 53px; background: #cc292c; display:block; color: white; font-size:18px; font-family: "NoticiaTextRegular", serif; border-radius: 26px; z-index:100; margin: 0 auto; } #mobile-services .mobile-services-row, #mobile-services .mobile-services-row-one, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row, #mobile-services .lease-a-team-row { height: 300px; overflow: hidden;/* *//**/ center top scroll no-repeat; } #mobile-services .lease-a-team-row .image-holder { height:300px; top:0px; } /* #mobile-services .mobile-services-row .image-holder { float: left; left: 350px; top: -124px; width: 100%; } */ #mobile-services .mobile-services-row .image-holder { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-new-thirteen.png) center top scroll no-repeat; width: 100%; height: 300px; margin-top:30px; } #mobile-services .mobile-services-row .text-holder { float: left; top: 50px; width: 100%; z-index: 100; } #mobile-services .mobile-services-row .text-holder h2 { font-size:30px; line-height: 60px; } #mobile-services .responsive-web-development-row .text-holder { left: 240px; top:180px; z-index:100; } /* #mobile-services .mobile-services-row-one .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-row-one .text-holder { margin:0 auto; top: 0px; z-index:100; margin-top:80px;} #mobile-services .mobile-services-row-one .text-holder h2 {font-size:30px; line-height:30px; margin-top:0px;} #mobile-services .mobile-services-row-one .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/digital-screen-new-thirteen.png) 10% top scroll no-repeat; width: 100%; height: 300px; top:135px; margin-top:-90px;} /* #mobile-services .responsive-web-development-row .image-holder { float: left; top: -152px; width: 100%; } */ #mobile-services .responsive-web-development-row .image-holder { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/ecommerce-screen-thirteen.png)center top scroll no-repeat; width: 100%; height: 300px; margin-top:10px;} #mobile-services .e-commerce-row .text-holder { float:left;left:-200px; top:250px; width: 100%; z-index: 100;} #mobile-services .e-commerce-row .text-holder h2 { font-size: 30px; line-height: 60px; } /* #mobile-services .e-commerce-row .image-holder { top: -200px; left: -250px; } */ #mobile-services .e-commerce-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/home-page-slider-mobile-thirteen.png) center top scroll no-repeat; height:300px; top: 10px; } #mobile-services .mobile-services-text-stripe { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 237px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 50px/60px "NoticiaTextRegular"; color:white; margin: 50px 0 10px 0; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; min-height:474px; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 360px; float:left; margin-top: 55px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 32px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } #mobile-services .lease-a-team-row .image-holder img { max-width: inherit; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-thirteen.png)10% top center no-repeat; height:240px;margin-top:-40px;} /* #mobile-services .lease-a-team-row .image-holder { width: 100%; top: -193px; width: 100%; height: 500px; background: transparent url('/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team.jpg') 50% 50% repeat; } */ #mobile-services .lease-a-team-row .text-holder { z-index: 100; /*top: 20px;*/ } } /* Index Page First Section @min-width 1280px */ @media (min-width: 1280px) { #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; font-size: 50px; line-height: 60px; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 300px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); max-width: 200px; height: 53px; line-height: 53px; background: #cc292c; display:block; color: white; font-size:18px; font-family: "NoticiaTextRegular", serif; border-radius: 26px; z-index:100; margin: 0 auto; } #mobile-services .mobile-services-row, #mobile-services .mobile-services-row-one, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row, #mobile-services .lease-a-team-row { height: 300px; overflow: hidden;/* *//**/ center top scroll no-repeat; } #mobile-services .lease-a-team-row .image-holder { height:300px; top:0px; } /* #mobile-services .mobile-services-row .image-holder { float: left; left: 350px; top: -124px; width: 100%; } */ #mobile-services .mobile-services-row .image-holder { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-new-thirteen.png) center top scroll no-repeat; width: 100%; height: 300px; margin-top:30px; } #mobile-services .mobile-services-row .text-holder { float: left; top: 50px; width: 100%; z-index: 100; } #mobile-services .mobile-services-row .text-holder h2 { font-size:30px; line-height: 60px; } #mobile-services .responsive-web-development-row .text-holder { left: 240px; top:180px; z-index:100; } /* #mobile-services .mobile-services-row-one .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-row-one .text-holder { margin:0 auto; top: 0px; z-index:100; margin-top:80px;} #mobile-services .mobile-services-row-one .text-holder h2 {font-size:30px; line-height:30px; margin-top:0px;} #mobile-services .mobile-services-row-one .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/digital-screen-thirteen.png) 10% top scroll no-repeat; width: 100%; height: 300px; top:135px; margin-top:-90px;} /* #mobile-services .responsive-web-development-row .image-holder { float: left; top: -152px; width: 100%; } */ #mobile-services .responsive-web-development-row .image-holder { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/ecommerce-screen-thirteen.png)center top scroll no-repeat; width: 100%; height: 300px; margin-top:10px;} #mobile-services .e-commerce-row .text-holder { float:left;left:-200px; top:250px; width: 100%; z-index: 100;} #mobile-services .e-commerce-row .text-holder h2 { font-size: 30px; line-height: 60px; } /* #mobile-services .e-commerce-row .image-holder { top: -200px; left: -250px; } */ #mobile-services .e-commerce-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/home-page-slider-mobile-thirteen.png) center top scroll no-repeat; height:300px; top: 10px; } #mobile-services .mobile-services-text-stripe { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 237px; color:white; } #mobile-services .lease-a-team-row .image-holder img { max-width: inherit; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-thirteen.png)10% top center no-repeat; height:240px;margin-top:-40px;} /* #mobile-services .lease-a-team-row .image-holder { width: 100%; top: -193px; width: 100%; height: 500px; background: transparent url('/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team.jpg') 50% 50% repeat; } */ #mobile-services .lease-a-team-row .text-holder { z-index: 100; /*top: 20px;*/ } #mobile-services .mobile-services-text-stripe h2 { font: 50px/60px "NoticiaTextRegular"; color:white; margin: 50px 0 10px 0; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; min-height:474px; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 360px; float:left; margin-top: 55px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 32px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } } /* Index Page First Section @min-width 1024px */ @media (min-width: 1024px) and (max-width: 1279px) { #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; font-size: 50px; line-height:60px; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 300px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); max-width: 200px; height: 53px; line-height: 53px; background: #cc292c; display:block; color: white; font-size:18px; font-family: "NoticiaTextRegular", serif; border-radius: 26px; z-index:100; margin: 0 auto; } #mobile-services .mobile-services-row, #mobile-services .mobile-services-row-one, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row { height:300px; overflow: hidden; /*background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/slider-background-changed.jpg)*/ top scroll; } #mobile-services .lease-a-team-row { background: none; } #mobile-services .lease-a-team-row .image-holder { height:300px;} #mobile-services .mobile-services-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-new-one.png) 10% top scroll no-repeat; width: 100%; height: 300px; top:135px; margin-top:-90px;} /* #mobile-services .mobile-services-row .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-row .text-holder { margin:0 auto; top: 0px; z-index:100; margin-top:80px;} #mobile-services .mobile-services-row .text-holder h2 {font-size:30px; line-height:30px; margin-top:0px;} #mobile-services .mobile-services-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-new-one.png) 10% top scroll no-repeat; width: 100%; height: 300px; top:135px; margin-top:-90px;} /* #mobile-services .mobile-services-row-one .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-row-one .text-holder { margin:0 auto; top: 0px; z-index:100; margin-top:80px;} #mobile-services .mobile-services-row-one .text-holder h2 {font-size:30px; line-height:30px; margin-top:0px;} #mobile-services .mobile-services-row-one .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/digital-screen-new-two.png) 10% top scroll no-repeat; width: 100%; height: 300px; top:135px; margin-top:-90px;} #mobile-services .responsive-web-development-row .text-holder { float: left; left:150px;margin: 0 auto; top: 50px; width: 100%; z-index: 100; } /* #mobile-services .responsive-web-development-row .image-holder { float: left; top: -72px; width: 100%; } */ #mobile-services .responsive-web-development-row .text-holder{left:200px;} #mobile-services .responsive-web-development-row .text-holder h2 {font-size:30px; line-height: 60px; } #mobile-services .responsive-web-development-row .image-holder { background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/ecommerce-screen-new.png) 10% top scroll no-repeat; width: 100%; height: 300px; } #mobile-services .e-commerce-row .text-holder {float:left; left:-200px; top:350px; width:100%; z-index: 100; margin-top:-200px; } #mobile-services .e-commerce-row .text-holder h2 { font-size:30px; } #mobile-services .e-commerce-row .text-holder p { font-size: 14px; } /* #mobile-services .e-commerce-row .image-holder { top: -200px; left: -100px; width:80%; } */ #mobile-services .e-commerce-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/home-page-slider-mobile-new.png) 10% top scroll no-repeat; height:300px; top:135px; margin-top:-90px;} #mobile-services .mobile-services-text-stripe { background: top left no-repeat scroll; height: 237px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 50px/60px "NoticiaTextRegular"; color:white; margin: 50px 0 10px 0; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; height:500px; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 290px; float:left; margin-top: 85px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 32px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } #mobile-services .lease-a-team-row .image-holder img { max-width: inherit; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-new.png)10% top center no-repeat; height:240px;margin-top:-40px;} /* #mobile-services .lease-a-team-row .image-holder { width: 100%; top: -193px; width: 100%; height: 500px; background: transparent url('/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team.jpg') 50% 50% repeat; } */ #mobile-services .lease-a-team-row .text-holder { z-index: 100; /*top: 20px;*/ } /*#mobile-services .lease-a-team-row .text-holder h2 { font-size: 45px; line-height: 45px; } #mobile-services .lease-a-team-row .text-holder h2 span { font-size: 30px; }*/ .container .drupal {top: -9% !important; z-index: 1;} .container .mobile {top: 47% !important; z-index: 1;} .container .responsive {top: -17% !important; z-index: 1;} .container .ecommerce {top: 42% !important; z-index: 1;} .container .wordpress {top: 52% !important; z-index: 1;} #about-us header { padding:130px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/working-background.jpg) repeat 50% 0; background-position: 50% 36.45% !important;} } /*.responsive.preview-box > img { left: 51.7045% !important; margin-left: -249px !important; margin-top: -179px !important; opacity: 0.757618; position: absolute; top: 46.4025% !important;} .drupal.preview-box > img { left: 50.8342% !important; margin-left: -199.5px !important; margin-top: -118px !important; opacity: 0.789562; position: absolute; top: 44.1582% !important;} .ecommerce.preview-box > img {left: 48.3992% !important; margin-left: -157.5px !important; margin-top: -102.5px !important; opacity: 0.738093; position: absolute; top: 43.9524% !important;} .wordpress.preview-box > img {left: 60.6458% !important; margin-left: -168.5px !important; margin-top: -97.5px !important; opacity: 1; position: absolute; top: 47.6298% !important;} .mobile.preview-box > img { left: 62.2976% !important; margin-left: -114px !important; margin-top: -168px !important; opacity: 1; position: absolute; top: 55.7923% !important;} }*/ /* Index Page First Section @max-width 1023px */ /* TABLET CODE */ @media (max-width: 1023px) {\#what-we-do { display:none; } /*#home.slide6{ background-image:url(/web/20161028171533im_/http://lightspeedml.com/assets/img/demo/slider/aboutus-slide.png); width:100%;}*/ #about-us header { padding:130px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/working-background.jpg) repeat 50% 0; background-position: 50% 36.45% !important;} #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 300px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); background: none repeat scroll 0 0 #CC292C; border-radius: 20px 20px 20px 20px; color: white; display: block; font-family: "NoticiaTextRegular",serif; font-size: 15px; height: 40px; line-height: 40px; margin: 0 auto; max-width: 160px; z-index: 100; } #mobile-services .mobile-services-row,#mobile-services .mobile-services-row-one, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row, #mobile-services .lease-a-team-row { height: 300px; overflow: hidden; background: transparent /*url(/web/20161028171533im_/http://lightspeedml.com/img/slider/slider-background-changed.jpg)*/ center top scroll; width:100%;} /*#mobile-services .lease-a-team-row {background: none; }*/ /* #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 80%; } */ #mobile-services .mobile-services-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-new-1023.png) center top scroll no-repeat; height: 300px; margin-top:40px; } #mobile-services .mobile-services-row .text-holder { margin: 0 auto; width: 100%; z-index: 100; float: left; margin-top:60px;} #mobile-services .responsive-web-development-row .text-holder { float: left; margin: 0 auto; top: 50px; width: 100%; z-index: 100; } /* #mobile-services .mobile-services-row-one .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-row-one .text-holder { margin:0 auto; top: 0px; z-index:100; margin-top:80px;} #mobile-services .mobile-services-row-one .text-holder h2 {font-size:30px; line-height:30px; margin-top:0px;} #mobile-services .mobile-services-row-one .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/digital-screen-new-two.png) 10% top scroll no-repeat; width: 100%; height: 300px; top:135px; margin-top:-90px;} /* #mobile-services .responsive-web-development-row .image-holder { top: 25px; width: 100%; } */ #mobile-services .responsive-web-development-row .image-holder { margin-top:30px;background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/ecommerce-screen-new-1023.png)center top scroll no-repeat; height: 300px;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .e-commerce-row .image-holder { height:250px; background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/home-page-slider-mobile-new-1023.png) center top scroll no-repeat; margin-top:60px;} #mobile-services .mobile-services-text-stripe { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 237px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:white; margin-top:50px; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-new-1023.png)top center no-repeat; height:250px; margin-top:130px;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 30%; float:left; margin-top: 85px; padding: 0 2px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 28px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } #mobile-services .our-services-stripe .container { width: 100%; } #mobile-services .lease-a-team-row .image-holder { height: 300px; top:-160px; } } /* TABLET CODE ENDS */ /* Index Page First Section @max-width 479px */ /* MOBILE CODE */ @media (max-width: 479px) { #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 100%; } #mobile-services p { color: #686868; font-size: 16px; line-height: 24px; } #mobile-services .responsive-web-development-row .image-holder { top: 5px; width: 100%; } #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:white; margin-top:30px; } #mobile-services .our-services-stripe .span-services { float: left; margin-top: 35px; width: 100%; padding:0; } #mobile-services .our-services-stripe { background: url("/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png") repeat scroll 0 0 #F6F6F6; color: inherit; height:100%; } #mobile-services .our-services-stripe .span-services a h3 { bottom: -180px; color: #333333; position: relative; text-decoration: none; } #about-us header { padding:130px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/working-background.jpg) repeat 50% 0; background-position: 50% 36.45% !important;} #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 200px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); background: none repeat scroll 0 0 #CC292C; border-radius: 20px 20px 20px 20px; color: white; display: block; font-family: "NoticiaTextRegular",serif; font-size: 15px; height: 40px; line-height: 40px; margin: 0 auto; max-width: 160px; z-index: 100; } #mobile-services .mobile-services-row, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row, #mobile-services .lease-a-team-row { height: 200px; overflow: hidden; background: transparent center top scroll; width:100%;} /*#mobile-services .lease-a-team-row {background: none; }*/ /* #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 80%; } */ #mobile-services .mobile-services-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/small-one.png) center top scroll no-repeat; height: 200px; margin-top:40px; } #mobile-services .mobile-services-row .text-holder { margin: 0 auto; width: 100%; z-index: 100; float: left; margin-top:60px;} #mobile-services .responsive-web-development-row .text-holder { float: left; margin: 0 auto; top: 50px; width: 100%; z-index: 100; } /* #mobile-services .responsive-web-development-row .image-holder { top: 25px; width: 100%; } */ #mobile-services .responsive-web-development-row .image-holder { margin-top:30px;background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/small-two.png)center top scroll no-repeat; height: 200px;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .e-commerce-row .image-holder { height:200px; background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/small-three.png) center top scroll no-repeat; margin-top:60px;} #mobile-services .mobile-services-text-stripe { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 237px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:white; margin-top:50px; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/small-four.png)top center no-repeat; height:200px; margin-top:130px;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 30%; float:left; margin-top: 85px; padding: 0 2px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 28px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } #mobile-services .our-services-stripe .container { width: 100%; } #mobile-services .lease-a-team-row .image-holder { height: 200px; top:-160px; } } /* MOBILE MORE */ /* Index Page First Section @min-width 480px */ @media (min-width: 480px) and (max-width: 599px) { #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 100%; top: 45px; } #mobile-services .e-commerce-row .image-holder { margin: 0 auto; top:45px; width: 100%; } mobile-services .responsive-web-development-row .image-holder { margin: 0 auto; top:45px; width: 100%; } #mobile-services .our-services-stripe .span-services a h3 {/* bottom: -180px;*/ color: #333333; font-size: 22px; position: relative; text-decoration: none; } #about-us header { padding:130px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/working-background.jpg) repeat 50% 0; background-position: 50% 36.45% !important;} #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 200px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); background: none repeat scroll 0 0 #CC292C; border-radius: 20px 20px 20px 20px; color: white; display: block; font-family: "NoticiaTextRegular",serif; font-size: 15px; height: 40px; line-height: 40px; margin: 0 auto; max-width: 160px; z-index: 100; } #mobile-services .mobile-services-row, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row, #mobile-services .lease-a-team-row { height: 200px; overflow: hidden; background: transparent /*url(/web/20161028171533im_/http://lightspeedml.com/img/slider/slider-background-changed.jpg) */center top scroll; width:100%;} /*#mobile-services .lease-a-team-row {background: none; }*/ /* #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 80%; } */ #mobile-services .mobile-services-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-70-smaller-mobile-new.png) center top scroll no-repeat; height: 200px; } #mobile-services .mobile-services-row .text-holder { margin: 0 auto; width: 100%; z-index: 100; float: left; } #mobile-services .responsive-web-development-row .text-holder { float: left; margin: 0 auto; top: 50px; width: 100%; z-index: 100; } /* #mobile-services .responsive-web-development-row .image-holder { top: 25px; width: 100%; } */ #mobile-services .responsive-web-development-row .image-holder { margin-top:30px;background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/ecommerce-screen-70-smaller-mobile-new.png)center top scroll no-repeat; height: 200px; } #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .e-commerce-row .image-holder { height:200px; background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/slider-mobile-70-smaller-mobile-new.png) center top scroll no-repeat;} #mobile-services .mobile-services-text-stripe { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 200px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:white; margin-top:50px; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-70-smaller-mobile-rep.png)top center no-repeat; height:200px; } #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;} #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 30%; float:left; margin-top: 85px; padding: 0 2px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 28px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } #mobile-services .our-services-stripe .container { width: 100%; } #mobile-services .lease-a-team-row .image-holder { height: 200px; } } /* MOBILE MORE ENDS */ /* MOBILE SMALL */ /* Index Page First Section @min-width 480px */ @media (min-width: 300px) and (max-width: 470px) { #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 100%; top: 35px; } #mobile-services .e-commerce-row .image-holder { margin: 0 auto; top:35px; width: 100%; } mobile-services .responsive-web-development-row .image-holder { margin: 0 auto; top:35px; width: 100%; } #mobile-services .our-services-stripe .span-services a h3 {/* bottom: -180px;*/ color: #333333; font-size: 22px; position: relative; text-decoration: none; } #about-us header { padding:130px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/working-background.jpg) repeat 50% 0; background-position: 50% 36.45% !important;} #mobile-services { background: white; font-family: "NoticiaTextRegular", serif; } #mobile-services h2 { position: relative; } #mobile-services p { position: relative; } #mobile-services a { position: relative; } #mobile-services a:hover { text-decoration: none; } #mobile-services .text-holder, #mobile-services .image-holder { position: relative; } #mobile-services .mobile-services-container { height: 200px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); background: none repeat scroll 0 0 #CC292C; border-radius: 20px 20px 20px 20px; color: white; display: block; font-family: "NoticiaTextRegular",serif; font-size: 15px; height: 40px; line-height: 40px; margin: 0 auto; max-width: 160px; z-index: 100; } #mobile-services .mobile-services-row, #mobile-services .responsive-web-development-row, #mobile-services .e-commerce-row, #mobile-services .lease-a-team-row { height: 200px; overflow: hidden; background: transparent /*url(/web/20161028171533im_/http://lightspeedml.com/img/slider/slider-background-changed.jpg)*/ center top scroll; width:100%;} /*#mobile-services .lease-a-team-row {background: none; }*/ /* #mobile-services .mobile-services-row .image-holder { margin: 0 auto; width: 80%; } */ #mobile-services .mobile-services-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/responsive-screen-70-smaller-mobile-small-new.png) center top scroll no-repeat; height: 200px; } #mobile-services .mobile-services-row .text-holder { margin: 0 auto; width: 100%; z-index: 100; float: left; margin-top:60px;} #mobile-services .responsive-web-development-row .text-holder { float: left; margin: 0 auto; top: 50px; width: 100%; z-index: 100; } /* #mobile-services .responsive-web-development-row .image-holder { top: 25px; width: 100%; } */ #mobile-services .responsive-web-development-row .image-holder { margin-top:30px;background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/ecommerce-screen-70-smaller-mobile-small-new.png)center top scroll no-repeat; height: 200px; margin-left:50px;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .e-commerce-row .image-holder { height:300px; background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/slider-mobile-70-smaller-mobile-small-new.png) center top scroll no-repeat;} #mobile-services .mobile-services-text-stripe { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 237px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:white; margin-top:50px; } #mobile-services .mobile-services-text-stripe p { color: #f6f6f6; font-family: arial, sans-serif; } #mobile-services .lease-a-team-row .image-holder { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/slider/lease-team-screen-70-smaller-mobile-small-new.png)top center no-repeat; height:200px; margin-top:130px;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100;margin-top:60px; } #mobile-services .our-services-stripe { background: #f6f6f6 url(/web/20161028171533im_/http://lightspeedml.com/img/our-services-background.png) repeat scroll; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 30%; float:left; margin-top: 85px; padding: 0 2px; } #mobile-services .our-services-stripe .span-services a { display: block; vertical-align: bottom; height: 200px; clear: both; } #mobile-services .our-services-stripe .span-services a h3 { position: relative; bottom: -180px; color: #333; text-decoration: none; font-size: 28px; } #mobile-services .our-services-stripe .span-services a:hover { background-position: center -300px !important; text-decoration: none; color:#cc292c; } #mobile-services .our-services-stripe .span-services a h3:hover { color:#cc292c; } #mobile-services .our-services-stripe .span-services a.e-commerce { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(/web/20161028171533im_/http://lightspeedml.com/img/team-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services p { margin-top: 20px; font-family: arial, sans-serif; font-size: 14px; line-height: 20px; } #mobile-services .our-services-stripe .container { width: 100%; } #mobile-services .lease-a-team-row .image-holder { height: 300px; top:-160px; } /* MOBILE SMALL ENDS */ /* Index Page First Section @min-width 600px */ @media (min-width: 600px) and (max-width: 799px) { #mobile-services .e-commerce-row .image-holder { margin: 0 auto; top: 150px; width: 80%; } #mobile-services .our-services-stripe .span-services { float: left; margin-top: 85px; width: 30%; } #mobile-services .our-services-stripe .span-services a h3 { bottom: -180px; color: #333333; font-size: 22px; position: relative; text-decoration: none; } } /* Index Page First Section @min-width 800px */ @media (min-width: 800px) and (max-width: 1023px) { #mobile-services .our-services-stripe .span-services { float: left; margin-top: 85px; width: 30%; } #mobile-services .e-commerce-row .image-holder { margin: 0 auto; top:70px;} #mobile-services .mobile-services-row .image-holder { margin: 0 auto; top:70px; } mobile-services .responsive-web-development-row .image-holder { margin: 0 auto; top:70px; } } /* Privacy policy Page */ ol.roman-capital { list-style-type:upper-roman; } ol.roman-small { list-style-type:lower-roman; } .strong { font-weight: bold; } .privacy-policy h1 { font-size: 60px; line-height: 60px; margin: 33px 0; text-align:center;} .privacy-policy { color:#686868; } .privacy-policy dt { font-size: 25px; line-height: 25px; margin-top: 30px; margin-bottom: 10px; font-weight: normal; } /* Magento Page */ .magento-page h3 { font-size: 18px; line-height: 25px; margin: 20px 0; text-align: center; color: #929292; } .magento-page h1 { font-size: 60px; line-height: 60px; text-align: center; margin-top: 30px; } .magento-page #partnership .row { width: 840px; margin: 0 auto; } .magento-page #magento-link { margin-bottom: 50px; display: block; } .magento-page p { font-size: 18px; text-align: center; color: #686868; line-height: 24px; } .magento-page .image-holder img { margin: 40px auto; display: block; } .magento-page hr { width: 30px; margin: 10px auto; } .magento-page .visit-magedev { display:block; font-size: 26px; line-height: 30px; margin: 10px 0 40px; text-align: center; text-decoration: underline; color: #000; font-weight: bold; } .magento-page h4 { font-weight: bold; font-size: 26px; line-height: 30px; text-align: center; } /* Magento Page @max-width: 1023*/ @media (max-width: 1023px) { .magento-page #partnership .row { width: 100% !important; margin: 0 auto; } } /* Magento Page @max-width: 479px*/ @media (max-width: 479px) { .magento-page .visit-magedev { font-size: 20px !important; } .magento-page h1 { font-size: 30px; line-height: 30px; } } /* Drupal WP Page @min-width: 1280 px*/ @media (min-width: 1280px) { .drupal-wp-page h3 { font-size: 18px; line-height: 25px; margin: 32px 0; text-align: center; color: #929292; } .drupal-wp-page h1 { font-size: 60px; line-height: 60px; text-align: center; margin-top: 30px; } .drupal-wp-page #partnership .row { width: 840px; margin: 0 auto; } .drupal-wp-page #partnership img { display:block; margin: 50px auto; } .drupal-wp-page #drupal-wp-link { margin-bottom: 50px; display: block; } .drupal-wp-page p { font-size: 16px; text-align: center; color: #686868; line-height: 24px; } .drupal-wp-page h2 { font-size: 40px; line-height: 50px; margin: 20px auto; text-align: center; } .drupal-wp-page .image-holder img { margin: 40px auto; display: block; } .drupal-wp-page hr { width: 30px; margin: 10px auto; } .drupal-wp-page .visit-magedev { display:block; font-size: 26px; line-height: 30px; margin: 10px 0 40px; text-align: center; text-decoration: underline; color: #000; font-weight: bold; } .drupal-wp-page h4 { font-weight: bold; font-size: 26px; line-height: 30px; text-align: center; } .drupal-wp-page .column h4 { font-weight: normal; } .drupal-wp-page .column { float:left; width:500px; padding:30px; } .drupal-wp-page .right + h3 { color: black; font-size: 40px; line-height:60px; } } /* Drupal WP Page @min-width: 1024 px max-width: 1279px */ @media (min-width: 1024px) and (max-width: 1279px) { .drupal-wp-page h3 { font-size: 18px; line-height: 25px; margin: 20px 0; text-align: center; color: #929292; } .drupal-wp-page h1 { font-size: 60px; line-height: 60px; text-align: center; margin-top: 30px; } .drupal-wp-page #partnership .row { width: 840px; margin: 0 auto; } .drupal-wp-page #partnership img { display:block; margin: 50px auto; } .drupal-wp-page #drupal-wp-link { margin-bottom: 50px; display: block; } .drupal-wp-page p { font-size: 16px; text-align: center; color: #686868; line-height: 24px; } .drupal-wp-page h2 { font-size: 40px; line-height: 50px; margin: 20px auto; text-align: center; } .drupal-wp-page .image-holder img { margin: 40px auto; display: block; } .drupal-wp-page hr { width: 30px; margin: 10px auto; } .drupal-wp-page .visit-magedev { display:block; font-size: 26px; line-height: 30px; margin: 10px 0 40px; text-align: center; text-decoration: underline; color: #000; font-weight: bold; } .drupal-wp-page h4 { font-weight: bold; font-size: 26px; line-height: 30px; text-align: center; } .drupal-wp-page .column h4 { font-weight: normal; } .drupal-wp-page .column { float:left; width:430px; padding:20px; } .drupal-wp-page .right + h3 { color: black; font-size: 40px; line-height:60px; } } /* Lease a Team @min-width: 1280px */ @media (min-width: 1280px) { #lease-a-team { background: #fff; text-align: center; overflow: auto; padding-bottom: 40px; } #lease-a-team #headline-holder { margin-bottom: 10px; } #lease-a-team .box-intro { padding:50px 0; text-align:center; } #lease-a-team .box-intro h1 { font-size: 80px; line-height: 80px; } #lease-a-team p, #team p { font-size: 18px; line-height: 20px; color: #929292; } #team header { padding:100px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team-background.jpg) repeat 50% 810px; } #team { background: white; text-align: center; } #team h3 { text-align: center; font-size: 40px; line-height: 60px; margin-top: 40px; margin-bottom: 20px; } #team hr { width: 30px; margin: 10px auto; background: transparent; height: 1px; border-bottom: 1px solid; border-color: black; border-top: none; } #team .column { width: 400px; margin: 40px 0; float:left; } #team .teams { background: #f3f0e0; padding: 30px 0; margin: 0 30px; } #team .work-time { background: #f3f0e0; padding: 30px 0; margin: 0 30px; } #team h4 { font-size: 30px; line-height: 40px; margin-bottom: 20px; } #team p { font-size: 16px; } } /* Lease a Team @min-width: 1024px; max-width: 1279px; */ @media (min-width: 1024px) and (max-width: 1279px) { #lease-a-team { background: #fff; text-align: center; overflow: auto; padding-bottom: 40px; } #lease-a-team #headline-holder { margin-bottom: 10px; } #lease-a-team .box-intro { padding:50px 0; text-align:center; } #lease-a-team .box-intro h1 { font-size: 80px; line-height: 80px; } #lease-a-team p, #team p { font-size: 18px; line-height: 20px; color: #929292; } #team header { padding:100px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team-background.jpg) repeat 50% 810px; } #team { background: white; text-align: center; } #team h3 { text-align: center; font-size: 40px; line-height: 60px; margin-top: 40px; margin-bottom: 20px; } #team hr { width: 30px; margin: 10px auto; background: transparent; height: 1px; border-bottom: 1px solid; border-color: black; border-top: none; } #team .column { width: 320px; margin: 40px 0; float:left; } #team .teams { background: #f3f0e0; padding: 30px 0; margin: 0 30px; } #team .work-time { background: #f3f0e0; padding: 30px 0; margin: 0 30px; } #team h4 { font-size: 30px; line-height: 40px; margin-bottom: 20px; } #team p { font-size: 16px; } } /* Lease a Team @max-width: 1023px; */ @media (max-width: 1023px) { #lease-a-team { background: #fff; text-align: center; overflow: auto; padding-bottom: 40px; } #lease-a-team #headline-holder { margin-bottom: 10px; } #lease-a-team .box-intro { padding:50px 0; text-align:center; } #lease-a-team .box-intro h1 { font-size: 60px; line-height: 60px; } #lease-a-team p, #team p { font-size: 18px; line-height: 20px; color: #929292; } #team header { padding:100px 0; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/lease-a-team-background.jpg) repeat 50% 810px; } #team { background: white; text-align: center; } #team h3 { text-align: center; font-size: 40px; line-height: 60px; margin-top: 40px; margin-bottom: 20px; } #team hr { width: 30px; margin: 10px auto; background: transparent; height: 1px; border-bottom: 1px solid; border-color: black; border-top: none; } #team .column { width: 400px; margin: 40px auto; } #team .teams { background: #f3f0e0; padding: 30px 0; margin: 0 30px; } #team .work-time { background: #f3f0e0; padding: 30px 0; margin: 0 30px; } #team h4 { font-size: 30px; line-height: 40px; margin-bottom: 20px; } #team p { font-size: 16px; } } /* Lease a Team @max-width: 479px; */ @media (max-width: 479px) { #team .column { margin: 40px auto; width: 100%; } #lease-a-team .box-intro h1 { font-size: 30px; line-height: 30px; } #team h3 { font-size: 25px; line-height: 25px; } #case-grid li h2 { font-size: 20px; } } /* Our Process @min-width: 1280px */ @media (min-width: 1280px) { #process .our-process a { text-decoration: none; color: #686868; } #process .our-process a:hover { text-decoration: none; color: #696969; } #process .our-process { list-style: none; position: relative; top: -60px; } #process .our-process li { display: inline-block; width: 13.5%; text-align: center; vertical-align: top; font: 18px/24px "NoticiaTextRegular", serif; } #process .our-process li span { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); position: relative; display: block; width: 45px; height: 45px; border-radius: 22px; margin: 0 auto; font: 18px/45px "Arial", sans-serif; color: white; font-weight: bold; } #process .our-process li span#s1 { background: #e56469; } #process .our-process li span#s2 { background: #df805a; } #process .our-process li span#s3 { background: #e3d63e; } #process .our-process li span#s4 { background: #a3d660; } #process .our-process li span#s5 { background: #79a068; } #process .our-process li span#s6 { background: #77c9be; } #process .our-process li span#s7 { background: #8f98cf; } #process ul { list-style: none; text-align: center; font-size: 18px; } #process ul li { line-height: 24px; color: #686868; } #process .column li:before { content: "— "; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-top: 44px;} #process .column h4.step { font: 25px/25px "NoticiaTextRegular", serif; color: black; margin-bottom:15px; } #process .column h3.s1 { color: #e56469; } #process .column h3.s2 { color: #df805a; } #process .column h3.s3 { color: #e3d63e; } #process .column h3.s4 { color: #a3d660; } #process .column h3.s5 { color: #79a068; } #process .column h3.s6 { color: #77c9be; } #process .column h3.s7 { color: #8f98cf; } #process .column-wrapper { overflow: auto; } .offices .thumb-box img { margin-bottom:15px; width:100%; } .offices .thumb-box p { line-height:24px; color:#686868; font-size:14px; } .offices .thumb-box h3 { font-size:30px; margin-top: 0px; border-top:10px solid #dedede; padding-top:15px; margin-bottom:15px; color: black; text-align: left; } .offices .thumb-box h4 { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:black; line-height:24px; margin-bottom:5px; color: black; text-align: left; } .offices { margin-bottom:40px; margin-top:50px; } } /* Our Process @min-width: 1024px and max-width: 1279px */ @media (min-width: 1024px) and (max-width: 1279px) { #process .our-process a { text-decoration: none; color: #686868; } #process .our-process a:hover { text-decoration: none; color: #696969; } #process .our-process { list-style: none; position: relative; top: -60px; } #process .our-process li { display: inline-block; width: 13.5%; text-align: center; vertical-align: top; font: 18px/24px "NoticiaTextRegular", serif;} #process .our-process li span { position: relative; display: block; width: 45px; height: 45px; border-radius: 22px; margin: 0 auto; font: 18px/45px "Arial", sans-serif; color: white; font-weight: bold; } #process .our-process li span#s1 { background: #e56469; } #process .our-process li span#s2 { background: #df805a; } #process .our-process li span#s3 { background: #e3d63e; } #process .our-process li span#s4 { background: #a3d660; } #process .our-process li span#s5 { background: #79a068; } #process .our-process li span#s6 { background: #77c9be; } #process .our-process li span#s7 { background: #8f98cf; } #process ul { list-style: none; text-align: center; font-size: 18px; } #process ul li { line-height: 24px; color: #686868; } #process .column { float: left; padding: 10px; width: 450px; } #process .column li:before { content: "— "; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-top: 50px;} #process .column h4.step { font: 25px/25px "NoticiaTextRegular", serif; color: black; margin-bottom:15px; } #process .column h3.s1 { color: #e56469; } #process .column h3.s2 { color: #df805a; } #process .column h3.s3 { color: #e3d63e; } #process .column h3.s4 { color: #a3d660; } #process .column h3.s5 { color: #79a068; } #process .column h3.s6 { color: #77c9be; } #process .column h3.s7 { color: #8f98cf; } #process .column-wrapper { overflow: auto; } .offices .thumb-box img { margin-bottom:15px; width:100%; } .offices .thumb-box p { line-height:24px; color:#686868; font-size:14px; } .offices .thumb-box h3 { font-size:30px; margin-top: 0px; border-top:10px solid #dedede; padding-top:15px; margin-bottom:15px; color: black; text-align: left; } .offices .thumb-box h4 { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:black; line-height:24px; margin-bottom:5px; color: black; text-align: left; } .offices { margin-bottom:40px; } } /* Our Process @max-width: 1023px */ @media (max-width: 1023px) { section#process { text-align: center; } #process .our-process a { text-decoration: none; color: #686868; } #process .our-process a:hover { text-decoration: none; color: #696969; } #process .our-process { list-style: none; position: relative; top: -10px; } #process .our-process li { text-align: left; vertical-align: top; font: 18px/24px "NoticiaTextRegular", serif; margin-top: 2px;} #process .our-process li span { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); text-align: center; position: relative; display: inline-block; width: 45px; height: 45px; border-radius: 22px; margin: 0 auto; font: 18px/45px "Arial", sans-serif; color: white; font-weight: bold; } #process .our-process li span#s1 { background: #e56469; } #process .our-process li span#s2 { background: #df805a; } #process .our-process li span#s3 { background: #e3d63e; } #process .our-process li span#s4 { background: #a3d660; } #process .our-process li span#s5 { background: #79a068; } #process .our-process li span#s6 { background: #77c9be; } #process .our-process li span#s7 { background: #8f98cf; } #process ul { list-style: none; text-align: center; font-size: 18px; margin-right: 18px; } #process ul li { line-height: 24px; color: #686868; } #process .column { margin: 0 auto; padding: 10px; width: 450px; text-align: center; } #process .column li:before { content: "— "; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-top: 44px;} #process .column h4.step { font: 25px/25px "NoticiaTextRegular", serif; color: black; margin-bottom:15px; } #process .column h3.s1 { color: #e56469; } #process .column h3.s2 { color: #df805a; } #process .column h3.s3 { color: #e3d63e; } #process .column h3.s4 { color: #a3d660; } #process .column h3.s5 { color: #79a068; } #process .column h3.s6 { color: #77c9be; } #process .column h3.s7 { color: #8f98cf; } #process .column-wrapper { overflow: auto; } .offices .thumb-box img { margin-bottom:15px; width:100%; } .offices .thumb-box p { line-height:24px; color:#686868; font-size:14px; } .offices .thumb-box h3 { font-size:30px; border-top:10px solid #dedede; padding-top:15px; margin-bottom:15px; color: black; text-align: left; } .offices .thumb-box h4 { font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; color:black; line-height:24px; margin-bottom:5px; color: black; text-align: left; } .offices { margin-bottom:40px; } } /* Our Process @max-width: 479px */ @media (max-width: 479px) { #process .column { float: left; padding: 10px; width: inherit !important; } } /* Contact Us @min-width: 1280px */ @media (min-width: 1280px) { #contact header .services-list-item { margin: 50px; } } /* Contact Us @min-width: 1024px */ @media (min-width: 1024px) { #contact header.header-thanks { height:406px; padding-top:70px; margin-top:0px !important; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/contact-us-background.jpg) repeat 0 100%; } #contact header { height:406px; padding-top:70px; margin-top:40px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/contact-us-background.jpg) repeat 0 100%; } #contact header .services-list-item { background: url(/web/20161028171533im_/http://lightspeedml.com/img/services-list-background.png) no-repeat 50% 0; text-align: center; width: 300px; height:300px; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/services-list-background.png',sizingMethod='scale')"; } #contact header .services-list-item img#phone, #contact header .services-list-item img#email { padding-top:90px; } #contact header .services-list-item p#social { padding-top:50px; } #contact header .services-list-item p { font-size: 18px; color: #fff; line-height: 50px; width: 68%; margin: 0 16%; } #contact header .services-list-item p.red { color: #cc262c; border-bottom: 1px solid #262626; display:inline-block; margin: 0; width: auto; line-height:24px; font-size: 20px; } #contact header .row { height: 100px; } #contact header a, #contact header a:hover { text-decoration: none; color: #cc292c; font-size: 18px;} #contact-form #form { margin-top: 40px; } #contact-form #form input, #contact-form #form textarea { width: 600px; padding: 10px; } #contact-form #form label { font-size: 16px; } #questionaire .container { border-top: 1px solid #f1f1f1; } #questionaire .start-project-btn { font-size:25px; background-color: #d7d7d7; color: black; } } /* Contact Us @max-width: 1023px */ @media (max-width: 1023px) { section#contact { text-align:center; } #contact header { background: url("/web/20161028171533im_/http://lightspeedml.com/img/contact-us-background.jpg") repeat scroll 0 90% / cover transparent; height: 510px; padding-top: 10px; } #contact header .services-list-item { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); background: none repeat scroll 0 0 black; border-radius: 50px; height: 150px; margin: 10px auto; text-align: center; width:80%; float: none; } #contact header .services-list-item p#social { padding:50px 50px 0 0; } #contact header .services-list-item p { font-size: 18px; color: #fff; line-height: 50px; display: inline-block; padding-top:50px; } #contact header .services-list-item p.red { color: #cc262c; border-bottom: 1px solid #262626; display:inline; margin: 0; width: auto; line-height:24px; font-size: 20px; } #contact header .row { height: 100px; } #contact header a, #contact header a:hover { text-decoration: none; color: #cc292c; } #contact-form #form { margin-top: 40px; } #contact-form #form input, #contact-form #form textarea { width: 400px; padding: 10px; } #contact-form #form label { font-size: 16px; } #questionaire .container { border-top: 1px solid #f1f1f1; } #questionaire .start-project-btn { font-size:30px; background-color: #d7d7d7; color: black; } } /* Contact Us @max-width: 479px */ @media (max-width: 479px) { #contact-form #form input, #contact-form #form textarea { padding: 10px; width: 90%; } #questionaire .start-project-btn { background-color: #D7D7D7; color: black; font-size: 20px; } #contact header .services-list-item p#social { padding: 50px 0 0; } #contact header .services-list-item { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); background: none repeat scroll 0 0 black; border-radius: 50px; height: 150px; margin: 10px auto; text-align: center; width:100%; float: left; } #contact header .services-list-item p.red a { white-space: nowrap; } } /* About Us Index page Header @max-width: 799px */ @media (max-width: 799px) { #about-us header p { width:100%; padding: 20px 0; } } /* Services page @min-width: 1024px and @max-width:1279px */ @media (min-width: 1024px) and (max-width: 1279px) { #services-list header .services-list-item { margin-left:0 !important; } } /* Services page @max-width: 1023px */ @media (max-width: 1023px) { #services-list header .services-list-item { margin-left:0 !important; float: none; clear: both; margin: 0 auto !important; width: 300px; } } #page-404 .conteiner-404page{ border-bottom: 2px solid #f1f1f1; background:url(/web/20161028171533im_/http://lightspeedml.com/img/background-404page.png) no-repeat scroll 105px 120px; min-height:660px; position:relative; } #page-404 .kid{ position:absolute; width:202px; height:395px; top:85px; left:270px; } #page-404 .page-text{ float:right; width:493px; margin-top:180px; font-family:"NoticiaTextRegular", serif; font-size:18px; } #page-404 h1{ font-size:79px; color:#d4232b; } #page-404 h1 span{ font-size:118px; color:#d4232b; } #page-404 h2{ margin-top:19px; font-size:40px; color:#black; } #page-404 .text{ margin-top:32px; font-size:18px; font-family:"NoticiaTextRegular", serif; line-height:27px; } #page-404 .page-text ul{ margin-left:51px; list-style:none; margin-top:26px; margin-bottom:35px; font-size:18px; font-family:"NoticiaTextRegular", serif; line-height:27px; } #page-404 .page-text li{ list-style:none; margin-top:7px; font-size:18px; font-family:"NoticiaTextRegular", serif; line-height:27px; } #page-404 .texts{ font-size:18px; font-family:"NoticiaTextRegular", serif; line-height:27px; margin-left:51px; } #page-404 .texts a{ font-size:18px; font-family:"NoticiaTextRegular", serif; color:#d4232b; } #page-404 .search{ float:left; text-align:center; min-height:250px; width:100%; padding-top:35px; } .hover-kid{ display:none; position:absolute; top: -44px; left:172px; background:url(/web/20161028171533im_/http://lightspeedml.com/img/balloon.png) no-repeat; width:236px; height:196px; font-family:"NoticiaTextRegular", serif; } .kid-text{ margin-top:18px; margin-left:38px; font-family:"NoticiaTextRegular", serif; font-size:18px; text-align:center; line-height:24px; } .kid-title{ margin-top:46px; margin-left:38px; font-family:"NoticiaTextRegular", serif; font-size:36px; text-align:center; color:#ffffff; } .kid-img:hover .hover-images { display:block !important;} .kid-text{color:#ffffff; font-size:18px;} input.error[type="text"] { border: 1px solid red; } textarea.error[type="text"] { border: 1px solid red; } .start-project .start-project-btn-thank { behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); color:#ffffff; font-size:40px; font-weight:bold; margin:30px auto; max-width:370px; height:75px; line-height:75px; border-radius:40px; background:#cc292c; padding:0 20px; text-decoration:none; display:block; position:relative; margin-bottom:40px;} /* creative_and_branding */ #creative_and_branding{ background: #fff;} #creative_and_branding header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #creative_and_branding p { color: #686868; font-size: 16px; line-height: 24px; } #creative_and_branding .web-services-desc { padding: 0 0 50px 0;} #creative_and_branding .content-text {max-width:585px; float:right;} #creative_and_branding .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #creative_and_branding .content-text li {line-height: 35px; margin-right: 36px;} #creative_and_branding .box-title {padding: 90px 0 15px; text-align: left;} #creative_and_branding .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #creative_and_branding p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #creative_and_branding p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #creative_and_branding .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #creative_and_branding .span10{width:100%;} #creative_and_branding [class*="span"] {margin-left:0px;} /*#creative_and_branding .web-services-desc { padding: 0 0 50px 0;}*/ #creative_and_branding p.headline-paragraf { margin-bottom: 25px; } #creative_and_branding p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #creative_and_branding p.headline-small { margin-bottom: 0px; color: #000; } #creative_and_branding .box-intro h1 { font-size: 57px; line-height: 63px; } #creative_and_branding .box-intro { padding:60px 0 15px 0; text-align:center;} #creative_and_branding .platforms { margin-bottom: 25px; margin-top: 38px;} #creative_and_branding .platforms .span2 { margin-left: 0px; } #creative_and_branding .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #creative_and_branding .platforms .first { margin-left: 30px;} #creative_and_branding .platforms .row {margin-bottom: 25px; } #creative_and_branding .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #creative_and_branding .offset2 { margin-left: 12px; margin-right: 5px;} #creative_and_branding .servicesPagesNav {margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #creative_and_branding .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #creative_and_branding .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #creative_and_branding .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #creative_and_branding a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #creative_and_branding .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #creative_and_branding .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #creative_and_branding .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #creative_and_branding .headline-paragrafs {display:none; } #creative_and_branding .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #creative_and_branding .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #creative_and_branding .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #creative_and_branding .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* creative_and_branding max-width:599px */ @media (max-width: 599px) { #creative_and_branding .box-intro h1 { font-size:50px; line-height: 50px; } } /* strategy_and_consulting */ #strategy_and_consulting{ background: #fff;} #strategy_and_consulting header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #strategy_and_consulting p { color: #686868; font-size: 16px; line-height: 24px; } #strategy_and_consulting .web-services-desc { padding: 0 0 50px 0;} #strategy_and_consulting .content-text {max-width:585px; float:right;} #strategy_and_consulting .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #strategy_and_consulting .content-text li {line-height: 35px; margin-right: 36px;} #strategy_and_consulting .box-title {padding: 90px 0 15px; text-align: left;} #strategy_and_consulting .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #strategy_and_consulting p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #strategy_and_consulting p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #strategy_and_consulting .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #strategy_and_consulting .span10{width:100%;} #strategy_and_consulting [class*="span"] {margin-left:0px;} /*#strategy_and_consulting .web-services-desc { padding: 0 0 50px 0;}*/ #strategy_and_consulting p.headline-paragraf { margin-bottom: 25px; } #strategy_and_consulting p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #strategy_and_consulting p.headline-small { margin-bottom: 0px; color: #000; } #strategy_and_consulting .box-intro h1 { font-size: 57px; line-height: 63px; } #strategy_and_consulting .box-intro { padding:60px 0 15px 0; text-align:center;} #strategy_and_consulting .platforms { margin-bottom: 25px; margin-top: 38px;} #strategy_and_consulting .platforms .span2 { margin-left: 0px; } #strategy_and_consulting .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #strategy_and_consulting .platforms .first { margin-left: 30px;} #strategy_and_consulting .platforms .row {margin-bottom: 25px; } #strategy_and_consulting .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #strategy_and_consulting .offset2 { margin-left: 12px; margin-right: 5px;} #strategy_and_consulting .servicesPagesNav {margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #strategy_and_consulting .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #strategy_and_consulting .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #strategy_and_consulting .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #strategy_and_consulting a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #strategy_and_consulting .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #strategy_and_consulting .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #strategy_and_consulting .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #strategy_and_consulting .headline-paragrafs {display:none; } #strategy_and_consulting .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #strategy_and_consulting .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #strategy_and_consulting .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #strategy_and_consulting .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* strategy_and_consulting max-width:599px */ @media (max-width: 599px) { #strategy_and_consulting .box-intro h1 { font-size:50px; line-height: 50px; } } /* web_design_and_development */ #web_design_and_development{ background: #fff;} #web_design_and_development header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #web_design_and_development p { color: #686868; font-size: 16px; line-height: 24px; } #web_design_and_development .web-services-desc { padding: 0 0 50px 0;} #web_design_and_development .content-text {max-width:585px; float:right;} #web_design_and_development .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 75px; line-height:26px;} #web_design_and_development .content-text li {line-height: 35px; margin-right: 36px;} #web_design_and_development .box-title {padding: 90px 0 15px; text-align: left;} #web_design_and_development .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #web_design_and_development p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #web_design_and_development p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #web_design_and_development .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #web_design_and_development .span10{width:100%;} #web_design_and_development [class*="span"] {margin-left:0px;} /*#web_design_and_development .web-services-desc { padding: 0 0 50px 0;}*/ #web_design_and_development p.headline-paragraf { margin-bottom: 25px; } #web_design_and_development p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #web_design_and_development p.headline-small { margin-bottom: 0px; color: #000; } #web_design_and_development .box-intro h1 { font-size: 57px; line-height: 63px; } #web_design_and_development .box-intro { padding:60px 0 15px 0; text-align:center;} #web_design_and_development .platforms { margin-bottom: 25px; margin-top: 38px;} #web_design_and_development .platforms .span2 { margin-left: 0px; } #web_design_and_development .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #web_design_and_development .platforms .first { margin-left: 30px;} #web_design_and_development .platforms .row {margin-bottom: 25px; } #web_design_and_development .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #web_design_and_development .offset2 { margin-left: 12px; margin-right: 5px;} #web_design_and_development .servicesPagesNav {margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #web_design_and_development .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #web_design_and_development .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #web_design_and_development .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #web_design_and_development a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #web_design_and_development .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #web_design_and_development .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #web_design_and_development .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #web_design_and_development .headline-paragrafs {display:none; } #web_design_and_development .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #web_design_and_development .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #web_design_and_development .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #web_design_and_development .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* web_design_and_development max-width:599px */ @media (max-width: 599px) { #web_design_and_development .box-intro h1 { font-size:50px; line-height: 50px; } } /* interaction_and_ux_design */ #interaction_and_ux_design{ background: #fff;} #interaction_and_ux_design header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #interaction_and_ux_design p { color: #686868; font-size: 16px; line-height: 24px; } #interaction_and_ux_design .web-services-desc { padding: 0 0 50px 0;} #interaction_and_ux_design .content-text {max-width:585px; float:right;} #interaction_and_ux_design .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #interaction_and_ux_design .content-text li {line-height: 35px; margin-right: 36px;} #interaction_and_ux_design .box-title {padding: 90px 0 15px; text-align: left;} #interaction_and_ux_design .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #interaction_and_ux_design p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #interaction_and_ux_design p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #interaction_and_ux_design .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #interaction_and_ux_design .span10{width:100%;} #interaction_and_ux_design [class*="span"] {margin-left:0px;} /*#interaction_and_ux_design .web-services-desc { padding: 0 0 50px 0;}*/ #interaction_and_ux_design p.headline-paragraf { margin-bottom: 25px; } #interaction_and_ux_design p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #interaction_and_ux_design p.headline-small { margin-bottom: 0px; color: #000; } #interaction_and_ux_design .box-intro h1 { font-size: 57px; line-height: 63px; } #interaction_and_ux_design .box-intro { padding:60px 0 15px 0; text-align:center;} #interaction_and_ux_design .platforms { margin-bottom: 25px; margin-top: 38px;} #interaction_and_ux_design .platforms .span2 { margin-left: 0px; } #interaction_and_ux_design .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #interaction_and_ux_design .platforms .first { margin-left: 30px;} #interaction_and_ux_design .platforms .row {margin-bottom: 25px; } #interaction_and_ux_design .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #interaction_and_ux_design .offset2 { margin-left: 12px; margin-right: 5px;} #interaction_and_ux_design .servicesPagesNav { margin-bottom: 50px;clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #interaction_and_ux_design .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #interaction_and_ux_design .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #interaction_and_ux_design .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #interaction_and_ux_design a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #interaction_and_ux_design .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #interaction_and_ux_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #interaction_and_ux_design .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #interaction_and_ux_design .headline-paragrafs {display:none; } #interaction_and_ux_design .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #interaction_and_ux_design .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #interaction_and_ux_design .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #interaction_and_ux_design .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* interaction_and_ux_design max-width:599px */ @media (max-width: 599px) { #interaction_and_ux_design .box-intro h1 { font-size:50px; line-height: 50px; } } /* web_application */ #web_application{ background: #fff;} #web_application header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #web_application p { color: #686868; font-size: 16px; line-height: 24px; } #web_application .web-services-desc { padding: 0 0 50px 0;} #web_application .content-text {max-width:585px; float:right;} #web_application .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #web_application .content-text li {line-height: 35px; margin-right: 36px;} #web_application .box-title {padding: 90px 0 15px; text-align: left;} #web_application .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #web_application p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #web_application p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #web_application .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #web_application .span10{width:100%;} #web_application [class*="span"] {margin-left:0px;} /*#web_application .web-services-desc { padding: 0 0 50px 0;}*/ #web_application p.headline-paragraf { margin-bottom: 25px; } #web_application p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #web_application p.headline-small { margin-bottom: 0px; color: #000; } #web_application .box-intro h1 { font-size: 57px; line-height: 63px; } #web_application .box-intro { padding:60px 0 15px 0; text-align:center;} #web_application .platforms { margin-bottom: 25px; margin-top: 38px;} #web_application .platforms .span2 { margin-left: 0px; } #web_application .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #web_application .platforms .first { margin-left: 30px;} #web_application .platforms .row {margin-bottom: 25px; } #web_application .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #web_application .offset2 { margin-left: 12px; margin-right: 5px;} #web_application .servicesPagesNav {margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #web_application .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #web_application .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #web_application .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #web_application a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #web_application .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #web_application .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #web_application .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #web_application .headline-paragrafs {display:none; } #web_application .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #web_application .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #web_application .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #web_application .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* web_application max-width:599px */ @media (max-width: 599px) { #web_application .box-intro h1 { font-size:50px; line-height: 50px; } } /* mobile_design */ #mobile_design{ background: #fff;} #mobile_design header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #mobile_design p { color: #686868; font-size: 16px; line-height: 24px; } #mobile_design .web-services-desc { padding: 0 0 50px 0;} #mobile_design .content-text {max-width:585px; float:right;} #mobile_design .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #mobile_design .content-text li {line-height: 35px; margin-right: 36px;} #mobile_design .box-title {padding: 90px 0 15px; text-align: left;} #mobile_design .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #mobile_design p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #mobile_design p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #mobile_design .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #mobile_design .span10{width:100%;} #mobile_design [class*="span"] {margin-left:0px;} /*#mobile_design .web-services-desc { padding: 0 0 50px 0;}*/ #mobile_design p.headline-paragraf { margin-bottom: 25px; } #mobile_design p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #mobile_design p.headline-small { margin-bottom: 0px; color: #000; } #mobile_design .box-intro h1 { font-size: 57px; line-height: 63px; } #mobile_design .box-intro { padding:60px 0 15px 0; text-align:center;} #mobile_design .platforms { margin-bottom: 25px; margin-top: 38px;} #mobile_design .platforms .span2 { margin-left: 0px; } #mobile_design .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #mobile_design .platforms .first { margin-left: 30px;} #mobile_design .platforms .row {margin-bottom: 25px; } #mobile_design .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #mobile_design .offset2 { margin-left: 12px; margin-right: 5px;} #mobile_design .servicesPagesNav { margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #mobile_design .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #mobile_design .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #mobile_design .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #mobile_design a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #mobile_design .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #mobile_design .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #mobile_design .headline-paragrafs {display:none; } #mobile_design .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #mobile_design .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #mobile_design .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #mobile_design .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* mobile_design max-width:599px */ @media (max-width: 599px) { #mobile_design .box-intro h1 { font-size:50px; line-height: 50px; } } /* seo_and_online_marketing */ #seo_and_online_marketing { background: #fff;} #seo_and_online_marketing header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #seo_and_online_marketing p { color: #686868; font-size: 16px; line-height: 24px; } #seo_and_online_marketing .web-services-desc { padding: 0 0 50px 0;} #seo_and_online_marketing .content-text {max-width:585px; float:right;} #seo_and_online_marketing .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 95px; line-height:26px;} #seo_and_online_marketing .content-text li {line-height: 35px; margin-right: 36px;} #seo_and_online_marketing .box-title {padding: 90px 0 15px; text-align: left;} #seo_and_online_marketing .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #seo_and_online_marketing p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #seo_and_online_marketing p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #seo_and_online_marketing .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #seo_and_online_marketing .span10{width:100%;} #seo_and_online_marketing [class*="span"] {margin-left:0px;} /*#seo_and_online_marketing .web-services-desc { padding: 0 0 50px 0;}*/ #seo_and_online_marketing p.headline-paragraf { margin-bottom: 25px; } #seo_and_online_marketing p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #seo_and_online_marketing p.headline-small { margin-bottom: 0px; color: #000; } #seo_and_online_marketing .box-intro h1 { font-size: 57px; line-height: 63px; } #seo_and_online_marketing .box-intro { padding:60px 0 15px 0; text-align:center;} #seo_and_online_marketing .platforms { margin-bottom: 25px; margin-top: 38px;} #seo_and_online_marketing .platforms .span2 { margin-left: 0px; } #seo_and_online_marketing .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #seo_and_online_marketing .platforms .first { margin-left: 30px;} #seo_and_online_marketing .platforms .row {margin-bottom: 25px; } #seo_and_online_marketing .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #seo_and_online_marketing .offset2 { margin-left: 12px; margin-right: 5px;} #seo_and_online_marketing .servicesPagesNav {margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #seo_and_online_marketing .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #seo_and_online_marketing .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #seo_and_online_marketing .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #seo_and_online_marketing a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #seo_and_online_marketing .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #seo_and_online_marketing .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #seo_and_online_marketing .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #seo_and_online_marketing .headline-paragrafs {display:none; } #seo_and_online_marketing .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #seo_and_online_marketing .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #seo_and_online_marketing .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #seo_and_online_marketing .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* seo_and_online_marketing max-width:599px */ @media (max-width: 599px) { #seo_and_online_marketing .box-intro h1 { font-size:50px; line-height: 50px; } } /* social_media */ #social_media { background: #fff;} #social_media header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #social_media p { color: #686868; font-size: 16px; line-height: 24px; } #social_media .web-services-desc { padding: 0 0 50px 0;} #social_media .content-text {max-width:585px; float:right;} #social_media .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #social_media .content-text li {line-height: 35px; margin-right: 36px;} #social_media .box-title {padding: 90px 0 15px; text-align: left;} #social_media .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #social_media p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #social_media p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #social_media .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #social_media .span10{width:100%;} #social_media [class*="span"] {margin-left:0px;} /*#social_media .web-services-desc { padding: 0 0 50px 0;}*/ #social_media p.headline-paragraf { margin-bottom: 25px; } #social_media p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #social_media p.headline-small { margin-bottom: 0px; color: #000; } #social_media .box-intro h1 { font-size: 57px; line-height: 63px; } #social_media .box-intro { padding:60px 0 15px 0; text-align:center;} #social_media .platforms { margin-bottom: 25px; margin-top: 38px;} #social_media .platforms .span2 { margin-left: 0px; } #social_media .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #social_media .platforms .first { margin-left: 30px;} #social_media .platforms .row {margin-bottom: 25px; } #social_media .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #social_media .offset2 { margin-left: 12px; margin-right: 5px;} #social_media .servicesPagesNav { margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #social_media .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #social_media .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #social_media .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #social_media a, a:active, a:link {color: #CA2128;font-size: 12px;text-decoration: none;} #social_media .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #social_media .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #social_media .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #social_media .headline-paragrafs {display:none; } #social_media .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #social_media .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #social_media .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #social_media .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* social_media max-width:599px */ @media (max-width: 599px) { #social_media .box-intro h1 { font-size:50px; line-height: 50px; } } /* online_business_analysis */ #online_business_analysis{ background: #fff;} #online_business_analysis header { padding: 0; height: 334px; background:transparent url(/web/20161028171533im_/http://lightspeedml.com/img/ecommerce-services/ecommerce-services.jpg) repeat 50% 0; background-size:cover; } #online_business_analysis p { color: #686868; font-size: 16px; line-height: 24px; } #online_business_analysis .web-services-desc { padding: 0 0 50px 0;} #online_business_analysis .content-text {max-width:585px; float:right;} #online_business_analysis .content-text ul {font-family: "NoticiaTextRegular",Georgia,serif; color:#929292; font-size:20px; /*list-style: none outside none;*/ list-style-image:url("/web/20161028171533im_/http://lightspeedml.com/img/service/arrow-list.png"); margin-left: 30px; margin-bottom: 125px; line-height:26px;} #online_business_analysis .content-text li {line-height: 35px; margin-right: 36px;} #online_business_analysis .box-title {padding: 90px 0 15px; text-align: left;} #online_business_analysis .box-title h1 {font-family: "NoticiaTextRegular",Georgia,serif;font-size:57px;line-height:67px;} #online_business_analysis p.headline-paragraf-title { margin-bottom: 25px; color:#929292; font-size:20px; margin-right: 36px;} #online_business_analysis p.headline-paragraf-text { margin-bottom: 25px; margin-right: 36px; } #online_business_analysis .cool-font-text {margin-right: 36px; font-family: "NoticiaTextRegular",Georgia,serif; font-size: 25px; margin-bottom: 45px; margin-top: 74px; color:#686868;} #online_business_analysis .span10{width:100%;} #online_business_analysis [class*="span"] {margin-left:0px;} /*#online_business_analysis .web-services-desc { padding: 0 0 50px 0;}*/ #online_business_analysis p.headline-paragraf { margin-bottom: 25px; } #online_business_analysis p.bottom-separator {padding-bottom: 15px; background: url(/web/20161028171533im_/http://lightspeedml.com/img/web-services/separator-line.png) no-repeat bottom center; margin: 0 0 15px 0;} #online_business_analysis p.headline-small { margin-bottom: 0px; color: #000; } #online_business_analysis .box-intro h1 { font-size: 57px; line-height: 63px; } #online_business_analysis .box-intro { padding:60px 0 15px 0; text-align:center;} #online_business_analysis .platforms { margin-bottom: 25px; margin-top: 38px;} #online_business_analysis .platforms .span2 { margin-left: 0px; } #online_business_analysis .platforms .span2 img { width: 90%; margin-left: 5px; max-width: 189px; } #online_business_analysis .platforms .first { margin-left: 30px;} #online_business_analysis .platforms .row {margin-bottom: 25px; } #online_business_analysis .platforms h3{ font-size: 24px; line-height: 24px; font-family: Arial; font-weight: bold; color: #212121; margin-bottom: 25px;} #online_business_analysis .offset2 { margin-left: 12px; margin-right: 5px;} #online_business_analysis .servicesPagesNav {margin-bottom: 50px; clear: none; float: left; margin-top: 200px; background:none repeat scroll 0 0 rgba(190, 29, 36, 0.9);} #online_business_analysis .servicesPagesNav ul { clear: both;float: left;padding: 38px 0 0;width: 347px;margin:0px;margin-bottom:45px;margin-left:17px;} #online_business_analysis .servicesPagesNav ul li {border-bottom:1px solid #e5656c;clear: both;float: left;list-style: none outside none;} #online_business_analysis .servicesPagesNav ul li a { display:block; width:290px; padding:16px 0 16px 36px; font-size:16px; color:#e5656c; line-height:16px; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrow.png") left no-repeat; } #online_business_analysis a, a:active, a:link {color: #CA2128;font-size: 12px; text-decoration: none;} #online_business_analysis .servicesPagesNav ul li a:hover { font-size:16px; color:#fff; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") left no-repeat; } #online_business_analysis .servicesPagesNav ul li a.servicesPagesNav_sel, #mobile_design .servicesPagesNav ul li a.servicesPagesNav_sel:hover { background: url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/arrowSub.png") no-repeat scroll left center transparent;border-left: 0px solid #FFFFFF;color: #fff;font-size: 16px;} #online_business_analysis .servicesPagesNav span { width:210px; height:40px; float:left; clear:both; background:url("/web/20161028171533im_/http://lightspeedml.com/img/service/pages/nav_bottom.gif") no-repeat; } #online_business_analysis .headline-paragrafs {display:none; } #online_business_analysis .span8 li { color: #686868; float: left; font-size: 16px; line-height: 23px; list-style: circle outside none; padding: 0 0 0 5px;width:100%;} #online_business_analysis .span8 ul { color: #686868; clear: both; float: left; font-size: 16px; line-height: 20px; padding: 0 0 15px 17px; width:100%; } #online_business_analysis .cool-font { font-weight:bold; font-size: 21px; margin-top:33px;} #online_business_analysis .border-a {border-bottom:1px solid #c5c5c1;width:100%; display:none;} /* online_business_analysis max-width:599px */ @media (max-width: 599px) { #online_business_analysis .box-intro h1 { font-size:50px; line-height: 50px; } } /*holders*/ .content-div{width:100%;overflow:hidden;} #creative_and_branding .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/creative_and_branding.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #creative_and_branding .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #creative_and_branding .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #creative_and_branding .div2 img {display:none;} #strategy_and_consulting .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/strategy_consulting.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #strategy_and_consulting .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #strategy_and_consulting .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #strategy_and_consulting .div2 img {display:none;} #web_design_and_development .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/web_design_development.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #web_design_and_development .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #web_design_and_development .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #web_design_and_development .div2 img {display:none;} #interaction_and_ux_design .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/interaction_ux_design.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #interaction_and_ux_design .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #interaction_and_ux_design .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #interaction_and_ux_design .div2 img {display:none;} #web_application .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/web_application_design_development.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #web_application .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #web_application .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #web_application .div2 img {display:none;} #mobile_design .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/mobile_design_development.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #mobile_design .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #mobile_design .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #mobile_design .div2 img {display:none;} #seo_and_online_marketing .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/seo_online_marketing.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #seo_and_online_marketing .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #seo_and_online_marketing .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #seo_and_online_marketing .div2 img {display:none;} #social_media .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/social_media.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #social_media .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #social_media .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #social_media .div2 img {display:none;} #online_business_analysis .div2 {width:50%; background:url(/web/20161028171533im_/http://lightspeedml.com/img/service/online_business_analysis.jpg) no-repeat #fff; height:100%; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #online_business_analysis .div1{width:50%;background:#fff; float:left;padding-bottom:5000px;margin-bottom:-5000px;} #online_business_analysis .div2:after,.div1:after,.content-div:after,#mobile_design:after{display:table;clear:both;float:none;content:"";} #online_business_analysis .div2 img {display:none;} .social-icon .facebook{overflow:hidden; margin-bottom:10px; padding-bottom:23px;} .social-icon .holder-twitter{width:100%;} #twitter-feed .tweet a {font-size: 11px;color:#CA2128 !important;} #twitter-feed .tweet a:visited {color:#CA2128;} .about-us-page .title_network {font-size:30px;margin-bottom:15px;padding-top:15px;color:#D4232B;font-family:'NoticiaTextRegular',Georgia,serif;} .about-us-page .text_networks {padding-left: 0px; padding-right: 0px;} .about-us-page .span4 img {margin-top: 10px;} #we-are-different .span4 {color: #686868;font-family: Arial,sans-serif;font-size: 16px;line-height: 24px;margin-top: 30px;} .homepage .button-findout { border-radius: 12px 12px 12px 12px; margin-top: 10px; float:right;width:80px;background-color:#D4232B;padding: 3px 9px 3px 13px; position: absolute; right: 0px; bottom:0px; behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc);} .homepage .button-findout a {color:#fff !important;} /*sitemap*/ .sitemap #lease-a-team #headline-holder { margin-bottom:0px; } .sitemap #lease-a-team { padding-bottom:0px; } .list-sitemap { font-size:16px; color:#686868; } .list-sitemap a{ font-size:16px; color:#686868; } li.open-li { list-style-image: url("/web/20161028171533im_/http://lightspeedml.com/img/menu-expanded.png"); list-style-type: circle; } li.open-li a { font-size:18px; } li.list-in { list-style-image: url("/web/20161028171533im_/http://lightspeedml.com/img/menu-leaf.png"); list-style-type: circle; font-size:16px; margin-top:5px; margin-bottom:5px; } .all-list { margin-left: 455px; margin-bottom: 50px; margin-top: 50px; font-family: "NoticiaTextRegular",Georgia,serif; } li.meni-li { font-size:18px; margin-top:5px; margin-bottom:5px; } li.meni-li a{ font-size:18px; } .content h3 { font-weight: normal !important; } #dropdown_nav { height: 90px; width: 160px; z-index:9999; position: fixed; margin-left:-82px; top:0%; left:50%; } .about-us-page .span4 a { color:#CA2128 !important; font-size: 16px; } /* #dropdown_nav:hover { height: 100px; background: url("/web/20161028171533im_/http://lightspeedml.com/img/logo-main.png") no-repeat scroll 27px 23px; background-color: #cc292c; }*/ /* Sub-Nav styling */ .sub_nav { width:615px; height:625px; padding:0px; position:fixed; top:93px; left:618px; background:#cc292c; border-radius: 42px 0 42px 42px; left: 50%;right: 50%; margin-left:-307px; behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); } .sub_nav #left-side{ width: 307px; float:left; border-right: 1px solid #e07f80; margin-top:35px; } .sub_nav #right-side{ width: 307px; float:left; margin-top:35px; } .sub_nav #left-side ul { margin-top:30px; margin-left:32px; width:258px; list-style: none outside none; } .sub_nav #right-side ul { margin-left:45px; margin-top:30px; width: 240px; list-style: none outside none; } .sub_nav #left-side ul.first { margin-top:0px; margin-left:32px; width:258px; list-style: none outside none; } .sub_nav #right-side ul.first { margin-top:0px; margin-left:45px; width: 240px; list-style: none outside none; } .sub_nav ul li a { padding: 1px 5px; color: #fff; font-size:14px; } .sub_nav ul li a:hover { color: #fff; text-decoration: underline; text-decoration:none; padding:1px 5px; background:#db6a6c; } .sub_nav ul li.category { padding: 5px 0px; margin-bottom:5px; } .sub_nav ul li.category a { font-size:20px; color:#000; border-bottom: 1px solid #e07f80; padding-left:0px; font-family:"NoticiaTextRegular",serif; background:none; margin-bottom:7px; } .sub_nav ul li.category a:hover { color:#fff; } .sub_nav .blog { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-blog.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .sub_nav .tw { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-tw.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .sub_nav .fb { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-fb.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .sub_nav .in { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-in.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .contact-recaptcha {margin:0 auto; width:47%;line-height:5px;} #form label.error { color: red; font-size: 11px !important; padding-bottom: 9px; } .contact-recaptcha span { color: red; font-size: 11px; } .homepage .thumb-box a { color:#fff !important;} /*anon*/ .anon-page #dropdown_nav { height: 90px; width: 160px; z-index:9999; position: fixed; margin-left:-82px; top:0%; left:50%; } .anon-page .sub_nav { width:615px; height:625px; padding:0px; position:fixed; top:93px; left:618px; background:#5CBCCA; border-radius: 42px 0 42px 42px; left: 50%;right: 50%; margin-left:-307px; behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); } .anon-page .sub_nav #left-side{ width: 307px; float:left; border-right: 1px solid #fff; margin-top:35px; } .anon-page .sub_nav #right-side{ width: 307px; float:left; margin-top:35px; } .anon-page .sub_nav #left-side ul { margin-top:30px; margin-left:32px; width:258px; list-style: none outside none; } .anon-page .sub_nav #right-side ul { margin-left:45px; margin-top:30px; width: 240px; list-style: none outside none; } .anon-page .sub_nav #left-side ul.first { margin-top:0px; margin-left:32px; width:258px; list-style: none outside none; } .anon-page .sub_nav #right-side ul.first { margin-top:0px; margin-left:45px; width: 240px; list-style: none outside none; } .anon-page .sub_nav ul li a { padding: 1px 5px; color: #fff; font-size:14px; } .anon-page .sub_nav ul li a:hover { color: #fff; text-decoration: underline; text-decoration:none; padding:1px 5px; background:#1399ad; } .anon-page .sub_nav ul li.category { padding: 5px 0px; margin-bottom:5px; } .anon-page .sub_nav ul li.category a { font-size:20px; color:#000; border-bottom: 1px solid #000; padding-left:0px; font-family:"NoticiaTextRegular",serif; background:none; margin-bottom:7px; } .anon-page .sub_nav ul li.category a:hover { color:#fff; } .anon-page .sub_nav .blog { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-blog.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .anon-page .sub_nav .tw { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-tw.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .anon-page .sub_nav .fb { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-fb.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .anon-page .sub_nav .in { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-in.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } /*soliant-page*/ .soliant-page #dropdown_nav { height: 90px; width: 160px; z-index:9999; position: fixed; margin-left:-82px; top:0%; left:50%; } .soliant-page .sub_nav { width:615px; height:625px; padding:0px; position:fixed; top:93px; left:618px; background:#F0B510; border-radius: 42px 0 42px 42px; left: 50%;right: 50%; margin-left:-307px; behavior: url(/web/20161028171533im_/http://lightspeedml.com/css/PIE.htc); } .soliant-page .sub_nav #left-side{ width: 307px; float:left; border-right: 1px solid #fff; margin-top:35px; } .soliant-page .sub_nav #right-side{ width: 307px; float:left; margin-top:35px; } .soliant-page .sub_nav #left-side ul { margin-top:30px; margin-left:32px; width:258px; list-style: none outside none; } .soliant-page .sub_nav #right-side ul { margin-left:45px; margin-top:30px; width: 240px; list-style: none outside none; } .soliant-page .sub_nav #left-side ul.first { margin-top:0px; margin-left:32px; width:258px; list-style: none outside none; } .soliant-page .sub_nav #right-side ul.first { margin-top:0px; margin-left:45px; width: 240px; list-style: none outside none; } .soliant-page .sub_nav ul li a { padding: 1px 5px; color: #fff; font-size:14px; } .soliant-page .sub_nav ul li a:hover { color: #fff; text-decoration: underline; text-decoration:none; padding:1px 5px; background:#d5ab29; } .soliant-page .sub_nav ul li.category { padding: 5px 0px; margin-bottom:5px; } .soliant-page .sub_nav ul li.category a { font-size:20px; color:#000; border-bottom: 1px solid #000; padding-left:0px; font-family:"NoticiaTextRegular",serif; background:none; margin-bottom:7px; } .soliant-page .sub_nav ul li.category a:hover { color:#fff; } .soliant-page .sub_nav .blog { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-blog.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .soliant-page .sub_nav .tw { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-tw.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .soliant-page .sub_nav .fb { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-fb.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .soliant-page .sub_nav .in { background: url("/web/20161028171533im_/http://lightspeedml.com/img/dropdown/dropdown-icon-in.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } /*formdamentals-page*/ .formdamentals-page .sub_nav { background:#000; } .formdamentals-page .sub_nav ul li.category a { color:#fff; border-bottom: 1px solid #fff; } .formdamentals-page .sub_nav #left-side{ border-right: 1px solid #fff; } .formdamentals-page .sub_nav ul li a:hover { color: #fff; background: #9a9a9a; } .formdamentals-page .sub_nav ul li.category a:hover { color: #fff; background: none; } /* yellow-plum-page */ .yellow-plum-page .sub_nav { background: #4CBB5C; } .yellow-plum-page .sub_nav ul li.category a { border-bottom: 1px solid #000; } .yellow-plum-page .sub_nav #left-side{ border-right: 1px solid #fff; } .yellow-plum-page .sub_nav ul li a:hover { color: #fff; background: #4caa6d; } .yellow-plum-page .sub_nav ul li.category a:hover { color: #000; background: none; } /* watchalyzer-page */ .watchalyzer-page .sub_nav { background: #272727; } .watchalyzer-page .sub_nav ul li.category a { color:#fff; border-bottom: 1px solid #fff; } .watchalyzer-page .sub_nav #left-side{ border-right: 1px solid #fff; } .watchalyzer-page .sub_nav ul li a:hover { color: #fff; background: #D0C56E; } .watchalyzer-page .sub_nav ul li.category a:hover { color: #fff; background: none; } /* printstarnow-page */ .printstarnow-page .sub_nav { background: #08AAC8; } .printstarnow-page .sub_nav ul li.category a { border-bottom: 1px solid #000; } .printstarnow-page .sub_nav #left-side{ border-right: 1px solid #fff; } .printstarnow-page .sub_nav ul li a:hover { color: #fff; background: #0887ce; } .printstarnow-page .sub_nav ul li.category a:hover { color: #000; background: none; } /* twenty-minutes-page */ .twenty-minutes-page .sub_nav { background: #0B4892; } .twenty-minutes-page .sub_nav ul li.category a { color:#fff; border-bottom: 1px solid #fff; } .twenty-minutes-page .sub_nav #left-side{ border-right: 1px solid #fff; } .twenty-minutes-page .sub_nav ul li a:hover { color: #fff; background: #c0c0c0; } .twenty-minutes-page .sub_nav ul li.category a:hover { color: #fff; background: none; } /* life-gear-page */ .life-gear-page .sub_nav { background: #FDBA31; } .life-gear-page .sub_nav ul li.category a { border-bottom: 1px solid #000; } .life-gear-page .sub_nav #left-side{ border-right: 1px solid #fff; } .life-gear-page .sub_nav ul li a:hover { color: #fff; background: #d5ab29; } .life-gear-page .sub_nav ul li.category a:hover { color: #000; background: none; } /* bredmoi-page */ .bredmoi-page .sub_nav { background: #1A98CE; } .bredmoi-page .sub_nav ul li.category a { border-bottom: 1px solid #000; } .bredmoi-page .sub_nav #left-side{ border-right: 1px solid #fff; } .bredmoi-page .sub_nav ul li a:hover { color: #fff; background: #0887ce; } .bredmoi-page .sub_nav ul li.category a:hover { color: #000; background: none; } .news {width:1000px; min-height:200px;height:auto; background:gray;} #ascrail2000-hr > div{background-color: #000000;} /* FILE ARCHIVED ON 17:15:33 Oct 28, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:22:10 Aug 11, 2017. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */