/*@import url(http://fonts.googleapis.com/css?family=Volkhov:400italic,700italic,400,700); @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic); /* Template Name:Multi Version:1.0 Author:ShapeBootstrap Author URL:http://shapebootstrap.net */ /************************* *******Typography****** **************************/ /*@font-face{font-family:"HelveticaNeueW02-55Roma";src:url('../font/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix');src:url('../font/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix') format("eot"),url('../font/d5af76d8-a90b-4527-b3a3-182207cc3250.woff') format("woff"),url('../font/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf') format("truetype"),url('../font/b68875cb-14a9-472e-8177-0247605124d7.png#b68875cb-14a9-472e-8177-0247605124d7') format("svg")} @font-face{font-family:"HelveticaNeueW01-65Medi";src:url('../font/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix');src:url('../font/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix') format("eot"),url('../font/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff') format("woff"),url('../font/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf') format("truetype"),url('../font/36c182c6-ef98-4021-9b0d-d63122c2bbf5.png#36c182c6-ef98-4021-9b0d-d63122c2bbf5') format("svg")} @font-face{font-family:"HelveticaNeueW01-75Bold";src:url('../font/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix');src:url('../font/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix') format("eot"),url('../font/14ff6081-326d-4dae-b778-d7afa66166fc.woff') format("woff"),url('../font/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf') format("truetype"),url('../font/f751c8ae-1057-46d9-8d74-62592e002568.png#f751c8ae-1057-46d9-8d74-62592e002568') format("svg")} @font-face { font-family:'Century Gothic'; src:url('../font/century_gothic.eot'); src:url('../font/century_gothic.eot?#iefix') format('embedded-opentype'), url('../font/century_gothic.svg#Century Gothic') format('svg'), url('../font/century_gothic.woff') format('woff'), url('../font/century_gothic.ttf') format('truetype'); font-weight:normal; font-style:normal; } @font-face { font-family:'Lato'; src:url('../font/century_gothic_bold.eot'); src:url('../font/century_gothic_bold.eot?#iefix') format('embedded-opentype'), url('../font/century_gothic_bold.svg#Lato') format('svg'), url('../font/century_gothic_bold.woff') format('woff'), url('../font/century_gothic_bold.ttf') format('truetype'); font-weight:normal; font-style:normal; } */ @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700); @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700); body { padding-top:100px; background:#fff; font-family:'Lato', sans-serif; font-weight:400; color:#64686d; line-height:26px; } h1, h2, h3, h4, h5, h6 { font-weight:600; font-family:'Lato', sans-serif; color:#272727; } a { color:#45aed6; -webkit-transition:color 400ms, background-color 400ms; -moz-transition:color 400ms, background-color 400ms; -o-transition:color 400ms, background-color 400ms; transition:color 400ms, background-color 400ms; } a:hover, a:focus { text-decoration:none; color:#2a95be; } hr { border-top:1px solid #e5e5e5; border-bottom:1px solid #fff; } .gradiant { background-image:-moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); } .gradiant-horizontal { background-image:-moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); } .section-header { margin-bottom:50px; } .section-header .section-title { font-size:30px; color:#272727; text-transform:uppercase; position:relative; padding-bottom:20px; margin:0 0 20px; } .section-header .section-title:before { content:""; position:absolute; width:140px; bottom:0; left:50%; margin-left:-70px; height:4px; background:#ebebeb; } .btn { border-width:0; border-bottom-width:3px; border-radius:3px; } .btn.btn-primary { background:#45aed6; border-color:#2a95be; } .btn.btn-primary:hover, .btn.btn-primary:focus { background:#2a95be; } .column-title { margin-top:0; padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:15px; position:relative; } .column-title:after { content:" "; position:absolute; bottom:-1px; left:0; width:40%; border-bottom:1px solid #45aed6; } ul.nostyle { list-style:none; padding:0; margin-bottom:20px; } ul.nostyle i { color:#45aed6; } .scaleIn { -webkit-animation-name:scaleIn; animation-name:scaleIn; } @-webkit-keyframes scaleIn { 0% { opacity:0; -webkit-transform:scale(0); transform:scale(0); } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @keyframes scaleIn { 0% { opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); } 100% { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } } /************************* *******Header****** **************************/ .navbar.navbar-default { border:0; border-radius:0; margin-bottom:0; } .navbar.navbar-default .navbar-toggle { margin-top:32px; } .navbar.navbar-default .navbar-brand { height:auto; padding:22px 15px 21px; } @media only screen and (min-width:768px) { #main-menu.navbar-default { background:rgba(0, 0, 0, 0.9); -webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); } #main-menu.navbar-default .navbar-nav > li > a { padding-top:40px; padding-bottom:40px; } #main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a { background:transparent; padding-top:37px; border-top:3px solid #000; /*border-top:3px solid #ffcb05;*/ } #main-menu.navbar-default .dropdown-menu { padding:0 20px; min-width:220px; background-color:rgba(26, 28, 40, 0.9); border:0; border-radius:0; box-shadow:none; -webkit-box-shadow:none; background-clip:inherit; } #main-menu.navbar-default .dropdown-menu > li { border-left:3px solid transparent; margin-left:-20px; padding-left:17px; -webit-transition:border-color 400ms; transition:border-color 400ms; } #main-menu.navbar-default .dropdown-menu > li > a { border-top:1px solid #ffcb05; padding:15px 0; color:#eeeeee; } #main-menu.navbar-default .dropdown-menu > li:first-child > a { border-top:0; } #main-menu.navbar-default .dropdown-menu > li.active, #main-menu.navbar-default .dropdown-menu > li.open, #main-menu.navbar-default .dropdown-menu > li:hover { border-left-color:#45aed6; } #main-menu.navbar-default .dropdown-menu > li.active > a, #main-menu.navbar-default .dropdown-menu > li.open > a, #main-menu.navbar-default .dropdown-menu > li:hover > a { color:#45aed6; background-color:transparent; } } #main-slider { overflow:hidden; } #main-slider .item { height:558px; background-repeat:no-repeat; background-position:50% 0; background-size:cover; } #main-slider .slider-inner { position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; } #main-slider .slider-inner h2 { margin-top:180px; font-size:36px; line-height:1; text-transform:uppercase; color:#fff; } #main-slider .slider-inner h2 > span { color:#45aed6; } #main-slider .slider-inner .btn { margin-top:10px; } #main-slider .owl-prev, #main-slider .owl-next { position:absolute; top:50%; background-color:rgba(0, 0, 0, 0.2); color:#fff; font-size:30px; display:inline-block; margin-top:-35px; height:70px; width:70px; line-height:70px; text-align:center; border-radius:100px; z-index:5; -webkit-transition:background-color 400ms; transition:background-color 400ms; } #main-slider .owl-prev:hover, #main-slider .owl-next:hover { background-color:#45aed6; } #main-slider .owl-prev { left:-35px; text-indent:14px; } #main-slider .owl-next { right:-35px; text-indent:-14px; } #bar { width:0%; max-width:100%; height:4px; background:#45aed6; } #progressBar { margin-top:-4px; position:relative; z-index:999; width:100%; background:rgba(0, 0, 0, 0.1); } #cta { padding:50px 0; background-color:#eeeeee; } #cta h2 { margin-top:0; } #cta .btn { margin-top:40px; } #cta2 { background:#242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; padding-top:70px; } #cta2 .btn { margin-top:10px; } #cta2 h2 { color:#fff; font-size:44px; line-height:1; } #cta2 h2 > span { color:#45aed6; } #features { padding:150px 0; } #features .media.service-box:first-child { margin-top:80px; } #services { padding:150px 0 75px; } .media.service-box { margin:25px 0; } .media.service-box .pull-left { margin-right:20px; } .media.service-box .pull-left > i { font-size:24px; height:64px; line-height:64px; text-align:center; width:64px; border-radius:100%; color:#45aed6; box-shadow:inset 0 0 0 1px #d7d7d7; -webkit-box-shadow:inset 0 0 0 1px #d7d7d7; transition:background-color 400ms, background-color 400ms; position:relative; } .media.service-box .pull-left > i:after { content:""; position:absolute; width:20px; height:20px; top:50%; margin-top:-10px; right:-10px; border:4px solid #fff; border-radius:20px; background:#45aed6; } .media.service-box:hover .pull-left > i { background-image:-moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color:#fff; box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.8); -webkit-box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.8); } #portfolio { padding:150px 0; background:#f5f5f5; } #portfolio .portfolio-filter { list-style:none; padding:0; margin:0 0 50px; display:inline-block; } #portfolio .portfolio-filter > li { float:left; display:block; } #portfolio .portfolio-filter > li a { display:block; padding:7px 15px; background:#e5e5e5; color:#64686d; position:relative; } #portfolio .portfolio-filter > li a:hover, #portfolio .portfolio-filter > li a.active { background:#45aed6; color:#fff; box-shadow:0 -3px 0 0 #318daf inset; -webkit-box-shadow:0 -3px 0 0 #318daf inset; } #portfolio .portfolio-filter > li a.active:after { content:" "; position:absolute; bottom:-17px; left:50%; margin-left:-10px; border-width:10px; border-style:solid; border-color:#318daf transparent transparent transparent; } #portfolio .portfolio-filter > li:first-child a { border-radius:4px 0 0 4px; } #portfolio .portfolio-filter > li:last-child a { border-radius:0 4px 4px 0; } #portfolio .portfolio-items { margin:-15px; } #portfolio .portfolio-item { width:24.9%; float:left; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #portfolio .portfolio-item .portfolio-item-inner { position:relative; } #portfolio .portfolio-item .portfolio-item-inner .portfolio-info { opacity:0; transition:opacity 400ms; -webkit-transition:opacity 400ms; position:absolute; bottom:0; left:0; right:0; padding:10px; background:rgba(0, 0, 0, 0.5); color:#fff; } #portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 { font-size:16px; line-height:1; margin:0; color:#fff; } #portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview { position:absolute; top:-18px; right:12px; border-radius:50%; background-image:-moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); width:36px; height:36px; line-height:36px; text-align:center; color:#fff; box-shadow:0 0 0 2px #fff; -webkit-box-shadow:0 0 0 2px #fff; } #portfolio .portfolio-item:hover .portfolio-info { opacity:1; } /* Start:Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index:2; } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; } .isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s; } /* End:Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; } #testimonial { background:#333333 url(../images/testimonial/bg.jpg) no-repeat 0 0; background-size:cover; padding:100px 0; color:#fff; } #testimonial h4 { color:#fff; margin-bottom:0; } #testimonial small { display:block; margin-bottom:10px; color:rgba(255, 255, 255, 0.7); } #testimonial .btns { margin-top:10px; } #about { padding:150px 0; } #work-process { padding:100px 0 50px; background:#20222e url(../images/work-process/bg.jpg) no-repeat 0 0; background-size:cover; color:#fff; } #work-process h2 { color:#fff; } #work-process h3 { color:#fff; margin-bottom:0; } #work-process .icon-circle { display:inline-block; width:80px; height:80px; line-height:80px; border:2px solid #45aed6; border-radius:100px; position:relative; } #work-process .icon-circle > span { border-style:solid; border-width:2px; border-color:#45aed6; border-radius:50%; background-color:#fff; position:absolute; width:24px; height:24px; line-height:20px; top:-12px; color:#64686d; } #work-process h3 { margin-bottom:50px; } #meet-team { padding:100px 0; } #meet-team .team-member { padding:13px; background:#eeeeee; border:2px solid #eeeeee; transition:border-color 400ms; -webkit-transition:border-color 400ms; } #meet-team .team-member .team-img { margin:-15px -15px 0 -15px; } #meet-team .team-member .team-info { padding-bottom:10px; border-bottom:1px solid #dbdbdb; margin-bottom:10px; } #meet-team .team-member:hover { border-color:#45aed6; } #meet-team .team-member:hover .social-icons > li > a { background:#45aed6; } #meet-team .social-icons { list-style:none; padding:0; margin:0; } #meet-team .social-icons > li { display:inline-block; } #meet-team .social-icons > li > a { display:block; width:32px; height:32px; line-height:32px; text-align:center; color:#fff; background:#222534; border-radius:3px; } .divider { margin-top:50px; margin-bottom:50px; background-image:-moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); background-image:-webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); background-image:-ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); width:95%; height:1px; } .progress { -webkit-box-shadow:none; box-shadow:none; background:#eeeeee; } .progress .progress-bar.progress-bar-primary { background-image:-moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); -webkit-box-shadow:none; box-shadow:none; } .nav.main-tab { background:#eee; border-bottom:3px solid #222534; border-radius:3px 3px 0 0; } .nav.main-tab > li > a { color:#272727; } .nav.main-tab > li.active > a { background:#222534; color:#45aed6; } .nav.main-tab > li:first-child > a { border-radius:3px 0 0 0; } .nav.main-tab > li:last-child > a { border-radius:0 3px 0 0; } .tab-content { border:1px solid #eee; border-top:0; padding:20px 20px 10px; border-radius:0 0 3px 3px; } .panel-default { border-color:#eee; } .panel-default > .panel-heading { background-color:#fff; border-color:#eee; } .panel-default > .panel-heading .panel-title { font-size:14px; font-weight:normal; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color:#eee; } #animated-number { padding:100px 0 70px; background:#132125 url(../images/animated-number/bg.jpg) no-repeat 0 0; background-size:cover; color:#fff; } #animated-number h1, #animated-number h2, #animated-number h3, #animated-number h4 { color:#fff; } #animated-number strong { display:block; margin-bottom:30px; } .animated-number { display:inline-block; width:140px; height:140px; font-size:24px; line-height:140px; border:3px solid #fff; border-radius:100px; margin-bottom:20px; } #pricing { padding:100px 0 70px; } #pricing ul.pricing { list-style:none; padding:0; margin:70px 0 30px; border:1px solid #eee; border-radius:5px 5px 4px 4px; padding:15px; text-align:center; } #pricing ul.pricing li { display:block; padding:10px; } #pricing ul.pricing li.plan-header { background:#eee; border-radius:4px 4px 0 0; margin:-15px -15px 10px; padding:15px 15px 30px; border:0; } #pricing ul.pricing li.plan-header .price-duration { position:relative; margin-top:-63px; top:-10px; display:inline-block; width:116px; height:116px; background-image:-moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color:#fff; border-radius:100px; border:5px solid #f6f6f6; } #pricing ul.pricing li.plan-header .price-duration > span { display:block; line-height:1; } #pricing ul.pricing li.plan-header .price-duration > span.price { font-size:24px; font-weight:700; margin-top:35px; } #pricing ul.pricing li.plan-header .price-duration > span.duration { margin-top:5px; } #pricing ul.pricing li.plan-header .plan-name { margin-top:10px; font-size:24px; color:#272727; font-weight:bold; line-height:1; text-transform:uppercase; } #pricing ul.pricing.featured { background:#222534; color:#fff; border:0; } #pricing ul.pricing.featured li.plan-header { background-image:-moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image:-ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); } #pricing ul.pricing.featured li.plan-header .plan-name { color:#fff; } #get-in-touch { padding:50px 0 50px; color:#fff; } #get-in-touch h1, #get-in-touch h2 { color:#fff; } #blog { padding:50px 0; } #blog .blog-post { border:1px solid #eee; padding:15px; } #blog .blog-post .post-format { display:inline-block; width:40px; height:40px; line-height:34px; text-align:center; color:#fff; background:#222534; border:3px solid #fff; border-radius:100px; } #blog .blog-post.blog-large .entry-thumbnail { margin:-15px -15px 15px; position:relative; } #blog .blog-post.blog-large .post-format { width:66px; height:66px; line-height:60px; position:absolute; right:20px; bottom:-33px; } #blog .blog-post.blog-large .post-format > i { font-size:20px; } #blog .blog-post.blog-large .entry-date { font-size:12px; display:block; margin-bottom:5px; text-transform:uppercase; color:#45aed6; } #blog .blog-post.blog-large .entry-title { margin-top:0; font-size:18px; line-height:1; margin-bottom:15px; } #blog .blog-post.blog-large .entry-title a { color:#64686d; } #blog .blog-post.blog-large .entry-title a:hover { color:#45aed6; } #blog .blog-post.blog-media { margin-bottom:30px; } #blog .blog-post.blog-media .entry-thumbnail { margin:-15px 15px -15px -15px; position:relative; } #blog .blog-post.blog-media .post-format { position:absolute; top:20px; right:-10px; } #blog .blog-post.blog-media .entry-date { font-size:12px; display:block; margin-bottom:5px; text-transform:uppercase; color:#45aed6; } #blog .blog-post.blog-media .entry-title { margin-top:0; font-size:18px; line-height:1; margin-bottom:15px; } #blog .blog-post.blog-media .entry-title a { color:#64686d; } #blog .blog-post.blog-media .entry-title a:hover { color:#45aed6; } #blog .blog-post .entry-meta { margin-top:20px; border-top:1px solid #eee; padding-top:15px; } #blog .blog-post .entry-meta > span { display:inline-block; margin-right:10px; color:#999; } #blog .blog-post .entry-meta > span > a { color:#999; } #blog .blog-post .entry-meta > span > a:hover { color:#45aed6; } #contact { position:relative; overflow:hidden; } #contact .container-wrapper { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(69, 174, 214, 0.3); z-index:1; } #contact .contact-form { background:rgba(255, 255, 255, 0.8); padding:20px; margin-top:50px; } #contact .contact-form h3 { margin-top:0; } /*********************** ********* Footer ****** ************************/ #footer { padding-top:30px; padding-bottom:30px; color:#fff; background:#2e2e2e; text-align:center; } #footer a { color:#fff; } #footer a:hover { color:#45aed6; } #footer ul { list-style:none; padding:0; margin:0 -7.5px; } #footer ul > li { display:inline-block; margin:0 7.5px; } @media only screen and (min-width:768px) { #footer .social-icons { float:right; } } .form-control { box-shadow:none; -webkit-box-shadow:none; } /* Home Page */ .threequarters { min-height:1px; float:left !important; width:74.52% !important; } .third { min-height:1px; float:left !important; padding-right:1.90114% !important; width:31%; } .fourquarters { min-height:1px; float:left !important; width:84.52% !important; } .fourth { min-height:1px; float:left !important; padding-right:1.90114% !important; width:25%; } .center { margin-left:auto !important; margin-right:auto !important; float:none !important; } .contain { width:100%; max-width:1000px; min-width:320px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; } .contain.contain-height { height:100%; } .about-container .about-index__text { font-size:113px; line-height:108px; color:#fff; word-spacing:200em; margin-top:56px; margin-left:-6px; letter-spacing:-0.02em; } .about-container .about-index__subtext { font-size:51px; line-height:47px; color:#fff; word-spacing:200em; margin-top:56px; margin-left:-6px; letter-spacing:-0.02em; } #about-index { margin-top:0px; } #about-index .about-container { height:1837px;margin-bottom:23px;background-position:center top;background-repeat:repeat-x;background-size:cover;background-image:url('../images/bg.about.png');background-color:#ee2024;background-repeat:repeat-x;background-size:cover} #about-index .about-container .about-index__text{margin-top:262px;text-transform:capitalize;display:block;letter-spacing:-4px} #about-index .about-container .about-index__subtext{text-transform:capitalize;display:block;margin-top:157px} #about-index .about-container .about-index__content{background-color:#fff;margin-top:400px;max-width:490px} #about-index .about-container .about-index__content .about-index__content-body{padding:60px 30px} #about-index .about-container .about-index__content .about-index__content-body .about-index__content-title{font-size:28px;display:block;line-height:1.23em;letter-spacing:-1px} #about-index .about-container .about-index__content .about-index__content-body .about-index__content-subtitle{letter-spacing:-1px;font-size:28px;margin-top:15px;margin-bottom:15px;display:block;line-height:1.23em;color:#ffcb05} #about-index .about-container .about-index__content .about-index__content-body .about-index__content-copy,#about-index .about-container .about-index__content .about-index__content-body p{font-size:14px;line-height:22px;margin-bottom:15px;letter-spacing:0px} .team-container { background-color:#f5f5f5; background-image:url("../images/texture.grey.png"); padding-top:0px; margin-bottom:25px; } .team-container .who-we-are { padding:0; } .about-blurb { min-height:1000px; width:100%; } .about-blurb.who-we-are{background-image:url('../images/bg-philosophy.jpg');background-position:center top;background-repeat:repeat-x;min-height:960px;margin-bottom:255px} .about-blurb.who-we-are .about-blurb__container{position:relative;top:98px;padding-bottom:90px} .about-blurb.who-we-are .about-blurb__container .about-blurb__header{font-size:116px;line-height:108px} .about-blurb.who-we-are .about-blurb__container .about-blurb__copy{font-size:22px;line-height:28px} .about-blurb .about-blurb__learn-more{ display:inline-block; margin-top:48px; padding-bottom:13px; font-size:14px; color:#999; position:relative; } .about-blurb .about-blurb__learn-more:hover,.about-blurb .about-blurb__learn-more:focus { text-decoration:none; color:#222; } .about-blurb .about-blurb__learn-more:hover:after,.about-blurb .about-blurb__learn-more:focus:after { background-image:url("../images/sprite.circle-arrows-black.png"); } .about-blurb .about-blurb__learn-more:after { content:''; position:absolute; left:103%; top:-10px; bottom:0; bottom:0; margin:auto; background-image:url("../images/sprite.circle-arrows.png"); background-position:-189px 0px; height:34px; width:34px; display:block; } .about-blurb .about-blurb__container { background:#fff; -moz-box-sizing:border-box; box-sizing:border-box; padding:12% 12% 0; overflow:hidden; z-index:5; } .about-blurb .about-blurb__container .about-blurb__header { font-size:90px; line-height:84px; color:#ffcb05; padding-bottom:70px; letter-spacing:-2px; } .about-blurb .about-blurb__container .about-blurb__header sup { margin-left:-23px; font-size:60px; top:-18px; position:relative; } .about-blurb .about-blurb__container .about-blurb__copy { font-size:16px; line-height:21px; } .about-blurb .about-blurb__container .about-blurb__copy p { margin-bottom:21px; } .about-blurb .about-blurb__container .about-blurb__link{ margin-top:86px; display:block; width:172px;text-align:center;height:100px;letter-spacing:-1px;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 20px;color:#fff;background:#ee2024;font-size:22px;-webkit-transition:0.2s margin-top cubic-bezier(0.77, 0, 0.175, 1),0.2s height cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:0.2s margin-top cubic-bezier(0.77, 0, 0.175, 1),0.2s height cubic-bezier(0.77, 0, 0.175, 1);transition:0.2s margin-top cubic-bezier(0.77, 0, 0.175, 1),0.2s height cubic-bezier(0.77, 0, 0.175, 1);position:relative} .about-blurb .about-blurb__container .about-blurb__link:hover,.about-blurb .about-blurb__container .about-blurb__link:focus{margin-top:67px;height:119px;text-decoration:none;width:172px} .about-blurb .about-blurb__container .about-blurb__link:hover .about-blurb__link-hover,.about-blurb .about-blurb__container .about-blurb__link:focus .about-blurb__link-hover{top:0%} .about-blurb .about-blurb__container .about-blurb__link span{position:relative;z-index:50} .about-blurb .about-blurb__container .about-blurb__link .about-blurb__link-hover{z-index:40;background-color:#222;background-image:url('../images/darkGreyTexture.png');position:absolute;top:100%;left:0;right:0;bottom:0;-webkit-transition:0.2s top cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:0.2s top cubic-bezier(0.77, 0, 0.175, 1);transition:0.2s top cubic-bezier(0.77, 0, 0.175, 1)} .whoweare-hallway { background-image:url("../images/bg.hallway-black.jpg");background-position:center center;background-size:100% auto;margin-top:-329px;padding-top:259px;min-height:1100px;-moz-box-sizing:border-box;box-sizing:border-box} .whoweare-hallway .whoweare-hallway__header{color:#fff;font-size:50px;line-height:50px} .whoweare-hallway .whoweare-hallway__blurb{color:#999;font-size:22px;line-height:28px;margin-top:24px;margin-bottom:54px} .whoweare-hallway .whoweare-hallway__image-holder{height:180px;width:180px;display:block;background-position:center center;background-size:cover;border:2px dashed #fff;margin-bottom:-4px} .whoweare-hallway .whoweare-hallway__image-holder[data-image]{margin-bottom:0;border:none} .whoweare-hallway .whoweare-hallway__title{font-size:22px;line-height:24px;margin-top:27px;min-height:2.2em;color:#fff} .whoweare-hallway .whoweare-hallway__copy{color:#999;font-size:14px;line-height:20px;padding-bottom:115px;margin-top:38px} .whoweare-hallway .third{width:33% !important;padding-right:3% !important;-moz-box-sizing:border-box;box-sizing:border-box} .whoweare-numbers>.contain {padding-bottom:78px;border-bottom:2px solid #e5e5e5;margin-bottom:70px} .whoweare-numbers .whoweare-numbers__header{font-size:116px;line-height:108px;margin-top:115px;color:#ffcb05;letter-spacing:-5px;padding-right:28%} .whoweare-numbers .whoweare-numbers__blurb{font-size:22px;line-height:24px;color:#666;margin-top:125px;padding-right:13%;-moz-box-sizing:border-box;box-sizing:border-box} .whoweare-numbers .whoweare-numbers__blurb span{color:#ffcb05;display:block} .whoweare-numbers .whoweare-numbers__countries{margin-top:48px} .whoweare-numbers .whoweare-numbers__countries li,.whoweare-numbers .whoweare-numbers__countries .whoweare-numbers__country{font-size:24px;display:block;color:#222} .team-container.what-we-do .work-list .work-list__item .work-list__item-image { background-size:100% auto !important; } .team-container.what-we-do .whatwedo__grid { margin-top:40px; background-image:url('../images/bg-what-we-do.jpg'); } .team-container.what-we-do .whatwedo__grid .third { padding-right:40px !important; margin-right:1.90114% !important; } .team-container.what-we-do .whatwedo__grid .third.no-margin,.team-container.what-we-do .whatwedo__grid .team-container__section.kickball .third.team-container__kickball-blurb,.team-container.what-we-do .team-container__section.kickball .whatwedo__grid .third.team-container__kickball-blurb,.team-container.what-we-do .whatwedo__grid .team-container__section.numbers .team-numbers__blurb-square .third.team-numbers__blurb-copy,.team-container.what-we-do .team-container__section.numbers .team-numbers__blurb-square .whatwedo__grid .third.team-numbers__blurb-copy{margin-right:0 !important} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-hover{position:absolute;z-index:40;left:0;background-color:#fff;background-image:url('../images/texture.white.png');height:100%;width:100%;top:100%;-webkit-transition:0.2s top cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:0.2s top cubic-bezier(0.77, 0, 0.175, 1);transition:0.2s top cubic-bezier(0.77, 0, 0.175, 1);padding:0px 20px 20px;-moz-box-sizing:border-box;box-sizing:border-box} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-hover .whatwedo__hover-title { font-size:14px;line-height:18px;color:#222} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-hover .whatwedo__hover-link { font-size:12px;color:#999;position:absolute;bottom:0px;z-index:450;width:100%;height:50px} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-hover .whatwedo__hover-link:after { content:'';display:block;height:28px;width:22px;background-image:url('../images/sprite.circle-arrows.png');background-position:-443px -3px;left:63%;top:4px;position:absolute} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item { background-color:#fff; padding:40px; -moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;max-width:320px;height:200px;position:relative;z-index:5; border-bottom:solid 15px #ffcb05; } .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item.is-empty { visibility:hidden} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item .whatwedo__grid-text { font-size:24px;line-height:26px;min-height:3.2em;margin-bottom:0px;color:#ffcb05} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item .whatwedo__grid-copy { font-size:14px;line-height:20px;color:#222} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item .whatwedo__grid-link { display:inline-block;position:absolute;display:block;width:160px;height:160px;background:#aaa;background-size:contain;bottom:-40px;overflow:hidden;text-indent:-9999px;-webkit-transform:translate3d(0, 0, 0)} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item .whatwedo__grid-link:hover .whatwedo__grid-hover,.team-container.what-we-do .whatwedo__grid .whatwedo__grid-item .whatwedo__grid-link:focus .whatwedo__grid-hover{top:0%} .team-container.what-we-do .whatwedo__grid .whatwedo__grid-item .whatwedo__grid-link .whatwedo__grid-link-forreal { position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:50} .whatwedo__header { margin-top:-22px; padding-top:80px; } .whatwedo__header.second { padding-top:100px; margin-top:0; } .whatwedo__header .whatwedo__header-red { font-size:22px; color:#ffcb05; } .whatwedo__header .whatwedo__header-text { margin-top:28px; font-size:50px; line-height:1em; color:#222; } @media only screen and (max-width:480px) { .threequarters{min-height:1px;float:left !important;width:74.52% !important} .third{min-height:1px;float:left !important;padding-right:1.90114% !important;width:31%} .center{margin-left:auto !important;margin-right:auto !important;float:none !important} #about-index{margin-top:0} #about-index .half{display:block;width:100% !important;clear:both} #about-index .about-container{background-image:url('../images/mobile.bg.about.png'),url('../images/texture.red.png');background-size:100% auto, auto;background-repeat:no-repeat, repeat;background-position:center 50px, center;margin-top:71px;height:auto;padding-bottom:38px} #about-index .about-container .about-index__text{margin-top:93px !important;font-size:50px;line-height:0.91em;margin-left:23px; } #about-index .about-container .about-index__subtext{display:none !important} #about-index .about-container .about-index__content{margin-top:23px} #about-index .about-container .about-index__content .about-index__content-body{padding:43px 10%} #about-index .about-container .about-index__content .about-index__content-body .about-index__content-title{font-size:19px;line-height:23px;margin-top:-2px} #about-index .about-container .about-index__content .about-index__content-body .about-index__content-subtitle{margin-top:11px;font-size:20px;margin-bottom:21px} #about-index .about-container .about-index__content .about-index__content-body .about-index__content-copy,#about-index .about-container .about-index__content .about-index__content-body p{font-size:13px;line-height:1.33em;margin-bottom:7px} .about-blurb.what-we-do .contain{ padding:0 !important; margin:0 !important; } .about-blurb.what-we-do .contain .threequarters{ width:85% !important; margin:0 auto !important; } .about-blurb .about-blurb__container{ position:relative !important; top:30px !important; padding:10% 10% 0 !important; } .about-blurb .about-blurb__container .about-blurb__header{font-size:36px !important;line-height:36px !important;word-spacing:0;margin-top:-3px;padding-bottom:29px !important;padding-right:32%} .about-blurb .about-blurb__container .about-blurb__link{width:50% !important;text-align:center !important;font-size:15px !important;padding:8px 0;letter-spacing:1px !important;margin-top:36px;height:60px} .about-blurb .about-blurb__container .about-blurb__link:hover,.about-blurb .about-blurb__container .about-blurb__link:focus{width:47% !important;text-align:center !important;font-size:15px !important;padding:8px 0;letter-spacing:1px !important;margin-top:36px;height:60px} .whoweare-hallway{background-position:center top !important;margin-top:57px;padding-top:0;margin-bottom:0;padding-bottom:30px;height:auto;background-size:100% auto;min-height:0} .whoweare-hallway>.contain{padding:0 !important} .whoweare-hallway .whoweare-hallway__header{font-size:20px;line-height:23px;padding-top:27px;margin-top:0px;margin-bottom:-11px;padding-right:6%} .whoweare-hallway .whoweare-hallway__blurb{font-size:15px;line-height:16px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.2)} .whoweare-hallway .whoweare-hallway__image-holder{display:none} .whoweare-hallway .threequarters{margin-top:-58px;width:84% !important} .whoweare-hallway .quarter,.whoweare-hallway .half,.whoweare-hallway .third{width:100% !important} .whoweare-hallway .whoweare-hallway__title{font-size:15px;line-height:23px;padding-bottom:13px;margin-top:21px;border-bottom:1px solid rgba(255,255,255,0.2);padding-top:5px;color:#999} .whoweare-hallway .whoweare-hallway__copy{display:none;padding-top:0px;margin-top:0px;padding-bottom:27px} .whoweare-hallway .is-open .whoweare-hallway__copy{display:block;border-bottom:1px solid rgba(255,255,255,0.2)} .whoweare-hallway .is-open .whoweare-hallway__title{border:none} .whoweare-numbers>.contain{padding-bottom:18px !important;margin-bottom:24px !important} .whoweare-numbers .threequarters,.whoweare-numbers .quarter{width:100% !important} .whoweare-numbers .whoweare-numbers__header{font-size:50px;line-height:45px;padding:0;margin-top:25px;letter-spacing:1px !important;padding-right:16%} .whoweare-numbers .whoweare-numbers__blurb{font-size:19px;line-height:23px;margin-top:30px;padding-right:0} .whoweare-numbers .whoweare-numbers__blurb span { display:inline; } .whoweare-numbers .whoweare-numbers__countries { margin-top:12px; } .whoweare-numbers .whoweare-numbers__countries .whoeare-numbers__country,.whoweare-numbers .whoweare-numbers__countries li { font-size:18px; line-height:23px; } } /***************************** Blog Default *****************************/ .single-blog.timeline { background:#FFFFFF; border:1px solid #EEEEEE; border-bottom:0; position:relative; padding-bottom:0; } .timeline .post-content { padding:20px 20px 0; } .post-thumb { margin:-1px -1px 0; position:relative; overflow:hidden; } .timeline .post-thumb img { width:100%; } .post-thumb iframe{ width:100%; min-height:270px; border:0; } .post-overlay{ position:absolute; top:50%; display:none; width:94px; height:140px; margin-top:-70px; overflow:hidden; } .post-overlay span{ position:absolute; left:50%; bottom:0; margin-left:-60px; -webkit-animation:fadeInUp 400ms; animation:fadeInUp 400ms; z-index:9; } .post-overlay span:before{ position:absolute; bottom:0; border-style:solid; border-width:60px; content:""; border-color:transparent transparent #0884d5 transparent; z-index:-1; cursor:initial; } .post-overlay span a{ font-size:30px; color:#fff; background:transparent; padding:0; margin-left:50px; } .single-blog:hover .post-overlay{ display:block; -webkit-animation:fadeIn 300ms; animation:fadeIn 300ms; } .timeline-divider{ position:relative; padding-top:50px; } .timeline-divider:before{ position:absolute; top:0; content:""; border-left-style:solid; border-left-width:1px; height:100%; border-left-color:#0099AE; left:50%; margin-left:-2px; } .timeline-blog .col-sm-6.padding-top{ padding-top:70px; } .post-content { background:#eee; padding:0px 0 20px; } .timeline-date .btn-common{ font-size:18px; color:#4a4a4a; font-weight:300; border-radius:0; padding:17px 40px; } .arrow-right{ position:relative; } .arrow-right:after{ position:absolute; right:1px; content:""; top:15px; background:url("../images/blog/left.png"); width:43px; height:54px; } .arrow-left{ position:relative; } .arrow-left:before{ position:absolute; left:-2px; content:""; top:86px; background:url("../images/blog/right.png"); width:43px; height:54px; } .post-title { background:#ffcb05; margin-top:0; padding:10px; font-size:16px; } .post-title a, .comments-number a{ color:#686868; } .post-content .post-author{ margin-top:0; } .post-content .post-author a{ font-weight:300; font-size:14px; color:#0099AE; } .post-content ul { margin:0px; padidng:0px; } .post-content ul li { margin-left:-20px; list-style:none; border-bottom:dotted 1px #ddd; } .post-content ul li:last-child { border-bottom:dotted 1px #eee; } a.read-more{ color:#0099AE; font-weight:300; } a.read-more:hover{ color:#01707F; } .post-bottom{ border-top:1px solid #eeeeee; padding-top:10px; margin-top:20px; margin:20px -20px 0; padding:20px 20px 0; } /***************************** Blog with right sidebar *****************************/ .single-blog { padding-bottom:30px; } .single-blog .post-bottom{ border-bottom:1px solid #eeeeee; padding-top:10px; padding-bottom:10px; } .single-blog .post-overlay span{ left:0; top:0; margin-left:0; width:94px; height:140px; background:url(../images/blog/blog-arrow.png); -webkit-animation:fadeInLeft 400ms; animation:fadeInLeft 400ms; } .single-blog .post-overlay span a{ margin-left:8px; font-weight:700; font-size:36px; line-height:18px; position:absolute; top:50px; } .single-blog .post-overlay span a small{ font-size:16px; font-weight:300; margin-left:5px; } .single-blog .post-overlay span:before{ border-color:transparent; border-width:0; } .post-nav{ margin:0; padding:0; } .post-nav li a{ color:#0099AE; padding:0; text-align:left; } .post-nav li a i{ color:#0099AE; margin-right:8px; } .post-nav li a:hover{ background:none; } .blog-padding-right{ padding-right:35px; } .blog-pagination { text-align:center; padding-top:10px; padding-bottom:55px; } /***************************** Blog with right sidebar *****************************/ .masonery_area .single-blog{ } .masonery_area .single-blog .post-thumb{ height:auto; } .masonery_area .single-blog .post-title{ margin-top:5px; } .masonery_area .single-blog .post-title a{ font-size:20px; } .masonery_area .single-blog .post-thumb img{ height:auto; } .masonery_area .single-blog .post-bottom{ border-top:0; padding-top:0; margin-top:15px; } /* Audio CSS */ .audiojs{ background:#C03035; height:45px; width:100%; } .audiojs .scrubber{ background:#fff; height:8px; border-top:0; width:170px; margin-top:19px; margin-left:12px; border-radius:10px; } .audiojs .play-pause{ background:#a92b2f; width:68px; height:45px; padding:0; padding-left:24px; padding-top:10px; border-right:0; } .audiojs .time{ display:none; } .audiojs .progress{ background:#A92B2F; height:8px; border-radius:10px; } .audiojs .loaded{ background:#fff; height:8px; border-radius:10px; } /***************************** Blog Details *****************************/ .navbar-nav.post-nav li{ margin-right:60px; } .single-blog.blog-details .post-content{ padding-top:30px; } .single-blog.blog-details .post-bottom{ margin-top:55px; } .blog-share{ margin-top:40px; background:#f5f5f5; display:inline-block; padding:2px 0; } span.stMainServices, span.stButton_gradient, .stButton .chicklets{ height:24px !important; } .author-profile.padding{ padding-top:50px; } .author-profile .col-sm-2 img{ width:100%; border-left:3px solid #0099AE; } .author-profile h3{ margin-top:0; color:#3a424c; } .author-profile p{ color:#3a424c; font-weight:400; } .author-profile span a{ color:#C03035; } .response-area{ border-bottom:0; } .response-area h2{ margin-top:0; margin-bottom:0; border-bottom:0; padding-bottom:20px; } .post-comment{ padding-left:70px; padding-top:36px; border-top:1px solid #f1e8dd; } .post-comment .pull-left img{ margin-right:60px; border-left:3px solid #0884d5; } .post-comment .media-body{ padding-top:6px; border-bottom:0; padding-bottom:50px; } .post-comment .media-body p{ margin-top:10px; } .post-comment .media-body span i{ color:#C03035; margin-right:10px; } .post-comment .media-body span a{ color:#C03035; font-weight:700; } .post-comment .media-body .post-nav li a{ font-weight:300; } .parrent .media-list{ margin-left:190px; } .parrent .post-comment{ padding-left:0; margin-left:70px; } /* Contact Us */ .grid-6{ display:inline; float:left; } .grid-6 { width:50%; } div#introduction { height:auto; position:relative; background-image:url('../images/staff.jpg'); padding:100px 10px; background-repeat:no-repeat; background-size:100%; } div.intro-no { background-image:none !important; background-color:#ffcb05; } div.intro-no p { opacity:0; } div#introduction p { text-align:center; color:#fff; font-size:25px; font-family:'Lato'; } div#introduction hr { position:relative; height:6px; width:200px; background-color:#fff; margin-top:50px; margin-bottom:50px; } div#introduction h1 { margin:0; text-align:center; color:#fff; text-transform:uppercase; font-family:'Lato'; font-size:85px; } #introduction h1 span { display:block; font-size:25px; } div#introduction p.small-contact { color:#fff; font-size:12px; opacity:1; text-align:center; } div#introduction p.small-contact a { color:#fff; } .contact-form-con { width:100%; max-width:600px; position:relative; margin:0 auto;} div.contact-banner { height:auto;} div.contact-banner { height:auto !important; padding-bottom:50px; } .contact-form-con input, .contact-form-con textarea { width:100%; margin-bottom:20px; height:38px; padding-top:10px; padding-bottom:10px; padding-left:5px; border:2px solid #fff; color:#000; } .contact-form-con textarea { height:138px; } .contact-form-con input[type="submit"]:hover { border:2px solid #888182 !important; } input[type="submit"] { margin-bottom:0 !important; display:block; width:150px; color:#01b3e3; font-family:'Lato'; text-transform:uppercase; background-color:transparent; border:2px solid #888182 !important; } input[type="submit"]:hover { background-color:#888182; color:#fff; } .name-field input, .email-field input { width:49%; float:left; margin-top:10px; border:1px solid #888182; padding:3px; font-size:13px; padding-top:5px; padding-bottom:5px; padding-left:5px; } .email-field input { width:100%; } #contact_results { font-size:14px; } #contact_results .success { text-align:center; font-size:18px; font-weight:bold; color:#fff; } #contact_results .error { text-align:center; font-size:18px; font-weight:bold; color:#f00; } input#mce-FNAME { margin-right:2%; } .work-us a, .baby-blue a, .pink-floyd-the-wall a.button, .contact-form-con input[type="submit"], .case-study-app .button, a.button-big, .personal-details input[type="submit"] { color:#fff; border:2px solid #fff !important; margin-left:20px; margin-right:20px; margin-bottom:20px; font-size:23px; padding:24px 0; display:inline-block; width:294px; height:80px; text-transform:uppercase; font-family:'Lato'; text-align:center; margin:0 auto; display:block; } .videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;} .videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none !important; z-index:1; pointer-events:none;} .map-over { position:absolute; top:0; right:0; width:50%; height:100%; border:none !important; z-index:2; background-color:rgba(0, 0, 0, 0.6);} .contact-wm { margin:50px auto; width:45%; color:#333; font-size:18px; } div#g-work a.button { font-size:23px; padding:24px; border:2px solid #888182; width:297px; height:84px; margin-top:10px; } div#more-work a.button, div#g-work a.button { color:#888182; } div#g-work a.button { text-align:center; } div#driving-action a.button:hover, div#more-work a.button:hover, div#g-work a.button:hover { background-color:#888182; color:#fff; } div#abox { margin:0 auto; margin-bottom:-82px; width:294px; height:80px; } @media only screen and (max-width:480px) { div.intro-no p { font-size:16px !important; } div#introduction h1 { font-size:25px; } .grid-6 { width:100%; } } /* Approach */ .the-truth { padding:15px; height:250px; } .the-truth h2 { font-size:25px; text-align:center; } .the-truth h3 { font-size:15px; text-align:center; } hr.truth-hr { opacity:1; position:relative; height:6px; background-color:#ffcb05; width:250px; } hr.truth-hr:after { content:''; height:131px; width:6px; background-color:#ffcb05; position:absolute; left:0; right:0; margin:auto; } .discovery { height:400px; background-image:url("../images/approach-desk.jpg"); background-size:100%; position:relative; background-repeat:no-repeat; } .discovery:before, .discovery:after { content:''; width:6px; background-color:#fff; position:absolute; left:0; right:0; margin:auto; } .discovery:before { height:50px; top:0; } .discovery:after { height:50px; bottom:0; } .proc { color:#fff; font-size:20px; margin:0px auto 0 auto; font-family:'Century Gothic'; text-align:center; border:15px solid; height:325px; width:325px; border-radius:165px; padding-top:100px; position:relative; top:40px; } .proc:after { content:''; position:absolute; background-image:url("../images/mag-handle.png"); height:60px; width:380px; background-size:100%; background-repeat:no-repeat; left:-320px; -webkit-transform:rotate(-35deg); -moz-transform:rotate(-35deg); -o-transform:rotate(-35deg); -ms-transform:rotate(-35deg); transform:rotate(-35deg); top:325px; } .proc span { display:block; text-transform:uppercase; font-family:'Lato'; font-size:40px; } .border-patrol { border:6px solid #ffcb05; } .glass { border-right:none; border-left:none; position:relative; } .bulbz { border-left:none; position:relative; } .glass img, .bulbz img { width:160px; margin:auto; position:absolute; top:-40px; left:0; right:0; } .bulbz img { top:-77px; width:140px; } table.starting p { font-size:18px; color:#888182; } table.starting { width:100%; border-collapse:collapse; position:relative; table-layout:fixed; } table.ending { width:100%; border-collapse:collapse; position:relative; } td, th { width:25%; text-align:left; } td.invest { padding:30px; border-left:6px solid #ffcb05; border-bottom:6px solid #ffcb05; border-top:6px solid #ffcb05; position:relative; z-index:88; padding-top:60px; padding-bottom:60px; } td.bronco img { width:40%; left:0; position:absolute; right:0; margin:auto; margin-top:-60px; } td.bronco { position:relative; z-index:99; } td.topper { padding-left:50px; } .topper { padding-left:150px; border-left:6px solid #ffcb05; } .lefter { border-left:6px solid #ffcb05; } td.lamps img { width:150px; margin:0 auto; display:block; } td.lamps { padding-left:90px; position:relative; } p.step-3 { padding:100px 20px 0 0; margin:0 auto; max-width:260px; } p.step-3 span { display:block; color:#01b3e3; font-family:'Lato'; font-size:25px; text-transform:uppercase; } .bertum { position:relative; } .mobile-approach-two { display:none; } .star-dust p { padding-left:10px; padding-right:10px; } .bertum:after { content:''; position:absolute; bottom:5px; width:412px; height:6px; background-color:#ffcb05; } td.lamps:before { position:absolute; background-color:#ffcb05; height:6px; width:65%; content:''; bottom:-3px; left:0; } td.lamps:after { content:''; position:absolute; width:6px; height:33px; background-color:#ffcb05; right:34%; bottom:-3px; } .bottom-cell { margin-bottom:70px; display:block; } .mobile-approach { display:none; } td.tacs { padding:25px; border:6px solid #ffcb05; } td.chocolate-top { border-top:6px solid #ffcb05; border-right:6px solid #ffcb05; } td.longgg { border-right:6px solid #ffcb05; height:150px; } td.rock-solid { padding-top:100px; border-right:6px solid #ffcb05; } .implementation { position:relative; } .implementation p { padding-right:20px; } img.rocketz { width:170px; position:absolute; top:-186px; right:-50px; } td.top-notch { border-top:6px solid #ffcb05; } th.busy-bee { border-right:6px solid #ffcb05; } .inspire { padding-left:50px; margin:50px 0px; } .inspire hr { height:6px; background-color:#ffcb05; width:200px; margin:0; } .inspire p { max-width:350px; } .message-app { background-image:url('../images/message.png'); height:148px; background-repeat:no-repeat; background-position:top center; position:relative; display:inline-block; width:100px; margin-top:25px; } .message-app:after { content:''; position:absolute; height:50px; width:6px; left:0; right:0; margin:auto; background-color:#ffcb05; bottom:7px; } .eye-app { background-image:url('../images/eye.png'); height:148px; background-repeat:no-repeat; background-position:top center; position:relative; display:inline-block; width:100px; margin-top:25px; } .eye-app:after { content:''; position:absolute; height:50px; width:6px; left:0; right:0; margin:auto; background-color:#ffcb05; bottom:7px; } .flag-app { background-image:url('../images/flag.png'); height:148px; background-repeat:no-repeat; background-position:top center; position:relative; display:inline-block; width:100px; margin-top:25px; } .flag-app:after { content:''; position:absolute; height:50px; width:6px; left:0; right:0; margin:auto; background-color:#ffcb05; bottom:7px; } .project-build { padding-top:40px; height:800px; background-image:url("../images/blue-room.jpg"); background-size:cover; background-attachment:fixed; position:relative; overflow:hidden; } /*.project-build:before { content:''; position:absolute; width:6px; height:205px; background-color:#fff; left:1px; right:0; margin:auto; } .project-build:after { content:''; position:absolute; width:6px; height:90px; background-color:#fff; left:0; right:0; margin:auto; bottom:110px; }*/ .standards-left { position:relative; top:100px; bottom:0; margin:auto; } .standards-left p { color:#fff; max-width:250px; } .standards-left h3, .move { display:block; text-transform:uppercase; font-family:'Lato'; font-size:25px; color:#fff; text-align:left; } .standards-left hr { width:200px; background-color:#fff; margin:0; height:6px; } .standards-app { width:450px; margin:0 auto; position:relative; top:20px; } .center-of-attention { position:absolute; width:400px; bottom:0; text-align:center; left:0; right:0; top:0; margin:auto; border:6px solid #fff; height:400px; padding:50px; border-radius:200px; padding-top:120px; color:#fff; } .right-col { padding-left:260px; } .logo-app { width:450px; margin:0 auto; position:relative; } .color-app { width:450px; margin:0 auto; position:relative; margin-top:160px; } .move { text-align:center; position:absolute; bottom:20px; left:0; right:0; } .move:before { content:''; position:absolute; width:300px; height:6px; background-color:#fff; left:0; right:0; margin:auto; bottom:-15px; } .move:after { content:''; position:absolute; width:6px; height:55px; background-color:#fff; left:0; right:0; margin:auto; bottom:-70px; } .typography-app { width:450px; margin:0 auto; position:relative; margin-top:200px; } .games { color:#01b3e3; font-family:'Lato'; font-size:25px; text-transform:uppercase; } p.e-d { font-size:18px; width:100%; max-width:425px; color:#888182; } .brand-wrap { width:400px; margin:0 auto; padding-top:125px; } .brand-next hr { width:250px; background-color:#ffcb05; height:6px; margin:0; } .next-level { height:600px; position:relative; } .next-level:after { content:''; position:absolute; height:600px; width:6px; left:0; right:0; margin:auto; background-color:#ffcb05; } .social-wrapper div { border:4px solid #ffcb05; border-left:none; border-radius:0px 20px 20px 0px; height:118px; width:200px; } .social-app { background:url('../images/social.png') no-repeat; background-size:90px; background-position:center -3px; margin-top:110px; } .pr-app { background:url('../images/pr.png') no-repeat; background-position:center -15px; margin-left:200px; position:relative; top:-50px; } .web-app { background:url('../images/laptop.png') no-repeat; background-position:center -10px; margin-top:-110px; } .print-app { background:url('../images/book.png') no-repeat; background-position:center -10px; margin-left:200px; position:relative; top:-40px; } .mobile-app { background:url('../images/mobile.png') no-repeat; background-size:80px; background-position:center 3px; margin-top:-110px; } .social-app p, .pr-app p, .web-app p, .print-app p, .mobile-app p { text-transform:uppercase; font-family:'Lato'; text-align:center; padding-top:70px; } .case-study-app { height:auto; background-color:#cfc6c3; padding-top:40px; padding-bottom:40px; } p.testimonial { color:#fff; text-transform:uppercase; padding-left:25px; padding-right:25px; font-size:20px; font-family:'Lato'; padding-top:50px; padding-bottom:50px; } .testimonial span { display:block; font-size:15px; font-style:italic; margin-top:50px; } .case-study-app .button:hover { background-color:#fff; color:#cfc6c3; } .roller { width:50%; height:auto; margin:0 auto; position:relative; display:block; } img.rocketz { width:170px; position:absolute; top:-186px; right:-50px; } .star-dust { background-image:url('../images/star.png'); background-repeat:no-repeat; background-position:center 20px; background-size:200px; text-align:center; height:270px; padding-top:220px; border:6px solid #ffcb05; padding-bottom:20px; margin-top:-6px; margin-left:20px; } .star-dust p { padding-left:10px; padding-right:10px; } .star-dust p span { display:block; } .work-us { position:relative; padding-top:25px; padding-bottom:25px; background-color:#888182; margin-top:50px; } .work-us h4 { text-transform:uppercase; color:#fff; font-family:'Lato'; padding-top:0; padding-bottom:0; border:none; text-align:center; width:100%; font-size:40px; margin-bottom:20px; margin-top:20px; } .work-us a:hover { background-color:#fff; color:#888182; } @media only screen and (max-width:500px) { #services { display:none; } }