/* CSS Document */ /* TOC * RESET STYLES * FONT FACE (IF USED) * HTML * BODY * HEADER * NAVIGATION * PAGE * FOOTER * FORMS * PLUGINS * PRINT STYLES * MEDIA QUERIES ---------------------------------------------------------------------------*/ /* RESET STYLES ---------------------------------------------------------------------------*/ html { overflow-y: scroll; } body { margin: 0; font-size: 13px; line-height: 1.231; /*1.231 will be multiplied by current font size and make 16px line height */ min-height: 100%; font-family: 'Open Sans', sans-serif; color: #505050; word-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } button, input, select, textarea { font-family: sans-serif; /*Probably Helvetica for Linux/Mac Systems And Arial for Windows PC*/ color: #222; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { /* Safari Reset as Safari does not recognise quotes property */ content: none; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } iframe { max-width: 100%; } ins { background-color: #fcd700; color: #000; text-decoration: none; } mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; } p { margin: 0; padding: 0; } a { margin: 0; padding: 0; color: inherit; vertical-align: baseline; background: transparent; } a:hover, a:active { outline: 0; text-decoration: none; } a img { border: 0 none; } del { text-decoration: line-through; color: #ed1c24; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } small { font-size: 85%; } .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; /* hand cursor on clickable elements */ } button, input, select, textarea { margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */ } button { /* make buttons play nice in IE */ width: auto; overflow: visible; } table { font-size: inherit; border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; } td, td img { vertical-align: top; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } dd { margin: 0 0 0 40px; } .left { float: left; margin: 0 20px 10px 0; } .right { float: right; margin: 0 0 10px 10px; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; list-style: inside; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } /* FONT FACE (IF USED) ---------------------------------------------------------------------------*/ /* HTML ---------------------------------------------------------------------------*/ html { /*background-color:#e8e8e8;*/ } /* BODY ---------------------------------------------------------------------------*/ /*body { background:url("images/bg-repeat.jpg") repeat left top; }*/ /* HEADER ---------------------------------------------------------------------------*/ .site-header { width: 100%; background: #fff repeat-x left bottom; position: relative; z-index: 99999; } .site-header .tele { display: none; } .logo { float: left; width: 28%; padding: 12px 0 0 0; } .logo img{ width: 200px; } .clear { clear: both; } .services-nav { position: relative; display: none; } #seo-page.services-page .services-nav { display: none; } #seo-page.services-page .featured-list { font: normal 148%/1 'Oswald', sans-serif; padding: 12% 0 0 0; margin: 0; } #seo-page.services-page .featured-list a { text-decoration: none; } #seo-page.services-page .featured-list a:hover { text-decoration: underline; } #seo-page.services-page .service-quote p { font: normal 70%/1.2 'Oswald', sans-serif; padding-top: 12px; } #seo-page.services-page .service-quote p a { color: #fff; text-transform: uppercase; text-decoration: none; } .featured-list li { margin-bottom: 10%; } .sub-menu { width: 195px; position: absolute; top: 10px; left: 0; text-align: right; } .sub-menu > ul > li { margin-bottom: 15px; } .sub-menu > ul > li > a { padding: 6px 15px; background-color: #343534; display: block; font: 140%/1 'Oswald', sans-serif; text-transform: uppercase; color: white; } .sub-menu li ul { display: none; } .sub-menu li li { background: #fff no-repeat right 12px; font: 110%/1.3 'Oswald', sans-serif; padding: 5px 13px 5px 0; width: 135px; float: right } .sub-menu a:hover, .sub-menu a.current, .sub-menu > ul > li.currpage > a { color: #fd4615; } .sub-menu li.currpage ul, .sub-menu li:hover ul { display: block; } .sub-menu select { display: none; } .content p.introduction { font-size: 130%; font-weight: 600; } .content p a { font-weight: 600; color: #005e99; text-decoration: none; } .content p.link a { color: #fff; } /* NAVIGATION ---------------------------------------------------------------------------*/ .top-nav { background: repeat left top; padding: 2px 0 1px; } .top-nav ul { padding: 10px 0 8px 0; list-style: none; margin: 0 auto; } .top-nav ul li { float: right; padding: 0 0 0 25px; margin: 0 0 0 15px; } .primary-email { } .primary-phone { } .top-nav a { color: #d0d0d0; font: 15px/1 'Oswald', sans-serif; text-decoration: none; text-transform: uppercase; } nav a { text-decoration: none; } .main-navigation { float: right; width: 72%; } .main-navigation a { display: block; } .main-navigation ul.first-level > li { float: left; width: 14.28%; background-color: #fff; } .ie7 .main-navigation ul.first-level > li { width: 14%; } .main-navigation ul.first-level > li > a { height: 48px; padding: 30px 0 0 0; color: #333; border-bottom: 4px solid #c3c3c3; text-align: center; text-transform: uppercase; } .main-navigation ul.first-level > li > a:hover, .main-navigation ul.first-level > li:hover > a { border-bottom: 4px solid #5d95b5; background-color: #e9eef3; } .main-navigation ul.first-level > li:hover > .second-level-wrapper { display: block; opacity: 1; visibility: visible; -webkit-transition: all; -moz-transition: all; -o-transition: all; transition: all; } .main-navigation .second-level-wrapper { position: absolute; left: 0; bottom: -32px; z-index: 9999; width: 100%; background-color: #e9eef3; height: 32px; box-shadow: inset 1px 5px 20px -12px #000; -webkit-box-shadow: inset 1px 5px 20px -12px #000; -moz-box-shadow: inset 1px 5px 20px -12px #000; opacity: 0; visibility: hidden; z-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .main-navigation .second-level { display: table; margin: 0 auto; } .second-level > li { float: left; margin-right: 10px; position: relative; } .second-level > li > a { display: block; padding: 8px 8px 8px 8px; color: #000; } .second-level > li > a:hover, .second-level > li:hover > a { color: #fff; background: #5691b4 repeat-x left top; } .second-level ul { display: none; } .second-level li:hover > ul { display: block; } .third-level, .fourth-level { position: absolute; width: 220px; background-color: #333333; } .third-level li { border-bottom: 1px solid #262626; border-top: 1px solid #3f3f3f; position: relative; } .third-level li a { display: block; padding: 15px 17px; color: #ccc; } .third-level li a:hover, .third-level li:hover > a { color: #fff; background-color: #262626; } .fourth-level { position: absolute; left: 220px; top: 0; } /* Styles for SubMenu Ends */ ul.small-screen-nav { padding: 0 10px 10px 10px; background-color: #fff; margin: 0; list-style: none; display: none; } .small-screen-nav li { width: 30%; margin-right: 2%; float: left; text-align: center; } .small-screen-nav a { font-size: 127%; font-weight: bold; color: #005e99; text-decoration: none; } .small-screen-nav li span { display: block; } /* PAGE ---------------------------------------------------------------------------*/ #team, #services, #process, #partners, #locations, #content-wrapper, .section-wrapper { border-left: 0 solid #dcddde; border-right: 0 solid #dcddde; background-color: #fff; padding: 54px 33px 54px 32px; } #seo-page #team { padding: 30px 33px 15px 32px; } #seo-page.services-page #content-wrapper { padding: 54px 33px 54px 32px; } #partners { padding-bottom: 110px; } #clients { background-color: #292929; } #clients div, .statistics, .case-study { padding: 54px 33px 50px 32px; } #portfolio-detail .project-detail { padding: 45px 33px 54px 32px; } blockquote { margin: 0; } .link { padding-top: 15px; text-align: right; } .flex-caption .project-site a, .link a { text-decoration: none; padding: 5px 8px 7px 10px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 1; } .link a { font-size: 120%; } #site-footer { padding: 25px 33px 30px 32px; background-color: #1a1a1a; margin-bottom: 1px; border-bottom: none; } #contact-us #site-footer { margin-bottom: 0; } .disclaimer-msg { padding: 0 2% 2% 2%; font-size: .7em; line-height: 1.5; color: #505050; background-color: #1a1a1a; margin: 0; } #site-footer p { text-align: center; color: #9c9c9c; } #site-footer p a { text-decoration: none; color: #9c9c9c; } #team .link a, #locations .link a, #reviews .link a { background-color: #fcb121; } #services .link a { background-color: #fd4615; } #services .link { padding: 0; } .box-content { float: none; display: inline-block; width: 100%; } .content header h1, .callout-box h2 { font: normal 300%/1 'Oswald', sans-serif; margin-bottom: 15px; } .content header h1 { color: #005e99; } .page-error header h1 { text-align: center; } .content header ul { float: right; width: 50%; } .content ul { padding: 20px 0 0 16px; margin: 0; } .content h2 a { text-decoration: none; } .content h2 a:hover { text-decoration: underline; } .content ul.page-listing { padding-top: 0; } .image-wrapper.left { padding: 15px 50px 15px 0; } .image-wrapper img { vertical-align: middle; } .image-wrapper.right { padding: 0 0 15px 50px; } .page-heading { background-color: #262626; margin-bottom: 15px; } .page-heading h1 { color: #fff; } a.project-title, .content header h1, .page-heading h1, .portfolio-video-section h3 { font: normal 331%/1 'Oswald', sans-serif; padding: 15px 0; } .portfolio-video-section h3 { color: #747474; } .portfolio-video-section { padding: 2em 0; } .portfolio-video-section .video-content { padding: 3em 0; } a.project-title { display: block; color: #2f2f2f; text-decoration: none; } a.project-title.active, a.project-title:hover { text-decoration: underline; color: #fd4615; } .content p, .content ul, .content ol { margin-bottom: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.42; display: block} .content ul li p { margin-bottom: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.42; display: inline} .content .services-listing li { list-style-type: disc; list-style-position: outside; } .content .h2 { font-weight: 600; font-size: 120%; } #content-wrapper.content ul.intro { margin-bottom: 25px } #content-wrapper a:hover { text-decoration: none; } #content-wrapper img, .content img { max-width: 100%; } .content p:first-child strong, .content p.summary strong { line-height: 1.34; font-weight: 600; font-size: 16px; color: #2f2f2f; } #featured-video.two-columns .col-1 { width: 60%; } #featured-video.two-columns .col-2 { width: 36%; padding: 0; } #featured-video iframe, #featured-video object, #featured-video embed { max-width: 100%; } .two-columns .col-2 { padding-top: 87px; } .two-columns > div { width: 48%; float: left; } .two-columns div:first-child { margin-right: 4%; } .three-columns div { width: 26%; float: left; } .three-columns div:first-child { margin-left: 0; } .three-columns div { margin-left: 10%; } .five-columns div.column-5 { width: 22%; } blockquote { color: #fff; padding: 20px 0 15px 0; background-color: #0069aa; text-align: center; } #testimonials h1, blockquote, #statistics h1 { font: normal 300%/1 'Satisfy', cursive; } #testimonials h1, #statistics h1 { color: #fff; margin-bottom: 35px; } #call-us p { text-align: center; } #testimonials .rating { padding-top: 10px; display: block; margin: 0 auto; } #testimonials span.signature { display: block; padding-top: 10px; font-size: 120%; } .service-quote, #testimonials { background-color: #0069aa; } .featured-in { background: #FC4616 no-repeat center bottom; padding: 11px 0 76px; } .guide-quote { background-color: #fd4615; } #clients h1 { text-align: center; font: normal 300%/1 'Satisfy', cursive; color: #fff; background-color: transparent; } blockquote .link { text-align: center; padding-top: 10px; font: bold 40%/1 'Open Sans', sans-serif; } #services h2 { font: bold 140%/1 'Open Sans', sans-serif; text-transform: uppercase; color: #fd4615; padding-left: 15px; margin-bottom: 15px; } .services-list { padding-top: 20px; } .stats { padding: 0 10px 3px 15px; background-color: #f3f3f3; font-family: 'Open Sans', sans-serif; } .stats span { font-size: 150%; font-weight: bold; line-height: 1.1; width: 38%; padding-top: 8px; float: left; display: block; text-transform: uppercase; color: #2f2f2f; } .stats mark { float: right; background-color: transparent; font-style: normal; font-weight: bold; font-size: 600%; line-height: 1; color: #2f2f2f; font-family: Arial, Helvetica, sans-serif; } #clients ul, #partners ul, #statistics ul, #services ul, #process ul, #logo-design-page .content ul { list-style: none; margin: 0; } #breadcrumb { margin: 0; padding: 0; list-style: none; } #lp #introduction, #portfolio #introduction, #testimonial-page #introduction { background: #fff; } #portfolio #introduction #breadcrumb, #testimonial-page #introduction #breadcrumb { margin: 0 auto; border: none; } #introduction #breadcrumb { margin: 12px auto; } #introduction #breadcrumb.small { margin: 0 auto; border-left: 0 solid #dcddde; border-right: 0 solid #dcddde; background-color: #fff; padding: 12px 0 12px 184px; } #introduction #breadcrumb.large { margin: 0 auto; border-left: 0 solid #dcddde; border-right: 0 solid #dcddde; background-color: #fff; padding: 12px 0 12px 33px; width: auto; } #lp #introduction #breadcrumb { border: none; } #breadcrumb li { float: left; color: #474747; font-size: 130%; } #breadcrumb li a { font-size: 90%; text-decoration: none; color: #000000; } #breadcrumb li span { color: #9f9f9f; margin: 0 5px; } #breadcrumb li a:hover { text-decoration: underline; } #services ul, #process ul { padding: 10px 0 0 0; } #services ul h3, #services ul p { padding-left: 100px; } #services ul h3 { font-size: 16px; font-weight: 600; line-height: 20px; color: #2f2f2f; } #services ul h3 a { text-decoration: none; } #services ul h3 a:hover { text-decoration: underline; } #services li { overflow: hidden; height: 175px; margin-bottom: 15px; } #services li { } #services li:hover { } #services li p { background-repeat: no-repeat; } #services li.seo, #services li.design, #services li.ecommerce { height: 150px; } .seo p { background-position: 20px 25px; } .smm p { background-position: 18px -322px; } .ppc p { background-position: 13px -148px; } .branding p { background-position: 18px -493px; } .design p { background-position: 12px -672px; } .development p { background-position: 19px -851px; } .programming p { background-position: 17px -1030px; } .ecommerce p { background-position: 18px -1200px; } #team .large-screens img { cursor: pointer; -moz-opacity: 0.6; opacity: 0.6; } .ie7 #team .large-screens img { filter: alpha(opacity=60); } .ie8 #team .large-screens img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .ie7 #team img:hover { filter: alpha(opacity=100); } .ie8 #team img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #team img:hover { -moz-opacity: 1; opacity: 1; } #team .small-screens { display: block; text-align: center; } #team .large-screens { display: none; position: relative; width: 910px; height: 345px; margin: 0 auto 40px auto; } .member { position: absolute; top: -65px; left: 285px; width: 23%; } .who-we-are .member { left: 220px !important; } #careers-page .member { left: 150px; } .magento .member, .wordpress .member { position: absolute; top: -50px; left: 0; width: 23%; } /* .member { position:absolute; top:10px; left:0; width:20%; } */ .member span { display: block; } .member .name { font-size: 16px; line-height: 20px; font-weight: 600; color: #2f2f2f; } .member .jobtitle { text-transform: uppercase; color: #fd4615; font-size: 90%; line-height: 1; } .large-screens img { position: absolute; display: block; margin: 0; } .hiren { left: 300px; top: 34px; } .joel { left: 380px; top: 6px; } .aman { left: 182px; top: 33px; } .bronson { left: 576px; top: 34px; } .devon { left: 126px; top: 64px; } .devin { bottom: 5px; right: 220px; } .cliff { bottom: 5px; right: -1px; } .jordan { bottom: 5px; left: 208px; } .joy { left: 464px; top: 29px; } .justin { bottom: 5px; left: 108px; } .martha { bottom: 5px; left: 388px; } .mauro { right: 60px; top: 88px; } .naveed { bottom: 5px; left: 504px; } .peter { bottom: 5px; right: 85px; } .rick { left: 309px; top: 125px; } .sam { right: 153px; top: 63px; } .tara { bottom: 5px; left: 51px; } .frida { bottom: 5px; left: 2px; } #team .small-screens img { max-width: 100%; } #clients ul, #partners ul { padding: 50px 0 0 0; } #clients ul li { width: 23%; margin: 0 2.5% 1.5% 0; float: left; height: 132px; background-color: #000; text-align: center; line-height: 9.5; overflow: hidden; position: relative; } #clients ul li.last { margin-right: 0; } #clients ul li img { vertical-align: middle; width: 90%; } #clients ul li span { display: none; background-color: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .ie7 #clients ul li span img { vertical-align: middle; } #clients ul li:hover span { display: block; } #clients ul li:hover { background-color: #fff; } #lp #clients ul li { height: 127px; width: 23%; } #lp.shopify #clients ul li, #lp.wp #clients ul li { height: auto; width: auto; float: left; padding: 0; border: 5px solid #000; margin: 0 0 8px 9px; } #lp.shopify #clients p { padding: 35px 0 5px 0; text-align: center; color: #fff; font-style: italic; } /* Reviews */ #testimonial-page .featured-video { margin-bottom: 20px !important; } #testimonial-page #portfolio .flexslider img { border: none; } #testimonial-page #portfolio { } #testimonial-page #portfolio .flexslider-container { padding: 0; background-color: transparent; } #testimonial-page #portfolio .flexslider-wrap { max-width: 1156px; margin: 0 auto; border-left: 0 solid #dcddde; border-right: 0 solid #dcddde; background-color: #fff; padding: 13px 0 34px 0; } #testimonial-page #portfolio .flex-direction-nav li .prev { left: 9.4%; } #testimonial-page #portfolio .flex-direction-nav li .next { right: 9.4%; } #testimonial-page #portfolio .flex-direction-nav li a { } #testimonial-page #portfolio .flex-direction-nav li a { height: 65px; top: 36%; } #testimonial-page .slide-nav { background-color: #202020; } #testimonial-page .slides-controls { margin: 0; padding: 0; list-style: none; } #testimonial-page .slides-controls li { float: left; height: 95px; } #testimonial-page .slides-controls li:focus { outline: none; } #testimonial-page .slides-controls li a:hover, #testimonial-page .slides-controls li a.active { background-position: left -95px; color: #fff; } #testimonial-page .slides-controls li.bigcommerce-experts { width: 34.9%; } #testimonial-page .slides-controls li.shopify-experts { width: 23.22%; } #testimonial-page .slides-controls li.yelp { width: 12.66%; } #testimonial-page .slides-controls li.google-apps { width: 29.22%; } #testimonial-page .slide-nav li:first-child a { border-left: 1px solid #0e0e0e; } #testimonial-page .slide-nav li a { display: block; text-align: center; line-height: 95px; height: 95px; border-right: 1px solid #0e0e0e; text-decoration: none; font-size: 24px; color: #757575; font-family: 'Oswald', sans-serif; } #testimonial-page .slide-nav li a:focus { outline: none; } #testimonial-page .content h2 { font-family: 'Oswald', sans-serif; color: #246aa6; padding: 0 0 2.1% 0; font-size: 36px; float: left; } #testimonial-page .content h3 a, #testimonial-page .content h3 { font-size: 30px; color: #454545; text-decoration: none; font-family: 'Oswald', sans-serif; } #testimonial-page .content .review-tabs { padding: 0; list-style: none; width: 261px; float: right; margin-top: 11px; } #testimonial-page .testimonial .quote { background: none; width: 100%; float: none; padding: 0; } #testimonial-page .testimonial .quote p { font-size: 13px; color: #3e3e3e; line-height: 1.7; padding-right: 20px; } #testimonial-page .testimonial .picture img { border: 4px solid #f1f1f1; border-radius: 50px; padding: 0; float: left; margin-right: 10px; width: 11.7%; } #testimonial-page .testimonial .signature { font-size: 20px; color: #373737; float: left; line-height: 1.2; margin-top: 9px; width: 72%; } #testimonial-page .testimonial .signature span { display: block; font-size: 14px; color: #7b7b7b; } #testimonial-page .testimonial { border-top: none; float: left; width: 46%; margin-right: 4%; min-height: 266px; height: 266px; padding-top: 0; } #testimonial-page .testimonial .picture { width: 100%; float: none; margin-bottom: 11px; } #testimonial-page .testimonial.last { margin-right: 0; padding-top: 0; } #testimonial-page .content .review-tabs li { float: left; margin-left: 29px; } #testimonial-page .content .review-tabs a { text-decoration: none; font-family: 'Oswald', sans-serif; font-size: 24px; color: #767676; } #testimonial-page .content .review-tabs a:hover { color: #fd6115; border-bottom: 2px solid #fd6115; } #testimonial-page .testimonial-list { padding-top: 32px !important; margin-bottom: 40px !important; } #testimonial-page #yelpReview, #testimonial-page #others { float: left; } #testimonial-page .topscroll, #testimonial-page .topscroll-yelp { float: right; display: inline-block; } /* Reviews end */ /* Why CT */ .who-we-are #breadcrumb li a, .who-we-are #breadcrumb li span, .who-we-are #breadcrumb li { font-size: 14px; color: #929292; font-family: 'Ubuntu', sans-serif; } .who-we-are #introduction #breadcrumb.large { padding: 28px 0 7px 33px; } .who-we-are #team { padding-top: 0; padding-bottom: 2px; } .who-we-are #team .large-screens { margin-bottom: 37px; outline: none !important; } .who-we-are .content p, .who-we-are .content ul, .who-we-are .content ol { color: #464646; font-size: 16px; margin-bottom: 25px; line-height: 1.6; } .who-we-are #Team, .who-we-are .large-screens img { outline: none !important; } .who-we-are .content p.justify, .who-we-are .two-columns p { text-align: justify; color: #333333; font-family: 'Ubuntu', sans-serif; outline: none !important; } .who-we-are .features-large-screens, .who-we-are ul.ct-features-inner { display: none; } .who-we-are .two-columns > div { width: 48.2%; } .who-we-are .two-columns div:first-child { margin-right: 3.6%; } .who-we-are .content strong { font-size: 18px !important; font-weight: 700 !important; color: #343534 !important; font-family: 'Ubuntu', sans-serif; } .who-we-are .section-wrapper { padding-top: 43px; } .who-we-are .questions-wrap { background: #1869a8; } .who-we-are .questions-quote { width: 900px; margin: 0 auto; padding: 30px 33px 25px 32px; } .who-we-are .questions-quote p { text-align: center; font: 400 290%/1.2 'Satisfy', cursive; color: #fff; } .who-we-are .questions-quote p a { color: #faa725; font-family: 'Oswald', sans-serif; font-size: 32px; text-decoration: none; } .who-we-are #core-values { padding: 13px 0 0 0; list-style: none; margin-bottom: 21px; } .who-we-are #core-values h3 { font-size: 18px !important; color: #0069aa !important; font-weight: 600 !important; padding: 19px 0 0 120px; } .who-we-are #core-values li { width: 43%; float: left; margin-right: 3%; margin-bottom: 22px; } .who-we-are #core-values li img { float: left; margin-right: 20px; } .who-we-are #core-values li.last { margin-right: 0; width: 48.5%; } .who-we-are .service-quote-wrap { background: #434343; } .who-we-are .service-quote { background: #434343; } .who-we-are blockquote { font: normal 292%/1 'Satisfy', cursive; padding: 20px 8px 15px 8px; } .who-we-are .ct-features { text-align: center; padding-top: 8px; } .who-we-are .ct-features-inner { padding: 0; list-style: none; margin-bottom: 53px !important; } .who-we-are .ct-features-inner li { float: left; font-size: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #363636; text-align: center; line-height: 1.2; } .who-we-are .ct-features-inner li span { font-size: 11px; color: #9a9a9a; font-weight: 500; display: block; } .who-we-are .clients { margin-left: 114px; } .who-we-are .retention { margin-left: 74px; } .who-we-are .satisfication { margin-left: 48px; } .who-we-are .visits { margin-left: 46px; } .who-we-are .revenue { margin-left: 26px; } /* Why CT ends */ /* Career Page */ #careers-page { } #careers-page #team { padding-bottom: 40px; } #careers-page #team .large-screens { margin-bottom: 0; } #careers-page #content-wrapper { padding-bottom: 20px; } #careers-page #content-wrapper .two-columns p { font: 16px/1.2 'Oswald', sans-serif; color: #0069aa; } .sub-heading { font: 30px/1.2 'Oswald', sans-serif; color: #0069aa; } #careers-page .three-columns { padding-top: 8%; } #careers-page .three-columns div { width: 31%; margin: 0 2% 3% 0; } #careers-page .three-columns span { display: block; } #careers-page .three-columns .callout-head { margin: 12px 0 4px 0; font: 16px/1.2 'Oswald', sans-serif; } #jobs-listing { width: 100%; margin: 15px 0 30px 0; } #jobs-listing tr { border-bottom: 1px solid #d7d7d7; } #jobs-listing td { padding: 10px 0; vertical-align: middle; } #jobs-listing tr a { text-decoration: none; } #jobs-listing .link { margin: 0; padding: 0; } #jobs-listing .link a { background-color: #006cac; padding: 3px 10px 3px 10px; } .job-title { text-transform: uppercase; font: 18px/1.2 'Oswald', sans-serif; width: 32%; } .reviews-section .review { padding: 2% 0; } .reviews-section .member-img { width: 20%; } .reviews-section img { max-width: 100%; } .reviews-section .member-review { width: 78%; } #zack-review .member-review, #hannah-review .member-review, #hugo-review .member-review { padding-top: 4%; } #jordan-review .member-review { padding-top: 5%; } #aman-review .member-review { padding-top: 1.5%; } #lynn-review .member-review { padding-top: 2%; } .reviews-section #hannah-review.review { padding-top: 4%; } .reviews-section .member-review p { margin: 0; } .reviews-section .member-name { display: block; font-size: 16px; color: #0069aa; font-family: 'Oswald', sans-serif; font-weight: normal; padding-bottom: 2px; } .quote-left { float: left; } .quote-right { position: relative; margin-left: 8px; top: 10px; } .review-left .member-img, .review-right .member-review { float: right; } .review-left .member-review, .review-right .member-img { float: left; } /* #careers-page #team { padding-bottom: 0; } #careers-page .large-screens { margin-bottom: 0; } #careers-page .left .team-image { float: left; } #careers-page .right .team-image { float: right; } #careers-page .team-reviews h3 { font-size: 16px; color: #0069aa; font-family: 'Oswald', sans-serif; font-weight: normal; margin-left: 44px; } #careers-page .left .team-reviews { float: right; width: 80%; margin: 20px 0 0 0; } #careers-page .right .team-reviews { float: left; width: 80%; margin: 20px 0 0 0; } #careers-page .team-reviews p img:first-child { margin: 0 20px 0 0; top: -7px; } #careers-page .team-reviews p img { margin-left: 15px; position: relative; top: 10px; } .team-quote { padding: 34px 0; } #careers-page .two-columns p { color: #0069aa; font-size: 16px; font-family: 'Oswald', sans-serif; } #careers-page .two-columns div:first-child { margin-right: 2%; } #careers-page .two-columns > div { width: 49%; float: left; } #lp.shopify #clients ul li:first-child { margin-left: 0; } */ #lp.shopify #clients ul li img, #lp.wp #clients ul li img { max-width: 100%; width: auto !important; display: block; margin: 0; } #lp #clients ul li a { text-decoration: none; } #lp #clients ul li img { width: 95% !important; margin: 0 auto; } .ie7 #lp #clients ul li { padding: 2px 0 0 2px; } #lp #clients ul li span { background: transparent; color: #BDE5FE; font: normal 250%/1.5 'Oswald', sans-serif; padding-top: 18%; height: 67%; } #lp #clients ul li:hover, #lp.md #clients ul li:hover { background-color: #000; } #lp.md #clients ul li { width: 31.4%; height: 216px; margin-top: 13px; line-height: 16.3; } #lp.md #clients ul li img { width: 96% !important; margin: 0 auto; } .ie7 #lp.md #clients ul li { padding: 3px 0 0 3px; } #process ul { padding-top: 20px; } #process li { width: 48.5%; color: #fff; margin-bottom: 3%; } #process li h2 { padding: 12px 20px; margin: 0; font: normal 300%/1 'Oswald', sans-serif; } #process li p { padding: 5px 20px; margin: 0; line-height: 1.7; } #process li.odd { margin-right: 2%; } #process .link { padding-top: 15px; } #process .link a { background-color: #fd4615; } #partners li { float: left; padding: 35px 0 10px 0; height: 245px; width: 48%; text-align: center; background-color: #f6f6f6; margin-bottom: 2.5%; position: relative; } #partners li p { font-size: 120%; font-style: italic; padding: 30px 40px 0; } #partners li img { max-width: 100%; } #partners li.odd { margin-right: 2.5%; } #testimonials { padding: 50px 75px; color: #fff; } #call-Us { padding: 22px 75px 17px; color: #000000; background-color: #4eafdc; } #locations { background: #fff; } #locations { padding-top: 120px; padding-bottom: 130px; } #locations .link { text-align: left; padding-top: 35px; } .location-1 { padding-top: 120px; } .location-1, .location-2 { margin-left: 10%; } .location-1 span, .location-2 span { display: block; } .location-1 strong, .location-2 strong { text-transform: uppercase; font-size: 110%; } .location-1 strong { color: #ffa903; } .location-2 strong { color: #fd4615; } /* Statistics section */ #statistics, #case-study { background: #121212; color: #fff; } #statistics ul { padding: 0; } #statistics .title { font: bold 110% 'Open Sans', sans-serif; text-transform: uppercase; color: #42b0f5; } #statistics span.title { height: 45px; } #statistics h2.title { margin-bottom: 8px; } #statistics .summary { font: normal 220%/1 'Oswald', sans-serif; } #statistics h3 { font: normal 120%/1.1 'Oswald', sans-serif; margin-bottom: 8px; } #statistics h3 a { color: #fff; text-decoration: none; } #statistics h3 a:hover { text-decoration: underline; } #statistics .quote { font: normal 300%/1.5 'Oswald', sans-serif; margin-bottom: 0; } #statistics .quote q { color: #ccc; } #statistics .quote cite { font-style: normal; } .blog-posts li { margin-bottom: 15px; } #statistics .metadata { font-size: 90%; text-transform: uppercase; font-style: italic; color: #ccc; } #statistics .permalink a { font-size: 110%; color: #fd4615; /* font-weight:bold; */ text-decoration: none; } #statistics .permalink a:hover { text-decoration: underline; } #statistics .col-one li { float: left; width: 30%; margin: 0 0 3% 3%; height: 125px; } #statistics .col-one li.drink, #statistics .col-one li.green-commute { text-align: left; width: 45%; height: 160px; } #statistics .col-one li.drink { } #statistics .col-one li.green-commute { } #statistics .col-one li.drink .title, #statistics .col-one li.green-commute .title { height: 30px; } #statistics .col-one li.drink .summary, #statistics .col-one li.green-commute .summary { font-weight: bold; font-size: 450%; line-height: 1; } #statistics .col-one li.drink .summary { padding-left: 26px; } #statistics .col-one li.green-commute .summary { padding-left: 53px; } #statistics .col-one li { text-align: center; } #statistics ul span, #statistics ul small { display: block; } #statistics ul small { font-size: 75%; } #statistics .link { text-align: left; } #statistics .link a { background-color: #e14318; } /* Sitemap ---------------------------------------------------------------------------*/ #sitemap { background: repeat left top; padding: 45px 0 38px; color: #989898; } #sitemap .five-columns { width: 960px; margin: 0 auto; max-width: 100%; } .five-columns div { float: left; } .five-columns div.column-1 { margin-left: 0; width: 19%; text-align: center; margin-right: 5%; } .five-columns div { float: left; } .five-columns div.column-2 { width: 19.8%; } .five-columns div.column-3 { width: 17.7%; } .five-columns div.column-4 { width: 17.7%; } .five-columns div.column-5 { width: 20.8%; } .footer-logo { width: 90%; } #sitemap .socials { padding-top: 10px; padding-bottom: 6px; } #sitemap h2 { font-size: 115%; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; color: #989898; } #sitemap .column-2 h2 { margin-bottom: 4px; } #sitemap li, #sitemap p { line-height: 1.95; } address { font-style: normal; } address span { display: block; line-height: 1.6; } #sitemap address { padding-top: 5px; } #sitemap .email-link a { font-weight: bold; text-transform: uppercase; line-height: 2.5; font-size: 130%; } #sitemap ul { padding: 0; list-style: none; margin: 0; } #sitemap li a { text-decoration: none; color: #989898; } #sitemap .socials a { margin-right: 3%; } /* Call Us ---------------------------------------------------------------------------*/ #call-us { padding: 22px 75px 23px; color: #000000; background-color: #4eafdc; /* margin-top: 15px; */ } .featured-in + #call-us { margin-top: 15px; } #call-Us { background-color: #0069aa; padding: 30px 75px; } #call-Us p { font: normal 300%/1 'Satisfy', cursive; } #call-Us p strong { font-family: 'oswald', sans-serif; font-style: normal; color: #ffa903; margin-left: 5px; } #call-us p:first-child { margin-bottom: 24px; font: normal 267%/1 'Satisfy', cursive; } #call-us a, #call-us p strong { font-size: 20px; font-family: 'oswald', sans-serif; font-style: normal; font-weight: normal; line-height: 32px; } #call-us p .tele-number { /*background: url('images/phone.png') no-repeat 2px 2px;*/ padding-left: 52px; margin-right: 50px; padding-bottom: 4px; text-decoration: none; color: #fff; } #call-us .mail-link { text-transform: uppercase; /*background: url('images/email.png') no-repeat 0 7px;*/ padding-left: 39px; padding-bottom: 4px; text-decoration: none; color: #000000; } #call-us a span { border-bottom: 2px solid #fff; } /* Breadcrumb ---------------------------------------------------------------------------*/ .breadcrumb { list-style: none; margin: 0 auto; padding: 13px 0 0 0; background-color: #fff; } .breadcrumb .previous { float: left; } .breadcrumb .next { float: right; } .breadcrumb li { float: left; margin-right: 4px; padding-top: 4px; } .breadcrumb li.previous, .breadcrumb li.next { padding: 0; margin: 0; } .breadcrumb a { color: #343534; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .project-detail { background-color: #fff; } #project .flexslider { float: right; width: 505px; height: 359px; } #project .flex-direction-nav .next, #project .flex-direction-nav .prev { height: 26px; width: 26px; top: 50%; position: absolute; display: block; text-indent: -9999px; } #project .flex-direction-nav .next { background-position: right top; right: 5px; } #project .flex-direction-nav .prev { left: 5px; } #portfolio-detail .flex-caption { width: 370px; } #portfolio-detail .flex-caption span { display: block; padding: 10px 0 5px 0; word-wrap: break-word; } #portfolio-detail .flex-caption strong { text-transform: uppercase; margin-right: 3px; } #portfolio-detail .flex-caption p { line-height: 1.7; } #portfolio-detail .flex-caption a { color: #0069aa; } #portfolio-detail .flex-caption a:hover { text-decoration: none; } #portfolio-detail .three-columns div { width: 28%; float: left; margin-left: 5%; } #portfolio-detail .three-columns ul { padding: 0 0 0 14px; } .case-study h2 { text-align: center; padding-bottom: 15px; text-transform: uppercase; } .case-study img { display: block; margin: 0 auto 10px auto; } .case-study .before, .case-study .after { text-transform: uppercase; } .case-study .before strong, .case-study .after strong { display: block; color: #42b0f5; font-size: 115%; } .case-study .before mark { background-color: transparent; font: 200%/1 'oswald', sans-serif; color: #fff; } .case-study .after mark { background-color: transparent; font: 350%/1 'oswald', sans-serif; color: #fff; } .case-study .link { text-align: left; } .case-study .link a { background-color: #e04218; } /* FORMS ---------------------------------------------------------------------------*/ /* PLUGINS ---------------------------------------------------------------------------*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { max-width: 100%; display: block; margin: 0 auto; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { background: #fff; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { position: relative; } /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container { zoom: 1; position: relative; } /* #homepage .slide-1 { background-color:#000d2f; } #homepage .slide-2 { background-color:#aaacad; } #homepage .slide-3 { background-color:#d5656b; } #homepage .slide-4 { background-color:#544f4b; } #homepage .slide-5 { background-color:#7bcceb; } */ #homepage .slide-1 { background: #000d2f no-repeat center top; } #homepage .slide-2 { background: #aaacad no-repeat center top; } #homepage .slide-3 { background: #d5656b no-repeat center top; } #homepage .slide-4 { background: #544f4b no-repeat center top; } #homepage .slide-5 { background: #7bcceb no-repeat center top; } #homepage .slide-6 { background: #2a2a2a no-repeat center top; } #homepage .flexslider .slides li a { width: 100%; height: 488px; display: block; text-indent: -99999px; } #homepage .flexslider .slides li { height: 488px; } /* Caption style */ /* IE rgba() hack */ .flex-caption p.detail, .slide-nav p.detail { line-height: 1.5; font-size: 120%; color: #262626; } .detail span { display: block; } .detail a { color: #0068aa; margin: 0 5px 0 5px; text-transform: uppercase; font-size: 85%; } .detail a:hover { text-decoration: none; } #portfolio .flex-caption { padding: 20px 0 40px 0; } .flex-caption h2 { font: normal 100%/1 'Oswald', sans-serif; padding-bottom: 15px; } #portfolio .flex-caption h2 { color: #0069aa; font-size: 300%; } .flexslider .detail { width: 60%; float: left; } .flexslider .quick-links { width: 17%; float: right; } .flexslider .quick-links a { display: block; padding: 6px 0; margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 120%; text-decoration: none; background-color: #fd4615; text-transform: uppercase; color: #fff; } .flex-caption h2 mark { font-weight: bold; color: #ff3702; background-color: transparent; font-style: normal; } .flex-caption p { font: normal 100%/1.3 'Open Sans', sans-serif; } .flex-caption p em { display: block; padding-bottom: 15px; } .flex-caption .project-site a { font-size: 80%; background-color: #ff3702; } /* Direction Nav */ .flexslider-container { position: relative; } /* #homepage .flex-direction-nav { display:none; } */ .flex-direction-nav { height: 0; width: 0; overflow: hidden; } #portfolio .flex-direction-nav li a, #homepage .flex-direction-nav li a { background-repeat: no-repeat; display: block; text-indent: -9999px; width: 48px; height: 81px; position: absolute; } #portfolio .flex-direction-nav li a { top: 150px; } #homepage .flex-direction-nav li a { top: 36%; } #portfolio .flex-direction-nav li .next, #homepage .flex-direction-nav li .next { right: 7%; background-position: left bottom; } #portfolio .flex-direction-nav li .prev, #homepage .flex-direction-nav li .prev { left: 7%; } #portfolio-detail li.previous a, #portfolio-detail li.next a { background-repeat: no-repeat; width: 60px; display: block; height: 22px; color: #fd4615; font: 115%/1 'Oswald', sans-serif; text-decoration: none; padding-top: 5px; } #portfolio-detail li.next a { text-align: right; background-position: right bottom; padding-right: 70px; } #portfolio-detail li.previous a { padding-left: 70px; } .flex-direction-nav li .disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li:first-child { margin: 0; } .flex-control-nav li a { width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -999em; } .flex-control-nav li a:hover { background-position: 0 -13px; } .flex-control-nav li a.active { background-position: 0 -26px; cursor: default; } .flexslider-container { background-color: #fff; } #portfolio .flexslider-container { padding-top: 10px; } #portfolio .flexslider img { border: 1px solid #babbb9; } #homepage .slide-nav { height: 95px; /* border-top:1px solid #d2d2d2; */ background-color: #202020; } #homepage .slide-nav ol { margin: 0; padding: 0; height: 95px; list-style: none; } #homepage .slide-nav li { width: 16.66%; float: left; height: 95px; } #homepage .slide-nav li a { display: block; text-align: center; line-height: 95px; height: 95px; border-right: 1px solid #0e0e0e; } .ie7 #homepage .slide-nav li a { line-height: 1; padding: 25px 0 0 0; height: 70px; } #homepage .slide-nav li a:focus { outline: none; } #homepage .slide-nav li:first-child a { border-left: 1px solid #0e0e0e; } #homepage .slide-nav li a img { filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; vertical-align: middle; width: 100%; } #homepage .slide-nav li a:hover img, #homepage .slide-nav li a.active img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #homepage .slide-nav li a.active, #homepage .slide-nav li a:hover { background-position: left -95px; } #portfolio .content { background-color: #fff; padding-bottom: 30px; } #portfolio .load-more a { display: block; padding: 10px 0; text-align: center; /*background-color:#e8e8e8;*/ text-transform: uppercase; font-size: 120%; font-weight: bold; text-decoration: none; } #portfolio .load-more a:hover { background-color: #dfdbdb; } #portfolio .content header h1 { color: #fff; } #portfolio .portfolio-list ol, #testimonial-page .testimonial-list, .shopify .testimonial-list, .bc .testimonial-list, .md .testimonial-list, .wp .testimonial-list { padding: 0; list-style: none; margin: 0; } #portfolio .portfolio-list li { padding: 25px 0; list-style: none; } .project-thumb { float: left; height: 100%; margin-right: 35px; } #portfolio .portfolio-list img { max-width: 100%; border: 1px solid #babbb9; } #seattle-web-design .portfolio-list li { padding: 15px 0; list-style: none; } #seattle-web-design .portfolio-list li img { margin-right: 25px; border: 1px solid #BABBB9; } #seattle-web-design .portfolio-list ol { padding-left: 0; } #graphic-design-page h2 { padding: 0.7em 0 0.7em; font-weight: 600; } #logo-design-page .content ul { margin: 0 auto; padding: 0; } #logo-design-page .content ul li { float: left; margin: 0 1.5% 3% 1.5%; width: 47%; } #logo-design-page .content ul li a { outline: none; } #logo-design-page .content ul li img { border: 1px solid #d9d9d9; outline: none; width: 100%; } .logos-detail { display: none; } #logo-design-page #cboxLoadedContent { background-color: #000; } #logo-design-page #cboxLoadedContent p { width: 646px; margin: 15px auto; color: #fefefe; } #logo-design-page #cboxLoadedContent p strong { color: #979797; } #logo-design-page #cboxPrevious, #logo-design-page #cboxNext { top: 38%; } /*General Mosaic Styles*/ .mosaic-block { float: left; position: relative; overflow: hidden; width: 100%; height: 309px; /* background-color:#111;*/ } .mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; /*background:#111;*/ } .mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: transparent; } .bar2 .mosaic-overlay { height: 309px; padding-top: 10px; bottom: -240px; } .pageScrollerNav { position: fixed; left: 43%; bottom: 0; list-style: none; color: #fff; padding: 0; margin: 0; background-color: #000; z-index: 1000; } .pageScrollerNav ul { padding: 0; list-style: none; } .pageScrollerNav a { display: block; width: 150px; height: 20px; font-size: 120%; padding: 10px 25px 10px 20px; text-align: center; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #0069aa; } .pageScrollerNav li { display: none; } .pageScrollerNav li.statistics { margin: 0; padding: 0; width: auto; } .pageScrollerNav li.current { display: block; } .pageScrollerNav li.current a { background: #0069aa no-repeat 164px center; } form div { padding: 5px 0; } form p.sucessful, form p.unsucessful { padding: 5px 10px; color: #fff; text-align: center; } form p.sucessful { background-color: #2B8A20; } form p.unsucessful { background-color: #CC3300; } form legend { display: block; border: none; } fieldset { border: 0; padding: 0; } h2.highlight { background-color: #0069aa; color: #fff; font: 200%/1 'Oswald', sans-serif; padding: 15px 10px; margin-bottom: 25px; text-transform: uppercase; } #contactUs label, #ss-form label { display: block; margin-bottom: 3px; } #ss-form ul { list-style: none; padding-left: 0; } form label.error { color: red; } form input { vertical-align: middle; } form input, form textarea { border: 1px solid #ccc; padding: 5px; } textarea { resize: vertical; } #submitButton { background-color: #0069aa; color: #fff; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; padding: 5px 20px; border: none; } #submitButton:focus { background-color: #0069aa; } /* #bc - Big Commerce Landing Page */ #lp #services { padding: 0; border: 0; } #lp .featured-image { width: 100%; height: 470px; text-indent: -9999px; } #lp.bc .featured-image { background: #fff no-repeat center top; } #lp.md .featured-image { background: #fff no-repeat center top; height: 559px; } #lp.shopify .featured-image { background: #fff no-repeat center top; } #lp.wp .featured-image { background: #fff no-repeat center top; } #introduction ul.small-screen-nav { border-bottom: 8px solid #0069aa; } ::-webkit-input-placeholder { color: #505050; } :-moz-placeholder { color: #505050; } :-ms-input-placeholder { color: #505050; } .placeholder { color: #505050; } #packages { background-color: #fff; } #packages ul { padding: 0; margin: 0; list-style: none; } #packages li { width: 24%; float: left; margin-left: 1%; text-align: center; background-color: #cce1ee; border-bottom: 7px solid #fff; } #packages li.package-3 { border-top: 18px solid #ffa903; margin-top: -18px; border-bottom: 7px solid #cce1ee; background: #ffa903 no-repeat center bottom; } #packages li:first-child { margin-left: 0; width: 25%; } .ie7 #packages li:first-child { margin-left: 0; width: 24.9%; } #packages h3 { padding: 15px 10px; color: #fff; text-align: center; background-color: #0069aa } #packages li.package-3 h3 { background-color: #ffa903; } #packages h3 span, .design-options span, .hours span, .hours strong { display: block; } #packages h3 span.pkg-name { color: #cce1ee; font: 36px/1.2 'Oswald', sans-serif; } #packages li.package-3 h3 span.pkg-name { color: #fff; } #packages h3 span.pkg-price { font: bold 48px/1.2 'Oswald', sans-serif; } #packages h3 span.pkg-feature { text-transform: uppercase; padding: 30px 0 5px 0; font-size: 115%; } #packages li div { padding: 40px 20px; background-color: transparent; font: 130%/1.3 'Oswald', sans-serif; color: #0069aa; } #packages li.package-3 div { color: #fff; } #packages li .design-options { height: 140px; padding: 100px 0 0 0; line-height: 1.5; } .md #packages li .design-options { height: 170px; } #packages .flexslider ul li { margin: 0; border: none; background-color: #0069aa; } #packages .flexslider ul li p { font: 26px/1.5 'Oswald', sans-serif; color: #fff; padding: 1em 0; text-transform: uppercase; } #packages .flex-direction-nav { height: auto; width: auto; } #packages .flex-direction-nav .prev, #packages .flex-direction-nav .next { position: absolute; top: 0; display: block; height: 91px; width: 37px; text-indent: -9999px; } #packages .flex-direction-nav .prev { left: 0; background: #0069aa no-repeat 9px center; } #packages .flex-direction-nav .next { right: 0; background: #0069aa no-repeat -30px center; } .package-1 .design-options { background: no-repeat center 10px; } .package-2 .design-options { background: no-repeat center 10px; } .package-3 .design-options { background: no-repeat center 10px; } .package-4 .design-options { background: no-repeat center top; } .hours strong { font-size: 54px; line-height: 1.6; } #lp .hours { height: 275px; line-height: 1.5; } #packages .link { background-color: #0069aa; text-align: center; font: bold 16px 'Open Sans', sans-serif; color: #fff; padding: 6px 0; text-transform: uppercase; } #lp .callout-box li { list-style: none; font: 34px 'Oswald', sans-serif; padding: 10px 0 10px 55px; color: #fff; } #lp .callout-box li.blog { background: no-repeat left 13px; } #lp .callout-box li.cart { background: no-repeat left 13px; } #lp .callout-box li.logo-design { background: no-repeat left 13px; } #lp .callout-box li.product { background: no-repeat left 13px; } #lp .callout-box li.config { background: no-repeat left 13px; } #lp .callout-box li mark { background-color: transparent; font-style: normal; font-weight: normal; color: #ffa903; } #lp .callout-box li span { margin-left: 15px; } #lp .callout-box li small { font-size: 60%; } #lp .callout-box li img { float: left; display: block; margin: 0 0 5px 0; } #lp .callout-box { background-color: #292929; padding: 15px 5px 15px 15px; color: #fff; } #quick-quote.callout-box { padding-right: 17px; margin-bottom: 18px; } #quick-quote.callout-box em { font-size: 17px; font-weight: 300; } .submitButton { text-align: right; } .ie9 .submitButton { padding-right: 7px; } .callout-box #submitButton { background-color: #ffa903; font-size: 120%; border: 1px solid #ffa903; } #quick-quote label.error { display: none !important; } #quick-quote input { border: 2px solid #fff; max-width: 96%; } #quick-quote input.error { border: 2px solid red; } #optional-wrapper .two-columns div { width: 52%; } #optional-wrapper .two-columns div:first-child { width: 44%; } .content .content-link { text-decoration: none; color: #0069aa; font-weight: bold; } #reviews { padding-top: 0; } #reviews .testimonial-list-wrapper { padding-bottom: 20px; /* border-bottom:65px solid #e8e8e8; */ } #content-wrapper.thankyou-page header h1 { line-height: 1.5; text-align: center; } iframe[name=google_conversion_frame] { display: none; } .testimonial { width: 100%; border-top: 1px solid #ccc; margin-bottom: 2%; padding-top: 2%; } .testimonial-list .testimonial:first-child { border: none; padding-top: 0; } .testimonial .picture { width: 13%; float: left; padding-top: 1.1%; } .testimonial .picture img { display: block; margin: 0 auto; border: 1px solid #ccc; padding: 1px; } .testimonial .quote { width: 80%; float: right; padding: 1% 2% 0 5%; background: no-repeat left top; } .quote p { margin-bottom: 10px; } .testimonial .signature { float: right; font-size: 110%; } .testimonial a { text-decoration: none; } .testimonial a:hover { text-decoration: underline !important; } #testimonial-page .content h2 { font: normal 221%/1 'Oswald', sans-serif; color: #005E99; padding: 1% 0 3.5%; } #layerslider h2, #layerslider h3 { font-family: "Open Sans", sans-serif; font-weight: 300; } #layerslider h2 { color: #656565; font-size: 38px; } #layerslider h3 { color: #0069aa; font-size: 51px; font-weight: 400; } #slider-wrapper { width: 100%; overflow: hidden; } /* Pop up */ /* #homepage #colorbox { z-index: 9999; } #homepage #cboxOverlay { opacity: 0.9; cursor: pointer; background: #000; width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; } #msgPopUp form .column-one { padding-top: 0; } #msgPopUp h1 { margin: 0 0 20px 0; background: #0069aa; color: #fff; font-size: 24px; padding: 14px 0 14px 20px; } .column-one { float: left; width: 275px; padding-left: 20px; } .column-one input[type="text"], .column-one input[type="email"], .column-one textarea { border: 1px solid #c2c2c2; width: 252px; color: #aeaeae; font-size: 14px; padding: 8px 10px; outline: none; margin: 0 0 10px 0 !important; } .column-one textarea { resize: vertical; height: 130px !important; max-height: 130px; } .column-one input[type="submit"] { color: #fff; background: #fb4b25; font-size: 17px; text-decoration: none; text-transform: uppercase; padding: 10px 60px; } .column-two { float: right; width: 240px; padding: 0 25px 0 20px; } .column-two h2 { margin: 0; color: #0069aa; font-size: 16px; font-weight: bold; } .column-two p { color: #3f3f3f; font-size: 14px; margin: 0 0 15px 0; } .column-two div { background: url('images/border.png') repeat-x; padding: 10px 0; } .column-two .partner { background: none; padding: 15px 0; } .column-two .partner img { background: url('images/border-vert.png') repeat-y; padding: 0 0 0 38px; } .column-two .partner img:first-child { background: none; padding-left: 0; } .column-two div img:first-child { float: left !important; padding-top: 0; } .column-two div img { float: right; padding-top: 5px; } .column-two div p { color: #444444; font-size: 14px; float: right; } .captcha-code img { float: right; width: 150px; height: 34px; } .captcha-code input[type="text"] { float: left; width: 100px; } #homepage #cboxClose { top: 16px; width: 24px; height: 24px; display: block; position: absolute; font-size: 0; right: 16px; background: url('images/close-button.png') no-repeat 0 0; outline: none; cursor: pointer; } #homepage #cboxLoadedContent { border: none; } #popupResponsive #call-us { margin-top: 0; } */ iframe { max-width: 100% !important; display: block; } .iframe-center { margin: 15px auto; } .featured-video { max-width: 966px; margin: 0 auto; background-color: #fff; overflow: hidden; position: relative; } .featured-video iframe { max-width: 100%; margin: 0; display: block; } #play-video { display: block; position: absolute; background: repeat left top; top: 0; left: 0; width: 100%; height: 100%; } #play-video span { background: no-repeat center rgba(5, 54, 85, 0.8); display: block; width: 120px; height: 120px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: -45px; -webkit-transition: background-color 0.3s, opacity 0.3s; -moz-transition: background-color 0.3s, opacity 0.3s; -o-transition: background-color 0.3s, opacity 0.3s; transition: background-color 0.3s, opacity 0.3s; position: absolute; top: 48%; left: 45%; text-indent: -99999px; } /* Media Queries ---------------------------------------------------------------------------*/ @media screen and (min-width:1024px) { #careers-page #content-wrapper { padding-top: 35px; } } @media screen and (min-width:481px) and (max-width:1023px) { #careers-page #content-wrapper { padding-top: 0; } } @media screen and (min-device-width:320px) and (max-device-width:480px), screen and (min-width:100px) and (max-width:480px) { body { padding-top: 0; } #careers-page #content-wrapper { padding-top: 35px; } #testimonials, #sitemap img.footer-logo, .pageScrollNav, #service-quote span, #team .link, .guide-quote .link, blockquote span, #statistics, #locations .two-columns div:first-child, #process, .services-list li p, .site-nav, #lp .services-list, #lp .featured-image, #lp #clients, #lp .flexslider { display: none !important; } .stats span { width: 56%; } /* header */ a.project-title, .content header h1, .page-heading h1 { font: normal 200%/1 'Oswald', sans-serif; padding: 15px 0; } .content p:first-child strong, .content p.summary strong { font-size: 100%; } .location-1 { padding-top: 0 !important; } .location-1, .location-2 { margin-left: 5% !important; } .site-nav li { width: auto !important; margin: 0 2px !important; text-align: left; } ul.small-screen-nav { display: block; padding-top: 5px; } ul.small-screen-nav img { max-width: 100%; } #breadcrumb { width: 96%; padding: 2%; margin: 12px auto; } #portfolio ul.small-screen-nav { margin-bottom: 10px; } #homepage .flexslider-container { display: none; } #jobs-listing .link a { font-size: 11px; } /* .site-header .logo { text-align: left; } .site-header img { width: 50%; } .site-header .tele { font-size: 140%; top: 10%; right: 5px; } */ .site-header .logo { text-align: center; width: 100%; } .site-header img { max-width: 65%; display: block; margin: 0 auto; } .site-header .tele { width: 100%; position: static; font-size: 120%; top: 10%; text-align: center; display: block; padding: 5px 0; } .site-header .tele a { width: 100%; text-align: center; display: block; } .tele a:before { content: 'Call Us: '; } .top-nav ul { margin: 0 auto; display: table; } .top-nav ul li { float: none; text-align: center; } .top-nav ul li.primary-phone { margin-left: 9px; background-position: 5px 2px; margin-top: 5px; } .top-nav a { line-height: 1.2; } .main-navigation { display: none; } .site-header .wrapper .logo { text-align: center; width: 100%; padding: 10px 0 12px 0 !important; } .site-header { position: fixed !important; padding: 0; } ul.small-screen-nav { padding-top: 180px; } blockquote { padding: 0; margin: 0; } blockquote .link, #services .link { padding: 0; margin: 0; } .link a { padding: 0; display: block; text-align: center; } #locations { background-image: none; } .location-1, .location-2 { float: left; padding: 0; margin: 0; } .location-1 { margin-right: 5%; margin-left: 5% !important; } .five-columns div { width: auto; float: none; margin: 0; padding: 0; } section header { padding: 15px 0 20px 0; } section header h1 { padding: 0; margin: 0 !important; text-align: center; } .site-header h1 { padding: 0; } .stats mark { font-size: 400%; } /* Services */ .services-list h2 { text-align: center; } .services-list div { background-color: #f3f3f3; padding: 10px 0 0 0; } #services .two-columns div { margin-bottom: 10px; } #services li, #services p, #services li:hover { background-image: none; } .services-list ul { background: no-repeat 10px bottom; height: 392px; } .services-list div:first-child ul { background-position: 10px top; } .services-list ul li { height: 98px !important; padding: .7em 0 0 0 !important; margin: 0 !important; } #services .link { background-color: #fff; padding-top: 10px; } /* clients */ #clients { display: block !important; } #clients div { padding: 10px 0; } #clients ul { padding: 10px 0; } #clients ul li { width: 45%; margin: 2% 0 2% 3%; } /* partners */ #partners { padding: 0 !important; } #partners ul { padding: 0; } #partners li, #partners li.odd { padding: 10px 5px; } #partners li p { padding: 10px; } /* Portfolio Page */ #portfolio .flex-direction-nav { display: none; } .flexslider .quick-links { float: none; width: 100%; } .flexslider .detail { float: none; width: 100%; margin-bottom: 2%; } #portfolio .flexslider .quick-links a { border-radius: 5px; } input[type=text], input[type=email], input[type=tel], textarea { width: 90%; } fieldset { padding: 0; } #packages ul li, #packages ul li:first-child, #packages ul li.package-3 { width: 90% !important; margin: 0 auto 4% auto !important; float: none; } #packages ul li.package-3 { background-image: none !important; border-top: none !important; border-bottom: none !important; } #packages li .design-options, #packages li .hours { height: auto !important; padding: 0 !important; background-image: none !important; } #packages li .hours { padding-bottom: 15px !important; } .hours img { width: 20px; } .hours strong { font-size: 130%; display: inline; } #packages h3 { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 15px 5px 5px 5px; } #packages ul li, #packages ul li:first-child, #packages .link, #lp .callout-box { border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border: 0; } #packages ul li div { border-radius: 0 0 8px 8px !important; -moz-border-radius: 0 0 8px 8px !important; padding: 10px 10px 15px 10px; } #packages h3 span.pkg-name { font-size: 22px; } #packages h3 span.pkg-price { font-size: 28px; } #packages h3 span.pkg-feature { font-size: 14px; padding: 10px; } #lp .callout-box li { font-size: 20px; padding: 0; background-image: none !important; } #lp .callout-box li span { margin: 0; } #reviews .testimonial-list-wrapper { border-bottom: none; } a.project-title { font-size: 150%; line-height: 1.5; padding: 0 0 5px 0; } #portfolio .portfolio-list li { padding: 8px 0; } #graphic-design-page .content img { width: 80% !important; float: none; margin: 0 auto; display: block; } #seo-page.services-page .service-quote p { font: normal 50%/1.2 'Oswald', sans-serif; padding: 2%; } .two-columns .col-2 { padding-top: 0; } #call-us { padding: 22px 0; } #call-us p strong { margin-bottom: 10px; } #call-us a, #call-us p strong { background: none; display: block; } #site-footer { padding: 20px 33px 20px 32px } .featured-list li { margin-bottom: 5%; } .reviews-section .member-img { display: none; } .reviews-section .member-review { float: none; width: 100%; } .reviews-section #hannah-review.review { padding: 6% 0 0 0 !important; } #___plus_0 { display: none !important; } #sitemap .column-1 { width: 100%; } .who-we-are .questions-quote { width: auto !important; } .who-we-are #core-values h3 { padding-top: 7px !important; } .who-we-are blockquote { padding: 0 8px 0 8px; } #testimonial-page .slide-nav, #testimonial-page #portfolio { display: none; } #testimonial-page .content .review-tabs { margin-top: 0 !important; } } @media screen and (max-width:479px) { #testimonial-page .content .review-tabs { float: left; } #testimonial-page .content .review-tabs li { margin-right: 29px; margin-left: 0; } } @media screen and (max-width:600px) { body, #lp .site-header { background-color: #fff; } /* .site-nav { min-height: 50px; } .site-nav li.last { float: none; margin: 16px 0 0; width: auto; } */ #locations { background: none !important; } .who-we-are .two-columns > div { width: 100% !important; float: none !important; } #introduction #breadcrumb.small { padding: 2.5%; width: 95% !important; border: none; } #team, #services, #process, #partners, #locations, #sitemap, #site-footer, #content-wrapper, .section-wrapper, #sitemap { border: 0; padding: 10px; } #clients { display: none; } .sub-menu ul { display: none; } .services-page .sub-menu { background-color: transparent; position: static; height: auto; padding: 10px 0; width: 100%; } .services-page #content-wrapper { padding-top: 30px; padding-left: 10px } .sub-menu select { display: block; width: 90%; margin: 0 auto; } .pageScrollerNav { display: none; } #portfolio-detail .project-detail { padding: 10px; } #portfolio-detail .flex-caption { width: auto; } .testimonial .quote { background: none; } #careers-page .three-columns .callout-img { float: none !important; margin: 0 !important; } #call-us { padding: 22px 0; } #call-us p:first-child { margin-bottom: 14px; font: normal 244%/1 'Satisfy', cursive; } #call-us a, #call-us p strong { background: none; display: block; padding: 0; margin: 0 auto; } #call-us p strong { margin-bottom: 10px !important; } #call-Us { padding: 30px 15px; text-align: center; } #call-Us p strong { display: block; } #sitemap .five-columns div.column-2, .five-columns .column-2, .five-columns .column-3, .five-columns .column-4, .five-columns .column-5 { height: 0 !important; overflow: hidden !important; display: none !important; } #sitemap .column-1 { width: 75%; margin: 0 auto; float: none; } #sitemap .socials { padding-bottom: 0; } #sitemap { padding-bottom: 5px; } #testimonial-page .testimonial { float: none; width: 100% !important; } #testimonial-page .testimonial .picture img { width: 52px; } #testimonial-page .content .review-tabs { margin-top: 6px; } } @media screen and (max-width:700px) { .site-nav { min-height: 50px; } .site-nav li.last { float: none; margin: 16px 0 0; width: auto; } .site-nav li { width: 16.6%; margin: 0; text-align: center; } /* Why CT */ .who-we-are #core-values li, .who-we-are #core-values li.last { width: 100%; float: left; margin-right: 0; } .who-we-are #core-values li img { float: left; margin-right: 10px; } .who-we-are #core-values h3 { padding: 19px 0 0 110px; } /* Why CT ends */ #testimonial-page .slide-nav li a { font-size: 18px; } #testimonial-page .slides-controls li.shopify-experts { width: 28.22%; } #testimonial-page .slides-controls li.google-apps { width: 24.22%; } } @media screen and (max-width:800px) { #featured-video.two-columns .col-1 { width: 100%; } #featured-video.two-columns .col-2 { width: 100%; padding: 20px 0 0 0; } #featured-video iframe, #featured-video embed, #featured-video object { width: 100%; } #locations { background: #fff no-repeat 93% 83%; } .location-1 { padding-top: 20px; } .location-1, .location-2 { margin-left: 0; } #portfolio .flex-direction-nav li .prev, #portfolio .flex-direction-nav li .next { top: 6%; } #portfolio .content header h1 { padding-left: 1em; } #portfolio .flex-caption, #portfolio .portfolio-list ol { padding-left: 1em; padding-right: 1em; } #project .flexslider { float: none; max-width: 100%; height: auto !important; } .breadcrumb { padding: 10px 0; } .breadcrumb li { display: none; } .breadcrumb li.previous, .breadcrumb li.next { display: block; } #portfolio-detail .flex-caption { padding-top: 2em; } #portfolio-detail .flex-caption h2 { font-size: 200%; } #services li, #services li.seo, #services li.design, #services li.ecommerce { height: auto; margin: 0; padding-bottom: 20px; } .two-columns div, .three-columns div, #process li, .two-columns div:first-child, #partners li.odd, #partners li, #optional-wrapper .two-columns div:first-child, #optional-wrapper .two-columns div { width: auto; float: none; margin: 0; } #partners li { height: auto; } #process li, #process li.odd, #partners li, #partners li.odd { margin: 0 0 10px 0; } #process li img { width: 100%; } .site-header .tele { right: 10px; } #packages ul li:first-child, #packages ul li { width: 48%; } .submitButton { text-align: left; } #packages ul li { margin: 0 0 2% 2%; } #packages ul li:first-child { margin: 0 0 2% 2%; } #packages ul li.package-3 { margin-top: 0; background-image: none; border-top: none; border-bottom: none; } .sub-menu { width: 175px; padding: 0; background-color: #fff; } #graphic-design-page .content img { width: 50%; } #careers-page .three-columns div { float: none; width: 100%; margin: 0; } #careers-page .three-columns .callout-img { float: left; margin-right: 3%; } #portfolio-detail .three-columns div { width: 100%; margin-left: 0; padding-top: 3%; border-top: 1px solid #3c3c3c; } #portfolio-detail .three-columns div:first-child { border-top: none; padding-top: 0; } #portfolio-detail .case-study h2 { float: left; margin-right: 5%; } .case-study .link { text-align: center; margin-top: 7%; } #call-us { padding: 22px 0; } .five-columns div { float: left; margin-right: 1%; } .five-columns div.column-1 { width: 22%; margin-right: 2%; } .five-columns div.column-2 { width: 18.8%; } .five-columns div.column-3 { width: 16.7%; } .five-columns div.column-4 { width: 16.7%; } .five-columns div.column-5 { width: 19.8%; } #sitemap .zip, #sitemap .fax { display: block; } /* Why CT */ .who-we-are .two-columns > div { width: 48.2%; float: left; } .who-we-are .questions-quote p a { display: block; } /* Why CT ends */ #testimonial-page .testimonial { width: 48%; margin-bottom: 20px; min-height: initial; height: auto; } #testimonial-page .testimonial .quote p { padding-right: 0; } } @media screen and (orientation:landscape) and (max-width:480px) { .site-header { position: fixed !important; } ul.small-screen-nav { padding-top: 0; } } @media screen and (min-width:480px) and (max-width:1024px) { .site-header .wrapper .logo { padding: 10px 0 14px; width: 100%; text-align: center; } .main-navigation { width: 100%; } .main-navigation ul.first-level > li > a { font-size: 96%; } #introduction #breadcrumb.small { width: auto; border: none; } /* Why CT */ .who-we-are .questions-quote { width: auto !important; } /* Why CT ends */ #testimonial-page .slides-controls li.google-apps a, #testimonial-page .testimonial .quote p { padding-right: 0; } } @media screen and (min-width:800px) and (max-width:1024px) { .sub-menu { width: 175px; padding: 0; background-color: #fff; } .flex-caption h2 { font-size: 200%; } .flex-caption p { font-size: 120%; } #portfolio .flex-caption, #portfolio .portfolio-list ol { padding-left: 1em; padding-right: 1em; } .site-header .wrapper .logo { box-sizing: content-box; } .site-header .tele { right: 10px; } #portfolio .content header h1 { padding-left: 1em; } address span { display: block; } } @media screen and (min-width:1024px) { .site-header { position: fixed; top: 0; } .flex-caption h2 { font-size: 300%; } #portfolio .content header h1 { padding-left: 1em; } .wrapper { width: 910px; margin: 0 auto; } #homepage .slide-nav li a img, #clients ul li img { width: auto; } #team .small-screens { display: none; } #team .large-screens { display: block; } #homepage .slide-nav ol { width: 975px; margin: 0 auto; } #breadcrumb { margin: 50px auto 35px; width: 960px; } #introduction #breadcrumb.large { width: 932px; } #introduction #breadcrumb.small { width: 781px; padding: 12px 0 12px 184px; } #team, #services, #clients div, #process, #partners, #locations, .statistics, .project-detail, .case-study, #content-wrapper, .section-wrapper, #seo-page.services-page #content-wrapper { width: 900px; margin: 0 auto; } .breadcrumb { width: 965px; } #portfolio .flex-caption, #portfolio .portfolio-list ol { padding-left: 1em; padding-right: 1em; } address span { display: block; } #our-work { width: 1015px; } /* Why ct */ .who-we-are .features-large-screens { display: block; margin-bottom: 0 !important; } .who-we-are .features-small-screens { display: none; } .who-we-are ul.ct-features-inner { display: block; } .who-we-are blockquote { width: 98%; } /* Why CT ends */ #testimonial-page .other-reviews li:last-child { min-height: 227px; height: 227px; } #testimonial-page .reviews-content { padding-bottom: 0 !important; } #testimonial-page .other-reviews { margin-bottom: 0 !important; } } @media screen and (min-width:1055px) { blockquote, #packages { width: 1055px; margin: 0 auto; } .services-nav { width: 1055px; margin: 0 auto; } .sub-menu { width: 195px; padding: 0; } #portfolio .flexslider, .page-heading h1, #portfolio .portfolio-list { width: 915px; margin: 0 auto; } #testimonial-page #portfolio .flexslider { width: 958px; } #testimonial-page .flexslider .slides > li { width: 958px !important; } #testimonials, #call-Us { width: 905px; margin: 0 auto; } .footer-logo { width: 174px; } } @media screen and (min-width:1200px) { #testimonial-page .slides-controls { width: 1156px; margin: 0 auto; } #testimonial-page #content-wrapper { width: 957px; padding: 44px 95px 54px 104px; } #testimonial-page #portfolio .flex-direction-nav li .prev { left: 15.4%; } #testimonial-page #portfolio .flex-direction-nav li .next { right: 15.4%; } } @media screen and (min-width:1800px) { #testimonial-page #portfolio .flex-direction-nav li .prev { left: 21.4%; } #testimonial-page #portfolio .flex-direction-nav li .next { right: 21.4%; } } #applySubmit { color: #000000; }