/** * Primary styles */ /* Fonts */ @font-face { font-family: 'NoticiaTextRegular'; src: url('../fonts/noticiatext-regular-webfont.eot'); src: url('../fonts/noticiatext-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/noticiatext-regular-webfont.woff') format('woff'), url('../fonts/noticiatext-regular-webfont.ttf') format('truetype'), url('../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(../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(../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(../img/fade-out-line.png) repeat-x 0 100%; } #welcome-message .red-box { margin:0 auto; padding:40px 50px; width:715px; background:transparent url(../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(../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(../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(../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(../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(../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(../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(../img/working-background.jpg) repeat 50% 0; } #about-us header p { background:transparent url(../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:20px; margin-bottom:20px; margin-top:11px;} .start-project p { font-size:16px; color:#686868; line-height:20px; } .start-project .start-project-btn { behavior: url(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; } .start-project .modalbox { behavior: url(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; } #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(../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:0px; 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(../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 */ .soliant-page nav .navbar-inner { background:#f0b510; } .soliant-page .chapter.two-column .row { width:100%; } .soliant-page .chapter.two-column .left { width:27%; } .soliant-page .chapter.two-column .right { width:72%; margin-right:-2%; } .soliant-page .chapter .container { padding-bottom:50px; } #soliant-intro { background:#000000 url(../img/soliant/background.jpg) repeat-x 0 -2px; margin-bottom:40px; } .soliant-page .client-box { width:760px; } .soliant-page .client-info { margin:0; padding-left:25px; color:#ffffff; } .soliant-page .client-info a { color:#ffffff; } .soliant-page .client-info dl { margin:0; } .soliant-page .client-logo { margin-left:30px; margin-right:25px; } .soliant-page .focus-image { margin-top:40px; margin-bottom:-97px; } .soliant-page .focus-image h1 { color:#ffffff; } .soliant-page .focus-image img { margin-top:-70px; } .soliant-page .container li { line-height: 25px; } .soliant-page ul {color:#686868;font-size:16px; list-style:none;} /* Analog */ .analog-page nav .navbar-inner { background:#000; } .analog-page .chapter .container { padding-bottom: 40px; } .analog-page h1 { color:#000000; } .analog-page .client-info { color:#ffffff; margin:0; padding:0 0 0 40px;} .analog-page .intro-chapter .client-info dl { margin-top: 19px;} .analog-page .client-info a { color:#ffffff; } .analog-page .client-info dt { color:#000000; } .analog-page .intro-chapter .client-logo { margin: 30px 40px 40px 0;} .analog-page .focus-image { margin-top:20px; margin-bottom:-109px; } .analog-page .focus-image h1 { margin-bottom: 45px; } .analog-page .focus-image img { margin-left:-115px; } #analog-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%; } .chapter .gallery-preview .magento { width:50%; } .analog-page .intro-chapter .client-box { width: 700px; margin: 40px auto; } .analog-page #analog-second .gallery-preview figure { float:right; margin: 10% 0 0; width:100%; } .analog-page #analog-second .text{float:left;width:50%; text-align: left;} .analog-page #analog-second .text p { width: 100%; } .analog-page #analog-third .gallery-preview figure { float:right; margin: 0; width:100%; } .analog-page #analog-third .shopatron { width: 40%; margin-top: -120px;} .analog-page #analog-third .text { float:left; width:29%; text-align: left; margin-right: 1%;} .analog-page #analog-third .text p { width: 100%; } #analog-fourth .burton { width:100%;} #analog-fourth .anon { width:50%; } #analog-fourth .analog { width:50%;} #analog-fourth.chapter p { width:85%; } /* Anon */ .anon-page nav .navbar-inner { background:#5cbcca; } .anon-page .chapter .container { padding-bottom: 40px; } .anon-page h1 { color:#000000; } .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(../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; } /* Glass */ .glass-page nav .navbar-inner { background:#D7383E; } .glass-page .chapters {padding-top: 55px;text-align: center;} .glass-page .chapters .container h2 { font-size:50px; color:#d32229; line-height:62px; margin-bottom: 0.8em;} .glass-page .chapters .container h3 { font-size:30px; color:#313131 !important; text-align:center; line-height: 32px;} .glass-page .chapters .gallery-preview {padding-bottom:40px;} .glass-page .chapters .gallery-preview figure { float:left; margin:0; width:50%; } .glass-page .chapters.one { padding-top: 60px;} /*.glass-page .chapter .gallery-preview figure1 { width: 45%; }*/ .glass-page .chapters. two-column { text-align:left;} .glass-page .chapters.two-column .row { width:100% !important; } .glass-page .chapters.two-column .left {float:left; width:40%;} .glass-page .chapters.two-column .right { width:58%; margin-left:2%; padding-top:8%; float:left;} .glass-page .chapters.two-column .right p {margin: 0 0 1.5em; font-family: "NoticiaTextRegular", Georgia,serif; font-weight: normal; font-size:24px; color:#323232; text-align:center; line-height: 28px;} .glass-page .chapters.two-column .right span {font-size:62px; font-family: "NoticiaTextRegular", Georgia,serif; font-weight: normal; color:#d8d8d8;} .glass-page .chapters .container {border-bottom: 1px solid #EBEBEB;} .glass-page .chapters.two-column .container {border-bottom: 0px;} #glass-intro { background:#000000 url(../img/life-gear/background.jpg) no-repeat 50% 0; margin-bottom:40px; } .glass-page h1 {color:#ffffff; margin-bottom:35px;} .glass-page .client-info { color:#ffffff; } .glass-page .client-info a { color:#ffffff; } .glass-page .client-info dt { color:#778169; } .glass-page .client-logo { margin:0; } .glass-page .client-box { width:920px; } .glass-page .focus-image { margin-bottom:-160px; } .glass.gallery-preview figure figcaption { font-style:normal; } .glass-page .gallery-preview figure figcaption {font-size:14px; font-style:normal; color:#686868; text-align: left; line-height:24px;padding-bottom:47px;} .glass-page .gallery-preview figure { float:left; margin:1%; width:31%; margin-bottom:6%; position: relative;} .glass-page .gallery-preview figure img{ margin-bottom:15px; } .glass-page .gallery-preview h3 {border-top: 10px solid #DEDEDE; font-size: 30px; margin-bottom: 15px; padding-top: 15px; text-align:left;} .glass-page .button-findout {background-color: #D4232B; border-radius: 12px; bottom: 0; float: right; margin-top: 10px; padding: 3px 9px 3px 13px; position: absolute; right: 5px; width: 80px;} .glass-page .button-findout a { color:#fff; } /* Adam Levine */ .adam-levine nav .navbar-inner { background:#3b5998; } .adam-levine .chapter.two-column .row { width:100%; } .adam-levine .chapter.two-column .left { width:27%; } .adam-levine .chapter.two-column .right { width:72%; margin-right:-2%; } .adam-levine .chapter .container { padding-bottom:50px; } #adam-levine-intro { background:#000000 url(../img/adam-levine/background.jpg) no-repeat 50% 0; margin-bottom:40px; !important} .adam-levine h1 { color:#ffffff; margin-bottom:35px; } .adam-levine .client-info { color:#ffffff; } .adam-levine .client-info a { color:#ffffff; } .adam-levine .client-info dt { color:#778169; } .adam-levine .client-logo { margin:0; } .adam-levine .client-box { width:920px; } .adam-levine .focus-image { margin-bottom:-129px; } .adam-levine.gallery-preview figure figcaption { font-style:normal; } .adam-levine .chapter .gallery-preview figure { float:left; margin:0; width:24%; margin-left:1%;} .adam-levine .intro-chapter { padding:64px 0; } /* Watchalyzer */ .watchalyzer-page nav .navbar-inner { background:#272727; } #watchalyzer-intro { background:#000000 url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../img/work/dash.png) no-repeat 0 50%; color:#686868; font-size:14px; } #buy-grid { list-style:none; margin:0; overflow:hidden; } #buy-grid li { float:left; list-style:none; width:33%; height:530px; position:relative; } #buy-grid li a { display:block; text-decoration:none; } #buy-grid li img { margin-bottom:5px; } #buy-grid li h2 { color:#000000; font-size:24px; line-height:28px; padding-bottom:10px; } #buy-grid li p { font-size:12px; padding-top:10px; color:#686868; background:transparent url(../img/work/dash.png) no-repeat 0 0; padding-right:10px; } #buy-grid li .background { background:#ffffff; display:block; width:100%; height:100%; position:absolute; z-index:10; top:0; left:0; opacity:0; } #buy-grid li .view { width:168px; height:168px; position:absolute; left:50%; margin-left:-84px; top:28%; background:transparent url(../img/beli.png) no-repeat 50% 50%; z-index:11; } /* 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(../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(../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(../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(../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(../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(../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(../img/mobile-services/mobile-services.jpg) repeat 50% 0; background-size:cover; } #mobile-services p { font-size: 15px; 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(../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; } } ::selection { background-color: #7bae23; color: #fff; } ::-moz-selection { background-color: #7bae23; color: #fff; } .owl-carousel .item { padding:20px 10px; } .item.item-list { margin-bottom:40px; } .item.item-list .item-image-container { width:230px; float:left; margin-right:60px; margin-bottom:0; } .item .item-image-container { position: relative; margin:0 auto 20px; width:173px; } .item .item-image-container > a { display:block; } .item .item-image-container img { width:100%; height:auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; } .item .item-image-container .item-image { visibility:visible; opacity:1; } .item .item-image-container .item-image-hover { opacity:0; visibility:hidden; position: absolute; left:0; top:0; } .item:hover > .item-image-container .item-image { visibility:hidden; opacity:0; } .item:hover > .item-image-container .item-image-hover { visibility:visible; opacity:1; } .item-price-container { display:block; background:#007CBF; text-align:center; font:700 16px/20px "Gudea", Arial, sans-serif; color:#FFFFFF; width:120px; height:120px; position: absolute; bottom:260px; right:20px; text-align:center; border-radius:500px; z-index:800; } .item-price-container1 { display:block; background:#00BF1D; text-align:center; font:700 36px/40px "Gudea", Arial, sans-serif; color:#FFFFFF; width:300px; height:300px; position: absolute; bottom:-500px; right:220px; text-align:center; border-radius:500px; z-index:800; } .item-price-special { font:700 16px/20px "Gudea", Arial, sans-serif; color:#e82c0c; } .item-price-container1 .item-price{ margin-top:10px; display:block; } .item-price-container1 .old-price { color:red; text-decoration:line-through; display:block; margin-top:20.5px; } .item-price-container1 .item-price1{ margin-top:100px; display:block; } .item-price-container .old-price { color:red; text-decoration:line-through; display:block; margin-top:20.5px; } .item-price-container .item-price{ margin-top:50px; display:block; } .sub-price { font-size:75%; position: relative; bottom:0; } .item-price-container .old-price + .item-price { margin-top:0 !important; } .new-rect, .discount-rect { display:block; font:700 16px/20px "PT Sans", sans-serif; color:#fff; padding:7.5px 0; position: absolute; left:0; top:10px; text-transform:uppercase; z-index:800; width:100px; text-align:center; } .new-rect { background:#7bae23; } .discount-rect { background:#c72929; } /* Ecommerce Services */ #ecommerce-services { background: #fff; text-align: center;} #ecommerce-services header { padding: 0; height: 334px; background:transparent url(../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(../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(../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(../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(../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(../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(../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('../img/lease-a-team.jpg') center bottom no-repeat; } /* #mobile-services .lease-a-team-row .image-holder { width: 100%; top: -193px; width: 100%; height: 500px; background: transparent url('../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: 60px; } /* 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: 60px; 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: 600px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(PIE.htc); max-width: 200px; height: 53px; line-height: 53px; background: #cc292c; display:block; color: white; font-size:25px; font-family: "NoticiaTextRegular", serif; border-radius: 26px; z-index:100; margin: 0 auto; } #mobile-services .mobile-services-row .image-holder-effect { position: relative; background: transparent url(../img/slider/mobile-back-effect.png) center top scroll no-repeat; width: 100%; height: 170px; float:left; top:265px;} #mobile-services .mobile-services-row{ height: 600px; overflow: hidden; background: transparent url(../img/slider/adamlevine-background.jpg) center top scroll no-repeat;} #mobile-services .mobile-services-rows .image-holder-effect { position: relative; background: transparent url(../img/slider/mobile-back-effect.png) center top scroll no-repeat; width: 100%; height: 170px; float:left; top:265px;} #mobile-services .mobile-services-rows{ height: 600px; overflow: hidden; background: transparent url(../img/slider/mobile-background.jpg) center top scroll no-repeat;} #mobile-services .responsive-web-development-row{ height: 600px; overflow: hidden; background: transparent url(../img/slider/responsive-background.jpg) center top scroll no-repeat;} #mobile-services .responsive-google-glass{ height: 600px; overflow: hidden; background: transparent url(../img/slider/google-glass-slide.jpg) center top scroll no-repeat;} #mobile-services .responsive-web-development-rows{ height: 600px; overflow: hidden; background: transparent url(../img/slider/mobile-background.jpg) center top scroll no-repeat;} #mobile-services .responsive-web-development-rows .image-holder-effect { position: relative; background: transparent url(../img/slider/mobile-back-effect.png) center top scroll no-repeat; width: 100%; height: 170px; float:left; top:450px;} #mobile-services .e-commerce-row{ height: 600px; overflow: hidden; position:relative;/*background: transparent url(../img/slider/slider-background.jpg) center top scroll no-repeat;*/} #mobile-services .e-commerce-row h2 {color:#fff;} #mobile-services .e-commerce-row p{color:#fff;} #mobile-services .lease-a-team-row { height: 600px; overflow: hidden; } #mobile-services .lease-a-team-row .image-holder { background: transparent url('../img/slider/lease-a-team-mid.jpg') no-repeat scroll center top;} /*#mobile-services .lease-a-team-row .image-holder { height:500px; top:-193px;}*/ #mobile-services .lease-a-team-row .image-holder { height:600px; top:-193px; } #mobile-services .our-latest-projects-row { height:600px; overflow: hidden; position:relative; /* background: transparent url(../img/slider/slider-bg.png) center top scroll no-repeat; */ background: transparent url(../img/slider/analog-background.jpg) center top scroll no-repeat;} #mobile-services .our-latest-projects-row .text-holder { position:relative; left:350px; top: 60px; z-index:100; } #mobile-services .our-latest-projects-row .text-holder h2 { color:#fff; font-size:55px; line-height:58px;} #mobile-services .our-latest-projects-row .text-holder p { font-size: 14px; color:#fff;} #mobile-services .our-latest-projects-row .image-elements { background: transparent url(../img/slider/analog-slider-elements1.png) center bottom scroll no-repeat; height:600px; position: absolute; width: 100%; bottom:10px; z-index:2;left:0;} .next-rale1{ background-color: #FF0000; height: 50px; position: absolute; right: 0; top: 215px; width: 50px; display:block; } .next-rale2{ background-color: blue; height: 50px; position: absolute; right: 0; top: 215px; width: 50px; display:none; } .next-rale3{ background-color: yellow; height: 50px; position: absolute; right: 0; top: 215px; width: 50px; display:none; z-index:999; } .next-rale4{ background-color: green; height: 50px; position: absolute; right: 0; top: 215px; width: 50px; display:none; } .prev-rale1{ background-color: green; height: 50px; position: absolute; left: 0; top: 215px; width: 50px; display:block; z-index:999; } .prev-rale2{ background-color: green; height: 50px; position: absolute; left: 0; top: 215px; width: 50px; display:none; z-index:999; } .prev-rale3{ background-color: green; height: 50px; position: absolute; left: 0; top: 215px; width: 50px; display:none; z-index:999; } .prev-rale4{ background-color: green; height: 50px; position: absolute; left: 0; top: 215px; width: 50px; display:none; z-index:999; } ::selection { background-color: #7bae23; color: #fff; } ::-moz-selection { background-color: #7bae23; color: #fff; } .owl-carousel .item { padding:20px 10px; } .item.item-list { margin-bottom:40px; } .item.item-list .item-image-container { width:230px; float:left; margin-right:60px; margin-bottom:0; } .item .item-image-container { position: relative; margin:0 auto 20px; width:173px; } .item .item-image-container > a { display:block; } .item .item-image-container img { width:100%; height:auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; } .item .item-image-container .item-image { visibility:visible; opacity:1; } .item .item-image-container .item-image-hover { opacity:0; visibility:hidden; position: absolute; left:0; top:0; } .item:hover > .item-image-container .item-image { visibility:hidden; opacity:0; } .item:hover > .item-image-container .item-image-hover { visibility:visible; opacity:1; } .item-price-container { display:block; background:#007CBF; text-align:center; font:700 16px/20px "Gudea", Arial, sans-serif; color:#FFFFFF; width:120px; height:120px; position: absolute; bottom:150px; right:20px; text-align:center; border-radius:500px; z-index:800; } .item-price-container1 { display:block; background:#00BF1D; text-align:center; font:700 36px/40px "Gudea", Arial, sans-serif; color:#FFFFFF; width:300px; height:300px; position: absolute; bottom:-500px; right:220px; text-align:center; border-radius:500px; z-index:800; } .item-price-special { font:700 16px/20px "Gudea", Arial, sans-serif; color:#e82c0c; } .item-price-container1 .item-price{ margin-top:10px; display:block; } .item-price-container1 .old-price { color:red; text-decoration:line-through; display:block; margin-top:20.5px; } .item-price-container1 .item-price1{ margin-top:100px; display:block; } .item-price-container .old-price { color:red; text-decoration:line-through; display:block; margin-top:20.5px; } .item-price-container .item-price{ margin-top:50px; display:block; } .sub-price { font-size:75%; position: relative; bottom:0; } .item-price-container .old-price + .item-price { margin-top:0 !important; } .new-rect, .discount-rect { display:block; font:700 16px/20px "PT Sans", sans-serif; color:#fff; padding:7.5px 0; position: absolute; left:0; top:10px; text-transform:uppercase; z-index:800; width:150px; text-align:center; } .new-rect { background:#7bae23; } .discount-rect { background:#c72929; } .tests{width:100%;float:left; background-color:#red;position:relative;background:transparent url(../img/slider/slider-background.jpg) center top scroll no-repeat;} /* #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(../img/slider/adamlevine-ipad.png) center top scroll no-repeat; width: 100%; height: 600px; } /*#mobile-services .mobile-services-row .text-holder { float: left; left: -300px; top: 150px; width: 100%; z-index: 100; }*/ #mobile-services .mobile-services-row .text-holder { float: left; left: 100px; top: 50px; width: 100%; z-index: 100; } #mobile-services .mobile-services-row .text-holder h2 { font-size: 55px; line-height: 60px;color:#fff; } #mobile-services .mobile-services-row .text-holder p {color:#fff;} #mobile-services .mobile-services-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile.png) center top scroll no-repeat; width: 100%; height: 600px; } /*#mobile-services .mobile-services-row .text-holder { float: left; left: -300px; top: 150px; width: 100%; z-index: 100; }*/ #mobile-services .mobile-services-rows .text-holder { float: left; left: 300px; top: 150px; width: 100%; z-index: 100; } #mobile-services .mobile-services-rows .text-holder h2 { font-size: 60px; line-height: 60px; color:#fff; } #mobile-services .mobile-services-rows .text-holder p {color:#fff;} #mobile-services .responsive-web-development-row .text-holder { float: left; margin: 0 auto; bottom:250px; width: 100%; z-index: 100; } #mobile-services .responsive-web-development-row .text-holder h2 {color:#fff;} #mobile-services .responsive-web-development-row .image-holder { background: transparent url(../img/slider/home-page-slider-responsive.png) 60% top scroll no-repeat; width: 100%; height: 600px; top:200px;} #mobile-services .responsive-google-glass .text-holder { float: left; margin: 0 auto; top: 675px; width: 100%; z-index: 100; } #mobile-services .responsive-google-glass .text-holder h2 {color:#fff;} #mobile-services .responsive-google-glass .image-holder { width: 100%; height: 200px; color:#fff; font-size:60px; line-height: 60px; text-align:center; } #mobile-services .responsive-web-development-rows .text-holder { float: left; left:-2500px; top: 150px; width: 100%; z-index: 100;} #mobile-services .responsive-web-development-rows .text-holder h2 {color:#fff; font-size: 60px; line-height: 60px; } #mobile-services .responsive-web-development-rows .text-holder p{ color:#fff; } #mobile-services .responsive-web-development-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile.png) 39% top scroll no-repeat; width: 100%; height: 600px; } /* #mobile-services .responsive-web-development-row .image-holder { float: left; top: -152px; width: 100%; } */ #mobile-services .e-commerce-row .text-holder { position:relative; left:1250px; top: 150px; z-index:100; } /* #mobile-services .e-commerce-row .image-holder { top: -200px; left: -250px; } */ #mobile-services .e-commerce-row .image-holder { height:600px; top:-185px; } #mobile-services .e-commerce-row .image-sky { background: transparent url(../img/slider/sky.png) center bottom scroll no-repeat; height:600px; top: 0px; position: absolute; width: 100%;} /*#mobile-services .e-commerce-row .image-stand { background: transparent url(../img/slider/stand.png) center bottom scroll no-repeat; height:600px; position: absolute; width: 100%; top:0px;}*/ #mobile-services .e-commerce-row .image-mountains { background: transparent url(../img/slider/mountains.png) center bottom scroll no-repeat; height:600px; position: absolute; width: 100%; top:0px;} #mobile-services .e-commerce-row .image-snow { background: transparent url(../img/slider/snow.png) center bottom scroll no-repeat; height:600px; position: absolute; width: 100%; top:0px;} #mobile-services .e-commerce-row .image-snowboard { background: transparent url(../img/slider/snowboard.png) center bottom scroll no-repeat; height:600px; position: absolute; width: 100%; top:0px;} #mobile-services .e-commerce-row .image-ecommerce { background: transparent url(../img/slider/ecommerce.png) center bottom scroll no-repeat; height:600px; position: absolute; width: 100%; top:0px;} /*#mobile-services .mobile-services-text-stripe { background: transparent url(../img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll; height: 237px; color:white; }*/ #mobile-services .mobile-services-text-stripe { background: url("../img/our-services-background.png") repeat scroll 0 0 #F6F6F6; /*height: 237px;*/ min-height:180px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 50px/60px "NoticiaTextRegular"; color: #262626; margin: 50px 0 10px 0; } #mobile-services .mobile-services-text-stripe p { /*color: #f6f6f6;*/ color: #262626; font-family: arial, sans-serif; } #mobile-services .our-services-stripe { background: #f6f6f6 url(../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(../img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(../img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(../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; } } @media (min-width: 1420px){ .chrome #mobile-services .e-commerce-row .text-holder { position:relative; left:1050px; top: 150px; z-index:100; } } @media (min-width: 1600px){ .chrome #mobile-services .e-commerce-row .text-holder { position:relative; left:1250px; top: 150px; z-index:100; } } /* 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: 60px; 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: 500px; position: relative; } #mobile-services .mobile-services-container a { behavior: url(PIE.htc); max-width: 200px; height: 53px; line-height: 53px; background: #cc292c; display:block; color: white; font-size:24px; font-family: "NoticiaTextRegular", serif; border-radius: 26px; z-index:100; margin: 0 auto; } #mobile-services .mobile-services-row { height:500px; overflow: hidden; background: transparent url(../img/slider/adamlevine-background-middle.jpg) center top scroll; } #mobile-services .mobile-services-row .image-holder-effect { position: relative; background: transparent url(../img/slider/mobile-back-effect.png) center top scroll no-repeat; width: 100%; height: 170px; float:left; top:202px;} #mobile-services .mobile-services-rows { height:500px; overflow: hidden; background: transparent url(../img/slider/slider-bg-mobile-middle.jpg) center top scroll; } #mobile-services .mobile-services-rows .image-holder-effect { position: relative; background: transparent url(../img/slider/mobile-back-effect.png) center top scroll no-repeat; width: 100%; height: 170px; float:left; top:202px;} #mobile-services .responsive-web-development-row { height:500px; overflow: hidden; background: transparent url(../img/slider/slider-bg-responsive-middle.jpg) center top scroll; } #mobile-services .responsive-google-glass { height:500px; overflow: hidden; background: transparent url(../img/slider/google-glass-slide-middle.jpg) center top scroll;} #mobile-services .responsive-web-development-rows { height:500px; overflow: hidden; background: transparent url(../img/slider/slider-bg-mobile-middle.jpg) center top scroll; } #mobile-services .responsive-web-development-rows .image-holder-effect { position: relative; background: transparent url(../img/slider/mobile-back-effect.png) center top scroll no-repeat; width: 100%; height: 170px; float:left; top:385px;} #mobile-services .e-commerce-row { height:500px; overflow: hidden; background: transparent url(../img/slider/slider-bg-ecommerce-middle.jpg) center top scroll; } #mobile-services .our-latest-projects-row { height:500px; overflow: hidden; background: transparent url(../img/slider/slider-bg-latest-middle.jpg) center top scroll; } #mobile-services .lease-a-team-row { background: none; } #mobile-services .lease-a-team-row .image-holder { height:500px; top:-193px; } #mobile-services .mobile-services-row .image-holder { background: transparent url(../img/slider/adamlevine-ipad-middle.png) 39% top scroll no-repeat; width: 100%; height: 550px; /*bottom:55px;*/} /* #mobile-services .mobile-services-row .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-row .text-holder { float: left; /*left: -240px;*/ left:80px; top: 22px; width: 100%; z-index: 100; } #mobile-services .mobile-services-row .text-holder h2 { font-size: 55px; line-height: 60px; color:#fff;} #mobile-services .mobile-services-row .text-holder p {color:#fff;} #mobile-services .mobile-services-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile.png) 39% top scroll no-repeat; width: 100%; height: 550px; bottom:55px;} /* #mobile-services .mobile-services-row .image-holder { float: left; left: 350px; top: -93px; width: 80%; } */ #mobile-services .mobile-services-rows .text-holder { float: left; /*left: -240px;*/ left:260px; top: 150px; width: 100%; z-index: 100; } #mobile-services .mobile-services-rows .text-holder h2 { font-size: 60px; line-height: 60px; color:#fff;} #mobile-services .mobile-services-rows .text-holder p {color:#fff;} #mobile-services .responsive-web-development-row .text-holder { float: left; margin: 0 auto; bottom:250px; 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 .image-holder { background: transparent url(../img/slider/home-page-slider-responsive-mid.png) 60% top scroll no-repeat; width: 100%; height: 500px; top:200px;} #mobile-services .responsive-web-development-row .text-holder h2 {color:#fff;} #mobile-services .responsive-web-development-row .text-holder p {color:#fff;} #mobile-services .responsive-google-glass .text-holder { float: left; margin: 0 auto; top: 610px; width: 100%; z-index: 100; } /* #mobile-services .responsive-google-glass .image-holder { float: left; top: -72px; width: 100%; } */ #mobile-services .responsive-google-glass .image-holder { background: transparent url(../img/slider/home-page-slider-responsive-mid.png) 60% top scroll no-repeat; width: 100%; height: 500px; } #mobile-services .responsive-google-glass .text-holder h2 {color:#fff;} #mobile-services .responsive-google-glass .text-holder p {color:#fff;} #mobile-services .responsive-web-development-rows .text-holder { float: left; left:-2550px; margin: 0 auto; top: 150px; width: 100%; z-index: 100; } /* #mobile-services .responsive-web-development-row .image-holder { float: left; top: -72px; width: 100%; } */ #mobile-services .responsive-web-development-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile.png) 39% top scroll no-repeat; width: 100%; height: 500px; top:-60px;} #mobile-services .responsive-web-development-rows .text-holder h2 {color:#fff;} #mobile-services .responsive-web-development-rows .text-holder p {color:#fff;} #mobile-services .e-commerce-row .text-holder { position:relative; left:1130px !important; top: 150px; z-index:100; } #mobile-services .e-commerce-row .text-holder h2 {color:#fff; font-size:47px !important;} #mobile-services .e-commerce-row .text-holder p {color:#fff;} #mobile-services .e-commerce-row .text-holder { left: 270px; top: 150px; z-index:100; } #mobile-services .e-commerce-row .text-holder h2 { font-size:40px; } #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 { /*left:1005px;*/ background: transparent url(../img/slider/home-page-slider-ecommerce.png) center bottom scroll no-repeat; height:532px; top: -185px; left:20px !important;} #mobile-services .mobile-services-text-stripe { background: url("../img/our-services-background.png") repeat scroll 0 0 #F6F6F6; /*background: transparent url(../img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll;*/ min-height: 175px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 50px/60px "NoticiaTextRegular"; color:#262626; margin: 50px 0 10px 0; } #mobile-services .mobile-services-text-stripe p { color: #262626; font-family: arial, sans-serif; padding-left: 10px;} #mobile-services .our-services-stripe { background: #f6f6f6 url(../img/our-services-background.png) repeat scroll; height:510px; color: inherit; } #mobile-services .our-services-stripe .span-services { width: 30%; /*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(../img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(../img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(../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-latest-projects-row { height:500px; overflow: hidden; position:relative; background: transparent url(../img/slider/slider-bg.png) center top scroll no-repeat;} #mobile-services .our-latest-projects-row .text-holder { position:relative; left:1050px; top: 150px; z-index:100; } #mobile-services .our-latest-projects-row .text-holder h2 { font-size:55px; color:black; line-height:65px;} #mobile-services .our-latest-projects-row .text-holder p { font-size: 14px; } #mobile-services .our-latest-projects-row .image-waiter { background: transparent url(../img/slider/waiter-mid.png) center bottom scroll no-repeat; height:500px; position: absolute; width: 100%; top:0px;} #mobile-services .our-latest-projects-row .image-tablet { background: transparent url(../img/slider/tablet-mid.png) center bottom scroll no-repeat; height:500px; position: absolute; width: 100%; top:0px;} .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(../img/working-background.jpg) repeat 50% 0; background-position: 50% 60.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 */ @media (max-width: 1023px) { #what-we-do { display:none; } #about-us header { padding:130px 0; background:transparent url(../img/working-background.jpg) repeat 50% 0; background-position: 50% 60.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:400px; position:relative; } #mobile-services .mobile-services-container a { behavior: url(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{ height: 400px; overflow: hidden; background: transparent url(../img/slider/adamlevine-background-small.jpg) center top scroll; } #mobile-services .mobile-services-row .text-holder h2 {color:#fff;} #mobile-services .mobile-services-row .text-holder p {color:#FEFEFE;} #mobile-services .mobile-services-rows{ height: 400px; overflow: hidden; background: transparent url(../img/slider/slider-bg-mobile-small.jpg) center top scroll; } #mobile-services .responsive-web-development-row { height: 400px; overflow: hidden; background: transparent url(../img/slider/slider-bg-responsive-small.jpg) center top scroll; } #mobile-services .responsive-google-glass { height: 400px; overflow: hidden; background: transparent url(../img/slider/google-glass-slide-small.jpg) center top scroll; } #mobile-services .responsive-web-development-rows { height: 400px; overflow: hidden; background: transparent url(../img/slider/slider-bg-mobile-small.jpg) center top scroll; } #mobile-services .e-commerce-row { height: 400px; overflow: hidden; background: transparent url(../img/slider/slider-bg-ecommerce-small.jpg) center top scroll; } #mobile-services .our-latest-projects-row { height: 400px; overflow: hidden; background: transparent url(../img/slider/slider-bg-analog.html) center top scroll; } #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(../img/slider/adamlevine-ipad-mid-70.png) center bottom scroll no-repeat; height: 400px; } #mobile-services .mobile-services-row .text-holder { margin: 0 auto; width: 100%; z-index: 100; float: left; } #mobile-services .mobile-services-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile-only-mid-70.png) center bottom scroll no-repeat; height: 400px; } #mobile-services .mobile-services-rows .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; bottom: 280px; 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 { background: transparent url(../img/slider/home-page-slider-responsive-70.png) center bottom scroll no-repeat; height: 400px; top:200px; } #mobile-services .responsive-web-development-row .text-holder h2 {color:#fff;} #mobile-services .responsive-web-development-row .text-holder p {color:#fff;} #mobile-services .responsive-google-glass .text-holder { float: left; margin: 0 auto; top: 550px; width: 100%; z-index: 100; } /* #mobile-services .responsive-google-glass .image-holder { top: 25px; width: 100%; } */ #mobile-services .responsive-google-glass .image-holder { background: transparent url(../img/slider/home-page-slider-responsive-70.png) center bottom scroll no-repeat; height: 400px; } #mobile-services .responsive-google-glass .text-holder h2 {color:#fff;} #mobile-services .responsive-google-glass .text-holder p {color:#fff;} #mobile-services .responsive-web-development-rows .text-holder { float: left; left:-2800px; margin: 0 auto; top: 5px; width: 100%; z-index: 100; } /* #mobile-services .responsive-web-development-row .image-holder { top: 25px; width: 100%; } */ #mobile-services .responsive-web-development-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile-only-mid-70.png) center bottom scroll no-repeat; height: 400px; } #mobile-services .responsive-web-development-rows .text-holder h2 {color:#000;} #mobile-services .responsive-web-development-rows .text-holder p {color:#686868;} #mobile-services .e-commerce-row .text-holder { position:relative; left:850px !important; z-index:100; } #mobile-services .e-commerce-row .text-holder h2 {color:#fff;} #mobile-services .e-commerce-row .text-holder p {color:#fff;} #mobile-services .e-commerce-row .text-holder { margin: 0 auto; z-index:100; } #mobile-services .e-commerce-row .image-holder {margin: 0 auto; width:100%; height:400px; background: transparent url(../img/slider/home-page-slider-ecommerce-mid-70.png) 45% top scroll no-repeat; left:15px !important;} #mobile-services .our-latest-projects-row .text-holder { position:relative; left:750px !important; z-index:100; color:#fff;} #mobile-services .our-latest-projects-row .image-holder { position:relative; bottom:-267px; margin: 0 auto; width:100%; height:400px; background: transparent url(../img/slider/analog-slider-elements600.png) 45% center scroll no-repeat; } #mobile-services .our-latest-projects-row .text-holder h2 { color:#fff; } #mobile-services .our-latest-projects-row .text-holder p { color:#fff;} #mobile-services .mobile-services-text-stripe { /*background: transparent url(../img/mobile-services-text-stripe-bg.jpg) top left no-repeat scroll;*/ background: url("../img/our-services-background.png") repeat scroll 0 0 #F6F6F6; min-height: 140px; color:white; } #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:#262626; margin-top:50px; } #mobile-services .mobile-services-text-stripe p { color: #262626; font-family: arial, sans-serif; color:#262626;} #mobile-services .our-services-stripe { background: #f6f6f6 url(../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(../img/magento-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.mobile-web { background: transparent url(../img/mobile-web-btn.png) 50% 0 no-repeat; } #mobile-services .our-services-stripe .span-services a.hire-a-team { background: transparent url(../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: 400px; top:-180px; } } /* Index Page First Section @max-width 479px */ @media (max-width: 479px) { #mobile-services .mobile-services-row .image-holder { margin: 0 auto; top: 35px; width: 100%; } #mobile-services .mobile-services-rows .image-holder { margin: 0 auto; top: 35px; width: 100%; } #mobile-services p { color: #686868; font-size: 16px; line-height: 24px; } #mobile-services .responsive-web-development-row .image-holder { top: 200px; width: 100%; } #mobile-services .responsive-google-glass .image-holder { top: 5px; width: 100%; } #mobile-services .responsive-web-development-rows .image-holder { top: 5px; width: 100%; } #mobile-services .responsive-web-development-row .text-holder {top:-280px !important;} #mobile-services .mobile-services-text-stripe h2 { font: 24px/30px "NoticiaTextRegular"; color:#262626; 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("../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; } #mobile-services .e-commerce-row .image-holder { margin: 0 auto; width:100%; height:400px; background: transparent url(../img/slider/home-page-slider-ecommerce-70.png) 45% top scroll no-repeat; } #mobile-services .mobile-services-row .image-holder { background: transparent url(../img/slider/adamlevine-ipad-only-70.png) center bottom scroll no-repeat; height: 355px; } #mobile-services .mobile-services-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile-only-70.png) center bottom scroll no-repeat; height: 380px; } #mobile-services .lease-a-team-row .text-holder h2 span {font-size:40px;} #mobile-services .lease-a-team-row .text-holder h2 {font-size: 30px;line-height: 46px;} #mobile-services .responsive-web-development-row .text-holder {top: 18px;} #mobile-services .responsive-web-development-rows .text-holder p {color: #686868 !important;} .adam-levine .intro-chapter { padding:64px 0 118px; } .adam-levine .chapter {padding-top: 34px;} #mobile-services .our-latest-projects-row .image-holder { background: url("../img/slider/analog-slider-elements-320px.png") no-repeat scroll 45% center transparent !important; height: 265px;} #mobile-services .our-latest-projects-row .text-holder { position:relative; left:255px !important; z-index:100; color:#fff;} } /* 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: 35px; } #mobile-services .mobile-services-rows.image-holder { margin: 0 auto; width: 100%; top: 35px; } #mobile-services .our-services-stripe .span-services a h3 { bottom: -180px; color: #333333; font-size: 22px; position: relative; text-decoration: none; } #mobile-services .e-commerce-row .image-holder { margin: 0 auto; width:100%; height:400px; background: transparent url(../img/slider/home-page-slider-ecommerce-70.png) 45% top scroll no-repeat; } #mobile-services .mobile-services-row .image-holder { background: transparent url(../img/slider/adamlevine-ipad-only-70.png) center bottom scroll no-repeat; height: 338px; } #mobile-services .mobile-services-rows .image-holder { background: transparent url(../img/slider/home-page-slider-mobile-only-70.png) center bottom scroll no-repeat; height: 370px; } .adam-levine .intro-chapter { padding:64px 0 111px; } .adam-levine .chapter {padding-top: 55px;} #mobile-services .our-latest-projects-row .image-holder { background: transparent url(../img/slider/analog-slider-elements560.png) center bottom scroll no-repeat!important; height:470px;} #mobile-services .our-latest-projects-row .text-holder { position:relative; left:255px !important; z-index:100; color:#fff;} } /* 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: -40px; 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; } #mobile-services .mobile-services-row .image-holder { background: transparent url(../img/slider/adamlevine-ipad-mid2-70.png) center bottom scroll no-repeat; height: 400px; } .adam-levine .intro-chapter { padding:64px 0 111px; } .adam-levine .chapter {padding-top: 55px;} #mobile-services .our-latest-projects-row .image-holder { background: transparent url(../img/slider/analog-slider-elements600.png) center bottom scroll no-repeat!important; height:287px;} #mobile-services .our-latest-projects-row .text-holder { position:relative; left:255px !important; z-index:100; color:#fff;} } /* Index Page First Section @min-width 800px */ @media (min-width: 800px) and (max-width: 1023px) { .adam-levine .intro-chapter { padding:64px 0 100px; } .adam-levine .chapter {padding-top: 80px;} #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: -40px; width: 80%; } #mobile-services .our-latest-projects-row .text-holder { position:relative; left:255px !important; z-index:100; color:#fff;} } /* 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(../img/our-process-background.png) 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) { .adam-levine .intro-chapter { padding:64px 0 92px; } #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(../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(../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; } #buy-grid li h2 { font-size: 20px; } } /* Our Process @min-width: 1280px */ @media (min-width: 1280px) { .adam-levine .intro-chapter {padding: 64px 0 82px;} #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(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: 16px; margin: 0 0 9px 0px;} #process ul li { line-height: 24px; color: #686868; } #process .process-bg { background:transparent url(../img/how-it-works-desktop.png) no-repeat; overflow: auto; margin-bottom: 40px;} #process .column {float: left; padding: 0 42px; width: 500px; } #process .for-clear { clear: right; } #process .column li:before { content: "— "; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-bottom: 5px; margin-top:0px; height: 24px; overflow: hidden;} #process .column h4.step { font: 30px/34px "NoticiaTextRegular", serif; color: white; margin-bottom:15px; padding-top:0px; height: 37px; overflow: hidden;} #process .column h3.s1 { color: #e56469; padding-top: 18px;} #process .column h3.s2 { color: #df805a; padding-top: 18px;} #process .column h3.s3 { color: #e3d63e; padding-top: 46px;} #process .column h3.s4 { color: #a3d660; padding-top: 47px;} #process .column h3.s5 { color: #79a068; padding-top: 20px;} #process .column h3.s6 { color: #77c9be; padding-top: 19px;} #process .column h3.s7 { color: #8f98cf; padding-top: 55px;} #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: 16px; margin: 0 0 9px 0px;} #process ul li { line-height: 21px; color: #686868; } #process .column-wrapper { margin: 0 auto; width: 940px; } #process .process-bg { background:transparent url(../img/how-it-works-desktop.png) center top no-repeat; overflow: auto; margin-bottom: 40px;} #process .column {float: left; padding: 0 9px; width: 345px; } #process .for-clear { float: right; } #process .column li:before { content: "— "; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-bottom: 5px; margin-top:0px; height: 24px; overflow: hidden;} #process .column h4.step { font: 30px/34px "NoticiaTextRegular", serif; color: white; margin-bottom:15px; padding-top:0px; height: 37px; overflow: hidden;} #process .column h3.s1 { color: #e56469; padding-top: 18px;} #process .column h3.s2 { color: #df805a; padding-top: 18px;} #process .column h3.s3 { color: #e3d63e; padding-top: 70px;} #process .column h3.s4 { color: #a3d660; padding-top: 71px;} #process .column h3.s5 { color: #79a068; padding-top: 1px;} #process .column h3.s6 { color: #77c9be; padding-top: 1px;} #process .column h3.s7 { color: #8f98cf; padding-top: 31px;} #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; line-height: 20px;} #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: center; vertical-align: top; font: 18px/24px "NoticiaTextRegular", serif; margin-top: 2px; display: inline-block; width:82px;} #process .our-process li span { behavior: url(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: 16px; margin: 0 0 4px 0px;} #process ul li { line-height: 23px; color: #686868; } #process .process-bg { background:transparent url(../img/how-it-works-tablet.png) center top no-repeat; overflow: auto; margin-bottom: 40px;} #process .column { margin: 0 auto; padding: 10px; width: 515px; text-align: center; } #process .column li:before { content: "— "; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-bottom: 5px; margin-top:0px; height: 24px; overflow: hidden;} #process .column h4.step { font: 30px/34px "NoticiaTextRegular", serif; color: white; margin-bottom:15px; padding-top:0px; height: 37px; overflow: hidden;} #process .column h3.s1 { color: #e56469; padding-top: 15px;} #process .column h3.s2 { color: #df805a; padding-top: 1px;} #process .column h3.s3 { color: #e3d63e; padding-top: 6px;} #process .column h3.s4 { color: #a3d660; padding-top: 3px;} #process .column h3.s5 { color: #79a068; padding-top: 5px;} #process .column h3.s6 { color: #77c9be; padding-top: 6px;} #process .column h3.s7 { color: #8f98cf; padding-top: 11px;} #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; } } @media (min-width: 480px) and (max-width: 767px) { #process .our-process li { display: list-item; margin-top: 10px; text-align: left; vertical-align: top; width: 80%; } #process .our-process li { margin-left: 30px; } #process ul { list-style: none; text-align: center; font-size: 16px; margin: 0 0 9px 0px;} #process ul li { line-height: 23px; color: #686868; } #process .column { float: left; width: inherit !important; padding: 8px 15px; width: 100%;} #process .process-bg { background:transparent url(../img/how-it-works-mobile.png) center top no-repeat; overflow: auto; margin-bottom: 40px;} #process .for-clear { clear: right; } #process .container { width: 320px !important; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-bottom: 5px; margin-top:0px; height: 24px; overflow: hidden;} #process .column h4.step { font: 30px/34px "NoticiaTextRegular", serif; color: white; margin-bottom:15px; padding-top:0px; height: 37px; overflow: hidden;} #process .column h3.s1 { color: #e56469; padding-top: 7px;} #process .column h3.s2 { color: #df805a; padding-top: 27px;} #process .column h3.s3 { color: #e3d63e; padding-top: 10px;} #process .column h3.s4 { color: #a3d660; padding-top: 48px;} #process .column h3.s5 { color: #79a068; padding-top: 34px;} #process .column h3.s6 { color: #77c9be; padding-top: 30px;} #process .column h3.s7 { color: #8f98cf; padding-top: 0px;} #process .column h4.s7 { height:72px;} } /* Our Process @max-width: 479px */ @media (max-width: 479px) { #process .our-process li { display: list-item; margin-top: 10px; text-align: left; vertical-align: top; width: 80%; } #process .our-process li { margin-left: 30px; } #process ul { list-style: none; text-align: center; font-size: 16px; margin: 0 0 9px 0px;} #process ul li { line-height: 23px; color: #686868; } #process .column { float: left; width: inherit !important; padding: 8px 15px;} #process .for-clear { clear: right; } #process .process-bg { background:transparent url(../img/how-it-works-mobile.png) no-repeat; overflow: auto; margin-bottom: 40px;} #process .container { width: 320px !important; } #process .column h3.step { font: 20px/25px "NoticiaTextRegular", serif; margin-bottom: 5px; margin-top:0px; height: 24px; overflow: hidden;} #process .column h4.step { font: 30px/34px "NoticiaTextRegular", serif; color: white; margin-bottom:15px; padding-top:0px; height: 37px; overflow: hidden;} #process .column h3.s1 { color: #e56469; padding-top: 7px;} #process .column h3.s2 { color: #df805a; padding-top: 27px;} #process .column h3.s3 { color: #e3d63e; padding-top: 10px;} #process .column h3.s4 { color: #a3d660; padding-top: 48px;} #process .column h3.s5 { color: #79a068; padding-top: 34px;} #process .column h3.s6 { color: #77c9be; padding-top: 30px;} #process .column h3.s7 { color: #8f98cf; padding-top: 0px;} #process .column h4.s7 { height:72px;} } /* 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(../img/contact-us-background.jpg) repeat 0 100%; } #contact header { height:406px; padding-top:70px; margin-top:40px; background:transparent url(../img/contact-us-background.jpg) repeat 0 100%; } #contact header .services-list-item { background: url(../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("../img/contact-us-background.jpg") repeat scroll 0 90% / cover transparent; height: 510px; padding-top: 10px; } #contact header .services-list-item { behavior: url(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(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; } } /* konfirmasi Us @min-width: 1280px */ @media (min-width: 1280px) { #konfirmasi header .services-list-item { margin: 50px; } } /* konfirmasi Us @min-width: 1024px */ @media (min-width: 1024px) { #konfirmasi header.header-thanks { height:406px; padding-top:70px; margin-top:0px !important; background:transparent url(../img/bgkonfirm.jpg) repeat 0 100%; } #konfirmasi header { height:406px; padding-top:70px; margin-top:40px; background:transparent url(../img/bgkonfirm.jpg) repeat 0 100%; } #konfirmasi header .services-list-item { background: url(../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')"; } #konfirmasi header .services-list-item img#phone, #konfirmasi header .services-list-item img#email { padding-top:90px; } #konfirmasi header .services-list-item p#social { padding-top:50px; } #konfirmasi header .services-list-item p { font-size: 18px; color: #fff; line-height: 50px; width: 68%; margin: 0 16%; } #konfirmasi 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; } #konfirmasi header .row { height: 100px; } #konfirmasi header a, #konfirmasi header a:hover { text-decoration: none; color: #cc292c; font-size: 18px;} #konfirmasi-form #form { margin-top: 40px; } #konfirmasi-form #form input, #konfirmasi-form #form textarea { width: 600px; padding: 10px; } #konfirmasi-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; } } /* konfirmasi Us @max-width: 1023px */ @media (max-width: 1023px) { section#konfirmasi { text-align:center; } #konfirmasi header { background: url("../img/konfirmasi-us-background.jpg") repeat scroll 0 90% / cover transparent; height: 510px; padding-top: 10px; } #konfirmasi header .services-list-item { behavior: url(PIE.htc); background: none repeat scroll 0 0 black; border-radius: 50px; height: 150px; margin: 10px auto; text-align: center; width:80%; float: none; } #konfirmasi header .services-list-item p#social { padding:50px 50px 0 0; } #konfirmasi header .services-list-item p { font-size: 18px; color: #fff; line-height: 50px; display: inline-block; padding-top:50px; } #konfirmasi 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; } #konfirmasi header .row { height: 100px; } #konfirmasi header a, #konfirmasi header a:hover { text-decoration: none; color: #cc292c; } #konfirmasi-form #form { margin-top: 40px; } #konfirmasi-form #form input, #konfirmasi-form #form textarea { width: 400px; padding: 10px; } #konfirmasi-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; } } /* konfirmasi Us @max-width: 479px */ @media (max-width: 479px) { #konfirmasi-form #form input, #konfirmasi-form #form textarea { padding: 10px; width: 90%; } #questionaire .start-project-btn { background-color: #D7D7D7; color: black; font-size: 20px; } #konfirmasi header .services-list-item p#social { padding: 50px 0 0; } #konfirmasi header .services-list-item { behavior: url(PIE.htc); background: none repeat scroll 0 0 black; border-radius: 50px; height: 150px; margin: 10px auto; text-align: center; width:100%; float: left; } #konfirmasi 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(../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(../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(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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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("../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(../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("../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("../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("../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("../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(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("../img/menu-expanded.png"); list-style-type: circle; } li.open-li a { font-size:18px; } li.list-in { list-style-image: url("../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("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(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:265px; 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 .line { background: url("../img/line.png") no-repeat scroll 5px 4px transparent; padding-left:32px; padding-top:2px; padding-bottom:2px; } .sub_nav .blog { background: url("../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("../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("../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("../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(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("../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("../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("../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("../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(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("../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("../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("../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("../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; } /* glass-page */ .glass-page .sub_nav { background: #d32229; } .glass-page .sub_nav ul li.category a { border-bottom: 1px solid #000; } .glass-page .sub_nav #left-side{ border-right: 1px solid #fff; } .glass-page .sub_nav ul li a:hover { color: #fff; background: #DB6A6C; } .glass-page .sub_nav ul li.category a:hover { color: #000; background: none; } /* adam levine */ .adam-levine .sub_nav { background: #3b5998; } .adam-levine .sub_nav ul li.category a { border-bottom: 1px solid #000; color: #fff; } .adam-levine .sub_nav #left-side{ border-right: 1px solid #fff; } .adam-levine .sub_nav ul li a:hover { color: #fff; background: #9ebbf9; } .adam-levine .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; } /*biografija.inline-name{position:absolute;top:355px; left:97px; width:402px; background:#d7383e; height:91px;z-index:2;} .team-name{color:#fff;font-family:Arial;font-size:34px;text-align:center;margin-top:22px;} .team-profession{color:#ef9498;font-family:Arial;font-size:16px;font-weight:bold;text-align:center;} .inline-bio{position:relative;top:-180px; left:-70px; width:756px; background:#181714; min-height:180px; z-index:1;} .team-bio{border-left:3px solid #202020;border-right:3px solid #202020;margin:25px 55px;padding:15px 50px;font-family:Arial;font-size:16px;color:#a3a3a3;text-align:center; line-height:21px;}*/ .inline-name{position:absolute;top:355px; left:27%; width:402px; background:#d7383e; height:91px;z-index:2;} .team-name{color:#fff;font-family:Arial;font-size:34px;text-align:center;margin-top:22px;} .team-profession{color:#ef9498;font-family:Arial;font-size:16px;font-weight:bold;text-align:center;} .inline-image{text-align:center;} .inline-bio{position:relative;top:-170px; left:2; width:900px; padding: 5px 0; background:#181714; min-height:180px; z-index:1;} .team-bio{border-left:3px solid #202020;border-right:3px solid #202020;margin:25px 55px;padding:15px 50px;font-family:Arial;font-size:16px;color:#a3a3a3;text-align:center; line-height:21px;} .team-bio p{font-size:14px; line-height:17px;} /*slider*/ .list_carousel { background-color: #fff; position:relative; } #foo4 { overflow: hidden !important; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { position:relative; font-size: 40px; color: #999; text-align: center; background-color:black; padding: 0; margin: 0px; border:none; display: block; } .clearfix { float: none; clear: both; } .list_carousel .prev { background: transparent url(../img/arrows.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 50px; height:120px; margin-right:0px; position: absolute; top: 70px; } .list_carousel .next { background: transparent url(../img/arrows.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 50px; height:120px; margin-left:0px; position: absolute; top: 70px; } .list_carousel .prev { background-position: 0 0; left:0px; top:42%; } .list_carousel .prev:hover { left:0px; top:42%; background: transparent url(../img/arrows-hover.png) no-repeat 0 0; } .list_carousel .next { background-position: -60px 0; right:0px; top:42%; } .list_carousel .next:hover { background-position: -60px 0 !important; right:0px; top:42%; background: transparent url(../img/arrows-hover.png) no-repeat 0 0; } .list_carousel .pager { text-align: center; margin: 0 auto; } .list_carousel .pager a { background: transparent url(../img/arrows.png) no-repeat -2px -32px; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin: 0 5px 0 0; } .list_carousel .pager a.selected { background: transparent url(../img/arrows.png) no-repeat -12px -32px; text-decoration: underline; } #foo4 h2{ color: #FFFFFF; font-size: 55px; line-height: 60px; } #foo4 .slide4 h2{ color: #000000; font-size: 55px; line-height: 60px; } #foo4 p { font-size: 15px; line-height: 30px; color:#FFFFFF; } #foo4 a { background: none repeat scroll 0 0 #CC292C; border-radius: 26px; color: #FFFFFF; display: block; font-family: "NoticiaTextRegular",serif; font-size: 25px; height: 53px; line-height: 53px; margin: 0 auto; max-width: 200px; z-index: 100; } #foo4 .slide3 a { background: none repeat scroll 0 0 #CC292C; border-radius: 26px; color: #FFFFFF; display: block; font-family: "NoticiaTextRegular",serif; font-size: 25px; height: 53px; line-height: 53px; margin: 0 auto; max-width: 200px; z-index: 100; float:none !important; } .slide1 { margin: 0 auto; width: 100%; position:absolute; left:6%; top:5%; } .slide2 { margin: 0 auto; width: 100%; position:absolute; left:14%; top:30%; } .slide3 { margin: 0 auto; width: 100%; position:absolute; right:20%; top:9%; } .slide4 { margin: 0 auto; width: 100%; position:absolute; left:0%; top:5%; } /*fix for about us page - scroll for popup bio*/ .about-us-page .fancybox-overlay { overflow-y: visible !important; } /*case studies for pdf fix*/ /*1*/ /*.focus-image img {*/ /*width: 62% !important;*/ /*}*/ /*#analog-first {*/ /*padding-top:150px !important;*/ /*}*/ /*#analog-second {*/ /*padding-top:160px !important;*/ /*}*/ /*#analog-the-outcome {*/ /*padding-top:80px !important;*/ /*}*/ /*2 ok*/ /*3*/ /*.focus-image img {*/ /*width: 82% !important;*/ /*}*/ /*4*/ /*#soliant-introduction .left{*/ /*padding-top: 170px !important;*/ /*}*/ /*#soliant-custom-product-pages .left {*/ /*padding-top: 330px !important;*/ /*}*/ /*#soliant-the-concept .left {*/ /*padding-top: 170px !important;*/ /*}*/ /*5*/ /*.focus-image img { width: 36% !important; }*/ /*.intro-chapter {*/ /*padding: 150px 0 !important;*/ /*}*/ /*.formdamentals-page .focus-image h1 {*/ /*padding-left: 25px !important;*/ /*padding-top: 110px !important;*/ /*}*/ /*#formdamentals-drawing .left{*/ /*padding-top: 250px !important;*/ /*}*/ /*6*/ /*#yellow-plum-the-concept .left {*/ /*padding-top: 150px !important;*/ /*}*/ /*#yellow-plum-community .left {*/ /*padding-top: 430px !important;*/ /*}*/ /*7*/ /*.focus-image img { width: 38% !important; }*/ /*#watchalyzer-the-concept .right > img {*/ /*width: 85%;*/ /*}*/ /*8*/ /*#printstarnow-pressero .left {*/ /*padding-top: 220px !important;*/ /*}*/ /*.focus-image img { width: 45% !important; }*/ /*#printstarnow-order-forms img {width:90% !important }*/ /*9 ok*/ /*10*/ /*.focus-image img {*/ /*width: 62% !important;*/ /*}*/ /*#life-gear-homepage .left {*/ /*padding-top: 250px !important;*/ /*}*/ /*#life-gear-lorem .left {*/ /*padding-top: 80px !important;*/ /*}*/