@charset "utf-8";/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.1
 * Browser:       Webkit 537.3
 * Browser group: cssA
 */
#container-content { background-color:#fff; }
#home #container-content { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 20%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #ffffff 20%,#e2e2e2 100%); background: -o-linear-gradient(top, #ffffff 20%,#e2e2e2 100%); background: -ms-linear-gradient(top, #ffffff 20%,#e2e2e2 100%); background: linear-gradient(to bottom, #ffffff 20%,#e2e2e2 100%); }
#container-thumbs { background:transparent !important; }
#grad { display:none; }
#home #content { height:600px; height:575px; }
.project-graphics { float:left; width:700px; height:487px; position:absolute; top:0; left:-150px; background-image:url(../i/home_shadows.png); background-position:-100px 100%; background-repeat:no-repeat; padding-left:100px; }
.graphics2 { background-image:url(../i/home_shadows2.png); }
#featured-projects { overflow:visible; }
#featured-projects .project { padding-left:620px; width:372px; min-height:500px; min-height:100%; }
.project-info { width:auto; float:none; }
.graphics-monitor { position:absolute; top:0; left:150px; height:500px; width:552px; z-index:5; }
.graphics-monitor .graphics-lens { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-image:url(../i/home_monitor.png); background-position:0 0; background-repeat:no-repeat; z-index:20; }
.graphics-monitor img { position:absolute; top:19px; left:18px; z-index:10; }
.graphics-phone { position:absolute; z-index:10; bottom:60px; left:110px; width:106px; height:210px; }
.graphics-phone .graphics-lens { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-image:url(../i/home_iphone.png); background-position:0 0; background-repeat:no-repeat; z-index:10; }
#pointtaken .graphics-phone .graphics-lens { left:-1px; }
.graphics-phone img { position:absolute; top:36px; left:8px; z-index:5; }
.graphics-monitor a { width:120px; height:120px; font-size:18px; color:#fff !important; text-decoration:none; font-weight:bold; text-align:center; background:rgb(11,116,117); background:rgba(11,116,117,0.85); -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; position:absolute; z-index:1000; left:-80px; top:90px; line-height:21px; text-transform:uppercase; }
.graphics-phone a { width:120px; height:120px; font-size:18px; color:#fff !important; text-decoration:none; font-weight:bold; text-align:center; background:rgba(11,73,117,0.85); -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; position:absolute; z-index:30; left:-44px; bottom:-5px; line-height:21px; text-transform:uppercase; }
.graphics-monitor a:before { content:''; display:block; height:40px; }
.graphics-phone a:before { content:''; display:block; height:40px; }
.lb-screen { position:fixed; background:rgba(255,255,255,0.7); top:0; left:0; bottom:0; right:0; z-index:100; display:none; }
.lb-container { position:fixed; top:0; left:0; right:0; bottom:0; z-index:101; padding:40px 0 0 0; background-image:url(../i/home_lb_fade.png); background-position:50% 0; background-repeat:repeat-x; display:none; background-size:100% 100%; }
.slidesjs-pagination { display:none; }
.lb-content-holder { width:1200px; width:80%; max-width:1200px; margin:0 auto; }
.lb-content { list-style:none; margin:0; padding:0; display:none; }
.lb-media { text-align:center; position:relative; padding:0 0 4px 0; }
.lb-media img { max-width:80%; position:relative; }
.media-desktop { background-image:url(../i/lb_shadow_frame.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% 14px; padding-top:10px; }
.media-mobile { background-image:url(../i/lb_shadow_phone.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:20px; }
.media-desktop img { border:10px solid #fff; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.4); top:-4px; max-width:78%; }
.media-mobile img { }
.lb-info { padding:40px 0; width:100%; max-width:700px; margin:0 auto; }
.lb-title { text-align:center; font-size:20px; margin:0 0 6px 0; color:#1A659C; }
.lb-sub-heading { text-align:center; }
.lb-description { padding:25px 0; font-size:14px; font-weight:bold; text-align:center; }
.lb-prev { z-index:110; float:left; position:fixed; font-size:14px; left:40px; text-align:right; }
.lb-next { z-index:110; width:6%; float:left; position:fixed; right:40px; text-align:left; }
.lb-prev,.lb-next { top:300px; width:7%; max-width:100px; }
.lb-link { background-color:#1A659C; background-color:rgba(119,119,119,0.7); background-repeat:no-repeat; background-size:40% auto; background-position:75% 50%; margin:0 0 6px 0; }
.lb-link:hover { background-color:#777; }
.lb-link-deactive { background-color:rgba(150,150,150,0.3); background-position:70% 50%; }
.lb-prev .lb-link { float:left; width:100%; color:#fff; text-decoration:none; overflow:hidden; text-indent:-9999px; display:block; position:relative; -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; background-image:url(../i/angle-left.png); background-position:68% 50%; }
.lb-next .lb-link { float:left; width:100%; color:#fff; text-decoration:none; overflow:hidden; text-indent:-9999px; display:block; position:relative; -webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; background-image:url(../i/angle-right.png); }
.lb-prev .lb-link span { position:absolute; display:none; }
.lb-next .lb-link span { position:absolute; display:none; }
.lb-prev .lb-link:before { display:block; content:''; margin-top:100%; }
.lb-next .lb-link:before { display:block; content:''; margin-top:100%; }
.close-project { position:absolute; z-index:100; text-decoration:none; right:60px; top:40px; display:block; text-decoration:none; background-color:#1f70a5; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; text-align:center; padding:8px 15px; color:#fff; font-size:14px; font-weight:bold; line-height:20px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.4); box-shadow:inset 0 1px 2px rgba(0,0,0,0.4); -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; }
.close-project:hover { background-color:#9F9F9F; color:#fff; }
.slidesjs-pagination { list-style:none; margin:0; padding:0; position:absolute; top:780px; left:0; width:100%; right:0; text-align:center; z-index:100; display:block; }
.slidesjs-pagination li { display:inline-block; margin:0 5px; position:relative; }
.slidesjs-pagination a { float:left; text-decoration:none; width:9px; height:9px; text-indent:-9999px; background-color:#777; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.slidesjs-pagination .active { background-color:#1F70A5; width:13px; height:13px; position:relative; top:2px; }
.media-mobile { margin-bottom:64px; }
#content { height:600px; height:540px; }
.project-title h3 { font-size:32px; margin:0 0 12px 0; }
#container-thumbs { text-align:center; }
.project-dots { display:inline-block; list-style:none; margin:0; padding:0; position:relative; z-index:100; }
.dot { float:left; margin:0 4px; }
.dot a { float:left; overflow:hidden; width:10px; height:10px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#ccc; text-indent:-9999px; cursor:pointer; }
.dot .active { background-color:#1F70A7; }
#home #container-content { padding-bottom:20px; }
.feature-arrow { position:absolute; z-index:50; top:300px; }
.arrow-left { left:50%; margin-left:-660px; }
.arrow-right { left:50%; margin-left:560px; }
#arrow-left { float:left; background-image:url(../i/home_arrow_left.png); background-position:0 0; background-repeat:no-repeat; width:37px; height:68px; text-decoration:none; text-indent:-9999px; }
#arrow-left:hover { background-position:0 100%; }
#arrow-right { float:left; background-image:url(../i/home_arrow_right.png); background-position:0 0; background-repeat:no-repeat; width:37px; height:68px; text-decoration:none; text-indent:-9999px; }
#arrow-right:hover { background-position:0 100%; }
.feature-project .project-info { }
.feature-project .project-graphics { background-position:-100px 150px; background-image:url(../i/home_shadows3.png); background-position:0 315px; }
.feature-project .graphics-monitor { left:104px; width:600px; }
.feature-project .graphics-monitor img { left:40px; top:25px; background-color:#DBDBDB; padding-top:5px; }
.feature-project .graphics-phone { bottom:100px; }
.feature-project .graphics-monitor .graphics-lens { background-image:url(../i/home_laptop.png); }
.feature-project .mobile-link { bottom:10px; left:44px; }
.feature-project .desktop-link { left:470px; top:50px; }
.project-services .desktop-link { left:-4px; top:5px; }
.flag { margin:0 0 15px 0; }
.flag strong { float:left; position:relative; background-color:#3095D8; padding:5px 20px; color:#fff; font-weight:normal; height:16px; line-height:16px; font-size:12px; text-shadow:1px 1px 0px rgba(0,0,0,0.1); margin-left:0px; }
.flag strong span { position:absolute; overflow:hidden; left:-10px; top:0; width:11px; height:26px; background-image:url(../i/flag_arrow.png); background-position:100% 0; background-repeat:no-repeat; }
.project-intro { position:relative; }
.help-tip { position:absolute; z-index:10; padding:13px 13px; background-color:#fff; border:1px solid #ccc; -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2); -moz-box-shadow:0 0 6px rgba(0,0,0,0.2); box-shadow:0 0 6px rgba(0,0,0,0.2); top:-10px; left:60px; width:300px; font-size:12px; color:#1F70A5; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 ); font-weight:bold; display:none; }
.help-tip p { margin:0; line-height:17px; }
#thumbnails .thumb-borderless a { border:0; background-position:0 0; }
#thumbnails .thumb-borderless span { width:114px; height:86px; border:0; }
#thumbnails .thumb-borderless a img { width:114px; height:86px; }
#thumbnail-holder { width:1030px !important; left:-26px !important; }
#thumbnails li { border:0; margin-right:1px; padding:0 7px; }
@media all and (max-height: 700px) { .lb-item { text-align:center; }
.lb-media { display:inline-block; }
.lb-media img { max-height:650px; }
.media-mobile img { }
.slidesjs-container { }
.media-mobile { background-size:100% 35px; background-position:50% 99%; margin-bottom:0px; }
}