@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/ProximaNova-Extrabold-webfont.eot');
    src: url('../fonts/ProximaNova-Extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Extrabold-webfont.woff2') format('woff2'),
         url('../fonts/ProximaNova-Extrabold-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-Extrabold-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-Extrabold-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.findingClient {
  -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}

.heading-tag{padding:127px 9% 0;}
.heading-tag h1{font-size:2.3em;color:#fff;}
.heading-tag section{float:left;}
.on-banner-text-markup .heading-tag p{padding:0;}
.banner-main{background:url(../images/main-banner-repeater.jpg) left top repeat;display:inline-block;width:100%;position:relative;z-index:100;min-height:487px; padding-top: 0}
.slide-change{display:none;position:absolute;z-index:2000;overflow:hidden}
.banner-main-left{width:39.5%;position:absolute;min-height:187px;max-width:553px;background:#fff;}
.banner-main-left img{position:relative;top:0px;left:0px;z-index:100;width:auto;display:block;}
.banner-main-left.wdth-other{width:100%;}
.banner-main-left.wdth-other img{width:auto;}
.banner-main-left dfn{position:absolute;z-index:101;width:238px;right:26px;top:19%;text-align:right;font-size:20px;color:#3e6475;font-family:'Camphor W01 regular';line-height:1.2;}
.banner-main-left dfn.fig-marvin{width:223px;right:26px;font-size:20px;top:19%;}
.banner-main-left dfn.fig-marvinsecond{width:240px;right:26px;font-size:20px;top:19%;}
.banner-main-left dfn.fig-marvinthird{width:230px;right:26px;top:26%;font-size:20px;}
.banner-main-left dfn.fig-brandon{width:197px;right:26px;font-size:20px;top:37.4%;}
.banner-main-left dfn.fig-tanya{left:24px;top:12%;text-align:left;width:253px;}
.name-desc{position:absolute;bottom:9%;left:0%;z-index:300;text-align:left;line-height:1.4;background:rgba(256, 256, 256, .88);padding:10px 32px 15px 20px;}
.name-desc.padd-eq{padding:10px 20px 15px 20px;}
.name-desc em{color:#0e3d52;font-size:2.3em;font-family:'Camphor W01 Bold';display:block;text-shadow:-1px 0px 0px rgba(255, 255, 255, .5);line-height:1.4;vertical-align:top;}
.name-desc span{font-size:1.3em;color:#0e3d52;font-family:'Camphor W01 Regular';display:block;text-shadow:-1px 0px 0px rgba(255, 255, 255, .5);padding-bottom:8px;padding-top:2px;}
.name-desc span mark{color:#0e3d52;font-family:'Camphor W01 Bold';}
.name-desc a{color:#218592;font-size:1.2em;font-family:'Camphor W01 Regular';display:block;}
.name-desc a:hover{color:#F14100;}
.banner-slide{width:60.5%;float:right;}
.name-desc.posn-chnage{right:2px;left:auto;text-align:right;bottom:10%;background:none;}
.name-desc.posn-change{right:0px;left:auto;text-align:right;bottom:10%;background:rgba(255, 255, 255, 0.88);}
.dspl{display:none;}
.toggler{position:absolute;top:120px;cursor:pointer;left:0px;width:20px;height:14px;text-indent:-999999px;z-index:10000;display:block;background:url(../images/toggler.png) left top no-repeat;}
.chnge{background:url(../images/toggler-opst.png) left top no-repeat;right:0px;position:absolute;top:180px;text-indent:-999999px;width:20px;height:14px;z-index:2005;display:none;}
.chnge a{display:block;}
.change-fade{display:none;position:relative;z-index:2000;}
.on-banner-text{position:absolute;top:15.7%;left:7%;z-index:2300;text-indent:0;width:100%;}
.on-banner-text figure{float:left;width:21%;}
.on-banner-text dfn{font-size:3em;color:#fff;display:inline-block;width:74%;padding:30px 0 0 2.6%;text-shadow:1px 0px 0px #000;font-family:'Camphor W01 Italic';}
.on-banner-text dfn strong{font-size:40px;color:#fff;display:block;font-family:'Camphor W01 Heavy';padding-top:3px; font-weight: 400;}
.on-banner-text dfn small{font-size:20px;font-family:"CamphorW01-MediumItalic";}
.on-banner-text-markup{position:absolute;top:9.1%;left:0%;z-index:2300;text-indent:0;width:100%;}
.on-banner-text-markup dfn{font-size:4em;color:#fff;display:inline-block;padding:5px 52px 0 0%;text-shadow:1px 1px 0px #000;font-family:'Camphor W01 Heavy';width:100%;text-align:center;}
.on-banner-text-markup p{font-size:2.3em;color:#fff;font-family:'Camphor W01 Light';text-shadow:0px 1px 0px #000;line-height:30px;padding:127px 10% 0 10%;text-align:center;}
.on-banner-text-markup h1{color: #FFFFFF; font-family: 'Camphor W01 Heavy';font-size: 4em; padding: 5px 52px 0 52px; text-align: center; text-shadow: 1px 1px 0 #000000;}
.on-banner-text-markup p strong, .on-banner-text-markup h1 strong{font-family:'Camphor W01 Bold';font-weight:400;}
.on-banner-text-cms{position:absolute;top:11%;left:7.5%;z-index:2300;text-indent:0;width:100%;}
.on-banner-text-cms dfn{font-size:4.3em;color:#fff;display:inline-block;width:60%;padding:23px 0 0 0%;text-shadow:0px 1px 0px #000;font-family:'Camphor W01 Bold Italic';}
.on-banner-text-cms mark{display:block;padding:11px 0 0 6.7%;font-size:30px;color:inherit;font-family:'Camphor W01 Italic';letter-spacing:-.5px;}
.on-banner-text-cms dfn strong{font-size:40px;color:#fff;display:block;font-family:'Camphor W01 Heavy'; font-weight: 400;}
.on-banner-text-cms dfn small{font-size:17px;line-height:1.2;font-family:"CamphorW01-MediumItalic";padding:8px 10% 0 15%;display:block;}
.on-banner-text-cms a{width:269px;background:#ef3e31;color:#fff;font-size:14px;text-transform:uppercase;font-family:'Camphor W01 Heavy';text-align:center;display:block;margin:19px 0 0 9%;padding:14px 0 12px 0;border-radius:3px;box-shadow:0px 0px 2px rgba(0, 0, 0, .5);letter-spacing:1px;}
.on-banner-text-cms a span{background:url(../images/arrow-white.png) right 4px no-repeat;padding-right:18px;}
.on-banner-text-seo{position:absolute;top:50%;left:0%;z-index:2300;text-indent:0;text-align:center;width:100%;}
.on-banner-text-seo dfn{font-size:4em;color:#fff;display:block;text-shadow:1px 1px 0px #000;font-family:'Camphor W01 Heavy';letter-spacing:-1px;}
.on-banner-text-seo dfn mark{display:block;font-size:30px;padding:10px 0 0 0;color:inherit;font-family:'Camphor W01 Italic';}
.on-banner-text-bug{position:absolute;top:11%;left:11%;z-index:2300;text-indent:0;width:100%;}
.on-banner-text-bug dfn{font-size:3em;color:#fff;display:block;padding:46px 0 0 0%;text-shadow:1px 0px 1px #000;font-family:'Camphor W01 Italic';}
.on-banner-text-bug dfn strong{font-size:40px;color:#fff;display:block;padding:7px 0 0 45px;font-family:'Camphor W01 Heavy';font-weight: 400;}
.on-banner-text-bug em{font-size:3.2em;color:#fff;display:block;padding:9px 195px 0 0%;text-shadow:1px 0px 1px #000;font-family:'Camphor W01 Italic';position:relative;}
.on-banner-text-bug em small{font-size:17px;line-height:1.2;font-family:"CamphorW01-MediumItalic";display:block;padding:8px 0 0 121px;}
.on-banner-text-bug a{width:182px;background:url(../images/show-detail-px.jpg) left top repeat-x;color:#fdc150;font-size:14px;text-transform:uppercase;font-family:'Camphor W01 Heavy';letter-spacing:1px;text-align:center;display:block;margin:24px 23% 0 0%;padding:13px 0 13px 0;border-radius:3px;border:1px solid #8d8487;box-shadow:0px 2px 4px #4c4246;float:right;}
.on-banner-text-bug a span{background:url(../images/arrow-yellow.png) right 3px no-repeat;padding-right:17px;}
.banner-main-right{background:#cfd8dc;padding:15px 0 25px 5%;z-index:2300;position:absolute;width:95%;bottom:0px;left:0px;}
.banner-main-right.spc-less{padding:15px 0 18px 5%;}
.banner-main-right dfn{font-size:1.3em;color:#061c26;font-family:"CamphorW01-MediumItalic";font-style:normal;display:block;padding:10px 0 0 0;line-height:22px;}
.banner-main-right p{padding:5px 55px 0 0px;color:#3e6475;font-size:15px;}
.banner-main-right dfn.hdng i{font-family:'CamphorW01-LightItalic';font-style:normal;}
.banner-img{z-index:2000;}
.banner-main-right ul{overflow:hidden;padding:10px 0 0 0;}
.banner-main-right ul li{padding:0px 0 0 0;width:33%;float:left;font-size:1.5em;font-family:'Camphor W01 Bold';color:#6e8b97;}
.banner-main-right ul li a{color:#6e8b97;display:inline-block;padding-bottom:4px;-webkit-transition:0.25s;-moz-transition:0.25s;transition:0.25s;position:relative;line-height:18px;}
.banner-main-right ul li a:hover{color:#0e3d52;}
.ecom-select{position:absolute;left:-1px;display:none;text-indent:0;top:18px;width:8px;height:16px;z-index:996;}
.banner-main-right ul li a span{background:#ef3e31;margin:0px 0 0 7px;display:inline-block;width:55px;font-size:10px;color:#fff;text-align:center;display:none;float:right;}
.banner-main-right ul li a span.resp{width:35px;}
.banner-main-right ul li a:hover span{display:inline-block;}
.banner-main-right ul.list-bug{overflow:hidden;padding:23px 0 0 0;font-family:'Camphor W01 Medium';}
.banner-main-right ul.list-bug li{float:left;background:url(../images/border-dotted.png) left top repeat-x;width:30%;position:relative;padding:16px 0 0 0;}
.banner-main-right ul.list-bug li span{width:20px;height:20px;border-radius:50%;display:block;position:absolute;top:-10px;left:0px;background:#ef3e31;text-align:center;line-height:20px;color:#fff;box-shadow:3px 1px 2px #9da4a7;}
.banner-main-right ul.list-bug li span.round-blue{background:#0e3d52;}
.banner-main-right ul.list-bug li span.light-blue-round{background:#218592;}
.banner-main-right ul.list-bug li small{background:url(../images/sprite-bug.png) left top no-repeat;font-size:15px;color:#3e6475;display:block;padding:14px 0 8px 50px;margin-left:10px;}
.banner-main-right ul.list-bug li small.step-second{background-position:0 -85px;}
.banner-main-right ul.list-bug li small.step-third{background-position:0 -160px;}
.link-right{background:url(../images/nav-px.jpg) left top repeat-y;position:absolute;right:0px;width:51px;top:0;z-index:100000;min-height:487px;border-bottom:1px solid #dcdcdc;}
.link-right ul{padding:16px 0 0px 0;}
.link-right ul li{}
.link-right ul li a{width:52px;height:66px;display:block;position:relative;text-align:center;line-height:66px;font-family:'FontAwesome';}
.link-right ul li a i{font-size:19px;color:#9fb1ba;}
.link-right ul li a:hover i{font-size:19px;color:#0e3d52;}
.link-right ul li a span{background:#fff;width:0;right:52px;padding:0;top:12px;position:absolute;overflow:hidden;text-indent:0px;font-family:'Camphor W01 Regular';-webkit-box-shadow:-2px 0px 6px 0px rgba(0, 0, 0, .2);box-shadow:-2px 0px 6px 0px rgba(0, 0, 0, .2);font-size:12px;white-space:nowrap;line-height:27px;-webkit-transition:0.25s;-moz-transition:0.25s;transition:0.25s;color:#3e6475;}
.link-right ul li a:hover span{width:auto;padding:0 10px;overflow:visible;}
.link-right ul li a.active i{color:#0e3d52;}
.list-developer{overflow:hidden;padding:20px 0;}
.list-developer li{text-align:center;width:33.3%;float:left;}
.list-developer li span{font-size:20px;color:#0e3d52;font-family:'Camphor W01 Bold';display:block;padding:8px 8% 0 8%;}
.list-developer li span mark{font-family:'Camphor W01 Regular';color:#061c26;}
.list-developer li p{font-size:15px;color:#3e6475;font-family:'Camphor W01 Light';padding:8px 0 0 0;}
.img-cont{height:46px;}
.on-banner-text.hire-text{position:absolute;top:36%;left:0%;z-index:2222;text-indent:0;text-align:center;}
.on-banner-text.hire-text dfn{font-size:3em;color:#fff;display:inline-block;width:100%;padding:0 0 0 0%;text-shadow:0px 1px 1px #000;font-family:'Camphor W01 Italic';}
.on-banner-text.hire-text dfn strong{font-size:40px;color:#fdc150;display:block;font-family:'Camphor W01 Heavy';font-weight:400;}
.on-banner-text.hire-text dfn small{font-size:17px;font-family:'CamphorW01-MediumItalic';}
.link-hire{background:#ef3e31;color:#fff;font-size:14px;text-transform:uppercase;font-family:'Camphor W01 Heavy';text-align:center;display:block;margin:19px 0 0 0%;padding:14px 24px 12px 0;border-radius:3px;box-shadow:0px 0px 2px rgba(0, 0, 0, .5);letter-spacing:1px;position:absolute;z-index:2500;top:281px;left:37.8%;}
.link-hire:hover{color:#fff;}
.link-hire span{background:url(../images/arrow-red.jpg) right 1px no-repeat;padding:0 15px 0 24px;}
.on-banner-text-cms a{width:269px;background:#ef3e31;color:#fff;font-size:14px;text-transform:uppercase;font-family:'Camphor W01 Heavy';text-align:center;display:block;margin:19px 0 0 9%;padding:14px 0 12px 0;border-radius:3px;box-shadow:0px 0px 2px rgba(0, 0, 0, .5);letter-spacing:1px;}
.on-banner-text-cms a span{background:url(../images/arrow-white.png) right 4px no-repeat;padding-right:18px;}
.container-main{}
.container-content{padding:0 0%;}
.about-home{padding:13px 0px 0px 0;margin-top:48px;overflow:hidden;position:relative;}
.about-home h2{padding:0 0 0 0;}
.about-home p{padding:22px 15px 0 0;}
.about-home-top{padding:0 0 0px 4.85%;overflow:hidden;margin-bottom:0px;background:url('../images/gray-px-line.png') 78.8% top repeat-y;}
.review-code{padding:0px 0 0 0;}
.fig-review{margin:22px 0 0 0;position:relative;float:left;overflow:hidden;display:block;}
.fig-review img{border:5px solid #cfd8dc;display:block;}
.on-fig{position:absolute;left:5px;top:5px;background:#000;opacity:.6;min-height:80px;width:98%;}
.on-fig span{font-size:6em;color:#fff;display:block;padding:45px 25px 20px 0px;text-shadow:1px 0px 1px #000;line-height:1;text-align:right;vertical-align:top;}
.on-fig span mark{font-size:30px;color:#fff;display:inline-block;padding:14px 0 0 0;vertical-align:top;}
.list-testing{padding:21px 0 0 0;overflow:hidden;width:100%;}
.list-testing li{font-size:1.7em;padding:7px 0 0 0;font-family:'Camphor W01 Light';}
.list-testing li a{color:#0e3d52;}
.list-testing li mark{color:#ef3e31;font-family:'Camphor W01 Heavy';padding-right:10px;}
.list-testing li a:hover{color:#EF3E31;}
.view-more{display:block;text-align:center;width:188px;height:31px;background:#218592;border-radius:2px;margin:29px 0 0 0;color:#fff;text-transform:uppercase;font-family:'Camphor W01 Heavy';font-size:1.4em;line-height:32px;letter-spacing:2px;padding-top:1px;}
.view-more:hover{background:#1b6d78;color:#fff;}

.click-for-more { font-size:12px; display: block; padding:10px 0 0 9px;}
.at-a-glance{overflow:hidden;padding:60px 4.85% 18px 4.85%;}
.at-a-glance h2{padding:0 0 38px 0;color:#0e3d52;text-transform:uppercase;font-size:30px;line-height:1.1;}
.at-a-glance ul{border-top:1px solid #cfd8dc;padding-top:24px;}
.at-a-glance ul li{border-bottom:1px solid #cfd8dc;overflow:hidden;padding:23px 0 0 0; min-height: 135px;}
.at-a-glance ul li.first-list{padding-top:0px;padding-bottom:16px;}
.at-a-glance ul li:last-child{border-bottom: none}
.at-a-glance ul li strong{color:#218592;font-size:2.3em;text-transform:uppercase;padding:0 0px 23px 0;clear:both;display:block;font-weight:normal;line-height:22px;font-family:'Camphor W01 Bold';}
.glance-left{width:80%;float:left;}
.glance-left dfn{color:#0e3d52;font-size:2em;display:block;font-family:'Camphor W01 Medium';line-height:22px;}
.glance-left dfn mark{color:#ef3e31;font-family:'Camphor W01 Bold';}
.glance-left em{color:#3e6475;display:block;font-size:1.7em;font-family:'Camphor W01 Thin';line-height:22px;padding-top:1px;}
.glance-right{width:19%;float:right;text-align:right;}
.glance-right dfn{color:#073043;font-size:2.3em;display:block;font-family:'Camphor W01 Heavy';line-height:18px;}
.glance-right i{color:#073043;font-size:2.5em;display:block;font-family:'FontAwesome';line-height:36px;}
.glance-right i.expnd-size{font-size:2.8em;}
.glance-right em{color:#3e6475;display:block;font-size:2.3em;font-family:'Camphor W01 Light';}
.happy-stats{padding:0 0 0px 17%;margin-top:-17px; border-top: none}
.happy-stats ul{padding:0 0 0 0;}
.happy-stats ul li{background:url(../images/seprt.jpg) left bottom no-repeat;padding:29px 0; width: 100%; float: none}
.happy-stats ul li strong{font-family:'Camphor W01 Heavy';font-size:6.1em;color:#0e3d52;display:block;line-height:1; padding-left: 0}
.happy-stats ul li a{padding:2px 18px 0 0;color:#84cebb;font-family:'Camphor W01 Italic';font-size:1.5em;display:block;}
.happy-stats h4{font-size:2.4em;color:#ef3e31;padding:0 0 20px 0;}
.happy-stats small{font-size:1.5em;color:#ef3e31;font-family:'Camphor W01 Bold';text-transform:uppercase;display:block;padding-left: 0; margin: 4px 0 10px;}
.founder-sec{width:100%;background:url(../images/pattern.jpg) left top repeat;min-height:270px;text-align:center; margin-top: 68px}
.founder-sec-main{padding:0 0%;}
.founder-sec-main dfn{display:block;color:#fff;font-size:3em;padding:40px 0 0 0;text-transform:uppercase;font-family:'Camphor W01 Bold';letter-spacing:1px;}
.founder-sec-main p{font-size:1.4em;color:#fff;padding:25px 0% 0 0%;line-height:20px;}
.founder-sec-main p a{color:#fff;text-decoration:underline;display:block;padding-top:5px;}
.founder-sec-main p a:hover{color:#fff;text-decoration:none;}
.founder-sec .row{background-color:transparent;}
.founder-sec-main figure{margin:48px 0 0 0;}
.founder-sec-first{background:url(../images/shadow-founder-sec.png) right top repeat-y;min-height:304px;width:27.33%;float:left;padding:0 3% 0 3%;}
.founder-sec-mid{background:url(../images/shadow-white.png) left top repeat-y;min-height:304px;width:92%;float:left;padding-left:8%;}
.founder-sec-mid-layer{background:url(../images/shadow-founder-sec.png) right top repeat-y;min-height:304px;width:30.33%;float:left;padding:0 3% 0 0;}
.founder-sec-right{background:url(../images/shadow-white.png) left top repeat-y;min-height:304px;width:27.33%;float:left;padding:0 3%;}



.beyound{color:#0e3d52;font-family:'Camphor W01 Regular';}
.ninecol.beyound{width:76.05%;margin-right:1.8%;}
.beyound strong{font-size:2.3em;line-height:29px;padding-top:154px;display:block;font-family:'Camphor W01 Medium';font-weight:normal;}
.beyound p{font-family:'Camphor W01 Thin';font-size:1.7em;line-height:22px;}
.beyound h2{color:#0e3d52;font-size:3em;line-height:100%;text-transform:uppercase;padding-bottom:8px;}
.beyound h3{padding-bottom:44px;}
.beyound h3.hdn-second{padding-bottom:0px; padding-top:43px;}
.beyound h2 span{font-size:100%;color:#84cebb;}
.to-know{font-family:'Camphor W01 Medium';font-size:1.5em;line-height:21px;}
.block-full h2{padding-bottom:25px;padding-top:7px;}
.black-eye{position:relative;}
.black-eye span{font-size:30px;font-family:'Camphor W01 Heavy';display:inline-block;position:absolute;left:0;bottom:114px;background:url(../images/music-bg.png) right top no-repeat;
text-shadow:1px 1px 0 #984842; color:#ffffff;padding-left:21px;padding-right:45px;line-height:85px}


.beyound p strong {display:inline; font-family:'Camphor W01 Medium'; font-size:17px; font-weight:normal; line-height:22px; padding-top:0;}

.black-eye span mark.float-r{font-size:33px;padding-left:30px;display:inline-block;color:#ffffff;}
.happy-stats ul li.last{background:none;padding-bottom:0;}
.liquid{position:relative ;margin:0 4.85%;}
.banner-slide canvas{position:absolute;left:0px;top:0px;width:100% !important;}
.banner-img{overflow:hidden;position:relative;}
.slideInner{position:relative;}
.dspl-none{display:block;}
.dspl-item{display:none;}
.customer-care-main{border-top:0px;}
.rating-sec { overflow:hidden; font-size:12px; line-height: 20px; padding-bottom:30px;font-family:"Camphor W01 Light";}
.rating-sec i { font-size: 13px; line-height:20px; display: inline-block; float: left; color: #fdc14f; margin: 0 2px 0 0; }
.rating-sec div { display: inline-block; float: left; padding: 0 0 0 8px; color: #3e6475; width: auto;}
.rating-sec a{font-family:"CamphorW01-LightItalic"; font-style: normal;float: left}
.list-home { overflow: hidden; padding:14px 0 0px 0;}
.list-home li { background: url("../images/dot.png") no-repeat left 18px; color:#0E3D52; font-family:'Camphor W01 Thin'; font-size:1.7em; line-height:22px; padding: 5px 0 0 23px;}

.banner-out {padding-top: 70px;}
/*banner new*/
.main-img { position: absolute;}	
.slider-wrapper{position:relative;	overflow:hidden;width:100%;	margin:0px auto;}
.slider{position:relative;width:100%;/*	height:400px; when responsive, comment this out */	margin:0 auto;	}
.banner-new { position: relative;}
.banner-new-left { width: 630px; padding: 60px 0 0 70px; float: left;}
h1 {font-size:10em; line-height:1; font-family:'Camphor W01 Heavy'; padding:0px 0 0 0px; color: #fff;}
/*h1 img { width: 25px !important;}*/
dfn.first-desc { font-size: 3em; color: #fff; display: block; padding:30px 0 0 0px; font-family:'Camphor W01 Medium'; text-shadow: 1px 0px 2px rgba(0, 0, 0, .7);}
.first-para {font-size:1.7em; color: #fff; padding:15px 0 0 0px;width: 630px;}
.first-para.expand-width { width: 687px; font-size:1.5em;}

.link-sec-banner { padding: 33px 0 0 0px;}
.link-sec-banner ul { overflow: hidden;}
.link-sec-banner ul li { float: left; padding: 0 20px 0 0; font-size: 13px;font-family:"CamphorW01-LightItalic";  line-height:42px !important;color: #9fb1ba;}
.link-sec-banner ul li i { margin-right: 4px;}
.link-sec-banner ul li a { color: #9fb1ba;}
.link-sec-banner ul li a.view-more-red {background:#ef3e31; border-radius: 2px; color: #FFFFFF; display: block; font-family:'Camphor W01 Bold';font-size:14px; height:34px; letter-spacing:1px;
line-height:34px !important; margin:0px 0 0; padding-top: 1px; text-align:center; text-transform:uppercase; width:152px !important;}
.link-sec-banner ul li a.view-more-red.blue{background:#218592}

.link-sec-banner ul li a:hover.view-more-red { background:#f2655a;}
.link-sec-banner ul li a:hover.view-more-red.blue{background:#4d9da8}


.link-sec-banner ul li a.view-more-red.spc-right { margin-right: 20px;}
.slide-first { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; color:#fff;}
.notes-sec-banner { background: #f6f2ee; padding:0px 25px 20px; width:552px; }
.notes-sec-banner p { color: #0e3d52;  font-size:17px; padding:10px 0 0; }

.notes-sec-banner dfn { font-size: 21px; color: #0e3d52; display: block; padding:22px 0 0 0; font-family:'Camphor W01 Heavy'; font-size: 21px;}
.notes-sec-banner dfn mark { color: #ef3e31;}
.pixel-play{ background:rgba(66,58,67,0.51);}
.notes-sec-banner.pixel-play dfn,.notes-sec-banner.pixel-play p{color: #fff;}

h1.agile img { width: 53px !important;}


.project-count { padding:22px 0 0; overflow:hidden; float:right; width:592px; color:#fff; }
.project-count-fig { float: left; margin: 0 12px 0 0; background: url(../images/number-bg-prj.png) left top no-repeat; width: 244px; height:73px; line-height: 73px;}
/*.project-count-fig img { width: 244px !important;}*/
.project-count-desc { float: left; display: inline-block; font-size:2.3em; text-transform: uppercase; padding-left:5px;}
.project-count-desc strong { display: block; font-family:'Camphor W01 Regular'; font-weight: 400; font-size:30px; padding:9px 0 6px 0;}
.work-on { overflow: hidden; padding: 41px 0 0 0;}
.work-first { width:90px; display: block; }
.work-first a { display: block;position: relative; text-align: center; }
.work-first a img { width: 84px !important; }
.work-first a span { color:#a6ced3; display: block; text-decoration:none; font-size:14px; font-family:'Camphor W01 Light'; padding-top:7px;}
.work-first a:hover span { text-decoration: none; color: #f2655a;}
.work-first a img.wheel-rotating { position:absolute; left:9px; top:10px; width:64px !important; height:64px !important; }
.highlight-c {color: #fff; font-size:60px;}

.work-first a img.endTag-rotating {position:absolute; left:18px; top:21px; width:48px !important; height:40px !important; 
-webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); -ms-transform:rotateY(0deg);
-webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%;
-webkit-transition:all 500ms linear;-moz-transition:all 500ms linear;-o-transition:all 500ms linear;-ms-transition:all 500ms linear;transition:all 500ms linear;}
.work-first a:hover img.endTag-rotating {-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg);}
/*banner new*/
.work-first a img.rods{position:absolute; top:25px; width:4px !important; height:37px !important; }
.work-first a img.rods-dots{position:absolute; width:8px !important; height:10px !important;}
.work-first a img.rods-dots1{left: 23px;top: 50px;}
.work-first a img.rods-dots2{left: 38px;top: 30px;}
.work-first a img.rods-dots3{left: 53px;top: 43px}

.work-first a img.piece-join {position:absolute; left:20px; top:20px; width:44px !important; height:46px !important; }
.work-first a img.piece {position:absolute; left:48px; top:16px; width:20px !important; height:22px !important; 
-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear;}
.work-first a:hover img.piece {left:44px; top:20px;}

.work-first a img.mob-replace {position:absolute; left:30px; top:20px; width:24px !important; height:42px !important; }
.work-first a:hover img.mob-replace {top:-80px;opacity: 0}
.work-first a img.mob-replaceWith {position:absolute;opacity: 0; left:130px; top:20px; width:30px !important; height:42px !important; }
.work-first a:hover img.mob-replaceWith {left:27px;opacity: 1}


.findingClient{float: left;max-width: 252px; width: 100%; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;min-height: 314px;}
.clientList{float: left;max-width:1008px; width: 100%; position: relative}
.clientList ul{width: 100%; display: table;}
.clientList ul li{display: table-cell; vertical-align: middle; width: 252px; height: 157px; text-align: center}
.liquid{display: inline-block;margin-top: 69px; margin-bottom: 20px}
.findingClient { background: #fcb124; text-align: center; padding: 63px 33px 19px;}
.findingClient em{ color: #feefd3;display: block;font-family: 'Camphor W01 Italic';font-size: 11px;letter-spacing: -0.3px; margin-right: -14px; padding-top: 45px; text-align: right;}
.findingClient span.prof{font-size: 20px;font-family:'Camphor W01 Light'; line-height: 1; color: #0e3d52;display: block;letter-spacing: 4.5px; letter-spacing: 3px\0; }
.findingClient span.mainspan{ text-align:left; font-family:'Camphor W01 Regular';line-height: 1; color: #0e3d52;display: block;font-size: 28px;letter-spacing: -2px;}
.findingClient h2{font-size: 36px; line-height: 32px; font-style: normal; font-weight: normal;color: #0e3d52; letter-spacing: 6px;
font-family: 'proxima_novaextrabold'}

.findingClient h2 span{font-size: 100%; letter-spacing: 10px;}

.findingClient .while{position: relative; margin:21px 2px 20px}
.findingClient .while span{position: relative;font-family:'Camphor W01 Light'; text-transform: uppercase; font-size: 16px; color:#0e3d52;padding: 0 15px;background: #fcb124}
.findingClient .while small{position: absolute; height: 2px; background: #0e3d52; width: 100%; top: 8px; left: 0}
.seeMore{ text-align: right}
.seeMore a{color:#218592;font-size: 11px;font-family:'Camphor W01 Regular';margin: 0 4.8%}
.seeMore a:hover{color:#ef3e31}
.clientList ul li a{display: block; margin: 0 auto; overflow: hidden;position: relative;z-index: 9}
.clientList ul li:hover{background: #ffffff !important}
.color-1{background: #ffffff;}
.color-1 a{width: 138px; height: 86px;}
.clientList ul li.color-1:hover img{margin-top: -86px}
.color-2{background: #f4f6f7;}
.color-2 a{width: 127px; height: 38px;}
.clientList ul li.color-2:hover img{margin-top: -40px}
.color-3{background: #ffffff;}
.color-3 a{width: 150px; height: 79px;}
.clientList ul li.color-3:hover img{margin-top: -81px}
.color-4{background: #dde4e7}
.color-4 a{width: 127px; height: 87px;}
.clientList ul li.color-4:hover img{margin-top: -89px}
.color-5{background: #fbfcfc;}
.color-5 a{width: 177px; height: 30px;}
.clientList ul li.color-5:hover img{margin-top: -31px}
.color-6{background: #e5eaec;}
.color-6 a{ width: 85px; height: 85px;}
.clientList ul li.color-6:hover img{margin-top: -87px}
.color-7{background: #e1e6e9;}
.color-7 a{width: 176px; height: 25px;}
.clientList ul li.color-7:hover img{margin-top: -27px}
.color-8{background: #f1f3f5;}
.color-8 a{width: 86px; height: 82px;}
.clientList ul li.color-8:hover img{margin-top: -86px}



.Cleartrip{background: #f7f8f9}
.Cleartrip a{width: 142px; height: 35px;}
.clientList ul li.Cleartrip:hover img{margin-top: -40px}
.Uniliver{background: #d7dfe2}
.Uniliver a{width: 68px; height: 75px;}
.clientList ul li.Uniliver:hover img{margin-top: -79px}
.Necco{background: #eaeef0}
.Necco a{width: 132px; height: 62px;}
.clientList ul li.Necco:hover img{margin-top: -67px}
.Yamaha{background: #e2e8ea}
.Yamaha a{width: 113px; height: 77px;}
.clientList ul li.Yamaha:hover img{margin-top: -83px}
.BMW{background: #dce3e5}
.BMW a{width: 79px; height: 80px;}
.clientList ul li.BMW:hover img{margin-top: -86px}

.Dentistry{background: #fbfcfc}
.Dentistry a{width: 113px; height: 77px}
.clientList ul li.Dentistry:hover img{margin-top: -82px}
.Surfly{background: #f5f7f8}
.Surfly a{width: 127px; height: 58px}
.clientList ul li.Surfly:hover img{margin-top: -62px}
.Intel{background: #f1f3f5}
.Intel a{width: 96px; height: 63px} 
.clientList ul li.Intel:hover img{margin-top: -67px}
.Amdocs{background: #f5f7f8}
.Amdocs a{width: 174px; height: 35px}
.clientList ul li.Amdocs:hover img{margin-top: -40px}
.PMI{background: #ffffff}
.PMI a{width: 118px; height: 57px}
.clientList ul li.PMI:hover img{margin-top: -63px}

.clientList ul li{position: relative}
.hoverDetail{background-color: #0e3d52;position: absolute;left:100%; top: 0;height: 314px;z-index: 99; padding:0; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
text-align: left;
display: none;
background-image: url("../images/hoverTrangle.png");
background-position: left 63px;
background-repeat: no-repeat;
}

.PosChange .hoverDetail{
	background-position: left 220px;
}

.Rotate .hoverDetail{
	background-image: url("../images/hoverTrangleRotate.png");
	background-position: right 220px;
}

.Rotate.PosChange-2 .hoverDetail{
	background-position: right 63px;
}


.hoverDetail p{color:#9fb1ba; font-family: 'Camphor W01 Light'; padding-bottom: 19px; font-size: 16px; line-height: 22px;}

.hoverDetail strong{font-size: 30px; line-height: 32px; font-style: normal; font-weight: normal;color: #ffffff; font-family: 'Camphor W01 Heavy'; text-transform: uppercase; border-bottom: 1px solid #ef3e31; padding-bottom: 7px; margin-bottom: 12px; display: inline-block; }
.clientList ul li .hoverDetail a{width: auto; height: auto; display: inline;}
.listTwo .hoverDetail{top: -157px}


.Rotate .hoverDetail{left:0;}
.clientList ul li.Rotate .hoverDetail{left:-504px;}

.listHide{max-width: 1262px;display: block;float: none; clear: both;display: none}
 .hoverDetail{	
width: 504px;padding:45px 60px 0;
}
.clientList ul li:hover {background: #ffffff;}


  .seeMore a{display: inline-block;}
 .seeMore a span{display: none}
 .seeMore a .more{display: block}
 .seeMore a.active .more{display: none}
 .seeMore a.active .less{display: block}
 
 

@media only screen and (max-width:1366px){
.link-hire{top:255px;}
.on-banner-text-markup{left:0%;}
.on-banner-text-seo{left:2.2%;}
.link-hire{top:285px;}
.banner-img{width:777px;}
.banner-main{min-height:475px;overflow:hidden;}
.link-right{min-height:474px;}
.link-right ul li a{height:64px;line-height:64px;}
.on-banner-text-seo{left:0%;}
.clientList{max-width:78%;}
}
@media only screen and (max-width:1397px){
.banner-main{min-height:474px;}
.banner-img{width:774px;}
.link-right{min-height:472px;}
.clientList{max-width:76%;   }
_:-ms-lang(x), .clientList { max-width:75.8%; }
.clientList.listHide{ max-width: 100%; }
}

@media only screen and (max-width:1280px){
.unit-desc a{font-size:1.6em;}
.unit-desc dfn{font-size:1.6em;}
.unit-desc dfn{padding:21px 0 0;}
.banner-main{min-height:445px;}
.banner-img{width:729px;}
.link-right{min-height:444px;}
.link-right ul li a{height:60px;line-height:60px;}
.on-banner-text dfn{padding:23px 0 0 2.6%;}
.on-banner-text-markup dfn{font-size:4.3em;padding:5px 0 0 0%;}
.on-banner-text-markup{left:3%}
.on-banner-text dfn strong{font-size:44px;}
.on-banner-text-bug dfn strong{font-size:50px;}
.on-banner-text-bug em small{right:167px;}
.on-banner-text-bug em{font-size:3.2em;padding:0 195px 0 13%;}
.on-banner-text-seo{left:-2%;}
.on-banner-text-seo dfn{font-size:4.4em;}
.on-banner-text-seo dfn mark{font-size:28px;}
.on-banner-text-markup{left:0%;padding-right:0%;width:100%;}
.banner-main-right ul.list-bug li small{font-size:14px;}
.banner-main-right ul li{width:33%;}
.link-hire{top:252px;}
.on-banner-text dfn strong{font-size:38px;}
.on-banner-text dfn small{font-size:18px;}
.on-banner-text-bug a{margin-right:29%;}
.on-banner-text.hire-text dfn{font-size:2.9em;}
.on-banner-text-markup h1{font-size:2.2em;line-height:29px;}
.on-banner-text-markup p{font-size:2.2em;line-height:29px;padding:127px 10% 0;}
.heading-tag{padding:114px 9% 0;}
.on-banner-text-seo{left:0%;}
.banner-main-left dfn{width:197px;}
.banner-main-left dfn.fig-tanya{width:225px;}
.banner-main-right p{padding:5px 55px 36px 0;}
.banner-main-right ul.last-list{}
.banner-main-right ul.last-list li{width:33%;}
.on-banner-text-bug dfn{padding:9px 0 0;}
.on-banner-text-cms dfn{padding:10px 0 0 0;}
.on-banner-text.hire-text{left:0;top:34%;}
.on-banner-text-bug{top:12.5%;}
.banner-main-right{padding:15px 4% 25px 4%;width:92%;}
.on-banner-text-bug em small{padding:8px 0 0 36px;}
.beyound h2{font-size:2.8em;}
.beyound h3{padding-bottom:25px;}
.dspl-none{display:none;}
.dspl-item{display:block;}
.glance-right dfn{line-height:27px;}
.banner-main-right p{padding:5px 0px 0 0;}
.banner-main-left dfn{top:13%;}
.banner-main-left dfn.fig-marvinthird{font-size:17px;line-height:22px;top:26%;width:200px;}
.banner-main-left dfn.fig-tanya{top:10%;}
h1 {font-size: 9.0em;}
}
@media only screen and (max-width:1200px){

.clientList{max-width:780px}
.banner-img{width:683px;}
.banner-main{min-height:417px;}
.link-right ul li a{height:57px;line-height:57px;}
.link-right{min-height:416px;}
.banner-main-right p{padding:5px 0px 0 0;}
.heading-tag section{float:none;text-align:center;}
.heading-tag{padding:94px 9% 0;}
.on-banner-text-cms{top:6%;}
.on-banner-text-bug a{margin:14px 23% 0 0;}
.on-banner-text-bug{top:8.5%;}
.banner-main-right ul.last-list{padding:0;}
.link-hire{top:241px;}
.founder-sec-mid-layer, .founder-sec-first, .founder-sec-right, .founder-sec-mid{min-height:314px;}
.on-banner-text dfn{padding:15px 0 0 2.6%;}
.on-banner-text-markup dfn{font-size:3.8em;padding:5px 0 5px 0;}
.on-banner-text-seo dfn mark{font-size:27px;}
.on-banner-text-cms dfn small{padding:8px 10% 0 6%;}
.on-banner-text-cms dfn{padding:18px 0 0;}
.on-banner-text-seo dfn{font-size:4.2em;}
.name-desc{padding:10px 26px 15px 20px;}
.banner-main-left dfn{top:15%;}
.banner-main-left dfn.fig-tanya{top:8%;font-size:17px;line-height:22px;}
.banner-main-left dfn.fig-brandon{font-size:17px;line-height:22px;top:37.4%;width:180px;}
.banner-main-left dfn, .banner-main-left dfn.fig-marvin{font-size:17px;line-height:22px;}
.banner-main-left dfn.fig-marvin{width:190px;}
.banner-main-left dfn.fig-tanya{width:200px;}
.liquid .wrapper{width:96% !important;padding-left:2%;padding-right:2%;}
h1 {font-size:8.0em;}
}
@media only screen and (max-width:1140px){
.on-banner-text dfn{padding:15px 0 0 1.1%;}
.link-hire{top:210px;}
.banner-main{min-height:397px;overflow:hidden;}
.banner-img{width:649px;}
.link-right{min-height:396px;}
.link-right ul li a{height:54px;line-height:54px;}
.on-banner-text-bug{top:6.5%;}
.happy-stats ul li strong{font-size:4.8em;}
.banner-main-left dfn{top:12%;width:176px;}
.banner-main-left dfn.fig-marvin{width:157px;}
.banner-main-left dfn.fig-marvinsecond{width:160px;top:19%;}
.banner-main-left dfn.fig-marvinthird{width:180px;top:13%;}
.banner-main-left dfn.fig-marvin{top:12%;}
.banner-main-left dfn.fig-brandon{top:30.4%;width:170px;}
.on-banner-text-markup h1{font-size:2em;line-height:25px;}
.on-banner-text-markup p{font-size:2em;line-height:25px;padding:127px 10% 0;}
.on-banner-text-markup p{padding:127px 10% 0;}
.on-banner-text-markup dfn{font-size:3.6em;}
.on-banner-text dfn{padding:8px 0 0 1.1%;}
.on-banner-text-cms dfn{padding:9px 0 0;}
.on-banner-text-seo dfn{font-size:4em;}
.on-banner-text-seo dfn mark{font-size:25px;}
.list-developer li p{font-size:14px;}
.dspl-text{display:none;}
.banner-main-right ul li a:hover span{display:none;}
.happy-stats ul li{padding:21px 0 25px;}
.happy-stats ul li strong{font-size:5.1em;}
.happy-stats{margin-top:-23px;padding:0 0 0 8%;}
.beyound h3{padding-bottom:22px;}
.list-testing{padding:0;}
.to-know{display:none;}
.founder-sec-main dfn{font-size:2.3em;}
h1 {font-size:6.2em;}

.clientList{max-width:666px}

}
@media only screen and (max-width:1024px){
.banner-main-left{max-width:406px;}
.banner-img{width:582px;}
.banner-main{min-height:356px;}
.link-right{min-height:355px;}
.link-right ul li a{height:48px;line-height:48px;}
.banner-main-left dfn{top:17%;}
.banner-main-left dfn.fig-tanya{top:8%;font-size:15px;line-height:19px;}
.banner-main-left dfn.fig-brandon{font-size:15px;line-height:19px;top:29%;width:160px;right:15px;}
.banner-main-left dfn, .banner-main-left dfn.fig-marvin{font-size:15px;line-height:19px;right:15px;}
.banner-main-left dfn.fig-marvin{width:160px;right:15px;top:18%;}
.banner-main-left dfn.fig-tanya{width:170px;left:15px}
.banner-main-left dfn.fig-marvinthird{font-size:15px;line-height:19px;width:160px;right:15px;}
.name-desc{padding:10px 15px 15px 15px;}
.name-desc.posn-chnage{background:rgba(256, 256, 256, .88);}
.name-desc em{font-size:2em;}
.on-banner-text-markup dfn{font-size:3.2em;}
.on-banner-text-markup p{font-size:1.7em;line-height:22px;padding:127px 10% 0;}
.heading-tag{padding:85px 9% 0;}
.on-banner-text-markup h1{font-size:1.7em;line-height:22px;}
.banner-main-right ul li{font-size:1.3em;}
.banner-main-right{padding:7px 4% 13px;}
.on-banner-text dfn{font-size:2.3em;padding:12px 0 0 2%;width:74%;}
.on-banner-text dfn strong{font-size:37px;}
.on-banner-text dfn{font-size:2.1em;width:63%;}
.on-banner-text dfn strong{font-size:30px;}
.on-banner-text dfn small{font-size:15px;}
.on-banner-text-cms dfn small {font-size: 15px;}
.on-banner-text-cms dfn {padding: 27px 0 0;}

.on-banner-text-markup p{font-size:1.8em;line-height:21px;padding:152px 17% 0 3%;}
.on-banner-text-markup dfn{font-size:3.2em;padding:5px 0 0 1.2%;}
.on-banner-text-cms dfn strong{font-size:34px;}
.on-banner-text-cms{top:0% !important;}
.on-banner-text-cms mark{font-size:24px;}
.on-banner-text-seo dfn{font-size:3em;}
.on-banner-text-seo dfn mark{font-size:22px;}
.on-banner-text-bug{left:9%;top:26px !important;}
.on-banner-text-bug em{font-size:3.2em;padding:0 0 0 0;}
.on-banner-text-bug dfn{font-size:3em;padding:0;}
.on-banner-text-bug a {margin: 14px 22% 0 0;}

.on-banner-text-bug dfn strong{font-size:40px;}
.on-banner-text-markup{left:-1%;}
.link-hire{top:195px;}
.list-developer li span {font-size: 18px;}
.on-banner-text.hire-text {left: -5px; top: 35%;}
.list-developer li p{font-size:12px;}

.link-right ul li a i, .link-right ul li a:hover i {font-size: 17px;}
.view-more {width:162px;}
.beyound h3{font-size: 22px;}
h3 {font-size: 2.2em;}

}
@media handheld, only screen and (max-width:1023px){

.clientList,.findingClient{max-width:1024px}

.findingClient span.mainspan,.findingClient span.prof{ float:left; width: 50%; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;padding: 0 5px;}
.findingClient span.mainspan{text-align: right}
.findingClient span.prof{text-align: left; line-height: 32px}

.findingClient em{clear:both;}
.banner-main-left, .toggler{display:none;}
.banner-slide{float:none;width:100%;}
.link-right{z-index:300001;}
.on-banner-text-seo dfn{font-size:3.7em;}
.banner-img{width:717px;}
.banner-out{margin-top:-1px;}
.banner-main{padding:0;max-width:768px;margin:0 auto;display:block;min-height:438px;}
.link-right{min-height:437px;top:0px;}
.link-right ul li a{height:60px;line-height:60px;}
.link-hire{top:228px;}
.on-banner-text.hire-text{top:35%;}
#image5{max-width:717px;width:717px;}
.on-banner-text-markup dfn{font-size:4.3em;padding:5px 0 0 2%;}
.on-banner-text-markup h1{font-size:2.3em;line-height:30px;}
.on-banner-text-markup p{font-size:2.3em;line-height:30px;padding:140px 10% 0;}
.on-banner-text-markup{top:9%;}
.heading-tag{padding:109px 3% 0 5%;}
.on-banner-text dfn{font-size:3em;padding:17px 0 0 2.6%;width:74%;}
.on-banner-text dfn strong{font-size:40px;}
.on-banner-text dfn small{font-size:19px;padding-right:0px;display:block; padding-top: 5px;}
.on-banner-text-cms{left:7.5%;top:8% !important;}
.on-banner-text-cms dfn strong{font-size:40px;}
.on-banner-text-cms mark{font-size:30px;letter-spacing:-0.5px;padding:11px 0 0 4.8%;}
.on-banner-text-cms a{margin:20px 0 0 2%;}
.on-banner-text-bug{left:11%;top:19% !important;}
.on-banner-text-bug a{float:right;margin:24px 23% 0 0;padding:13px 0;width:182px;}
.on-banner-text.hire-text dfn strong{font-size:40px;padding-bottom:7px;}
.link-right{right:1px;}

.on-banner-text-seo dfn mark {font-size:25px;}
.on-banner-text-bug em small {padding: 8px 0 0 121px;}
.dspl-text {display:block;}
.link-hire {top:262px;}
.banner-out {padding-top: 0px;}

}
@media handheld, only screen and (max-width:768px){
.banner-main-right ul li{font-size:1.5em;padding:3px 0 0;width:33%;}
.happy-stats ul li strong{font-size:3.6em;}
.founder-sec-mid-layer, .founder-sec-first, .founder-sec-right, .founder-sec-mid{min-height:343px;}
.list-testing li{font-size:1.4em;}

.black-eye {bottom:-20px;  left: 181px; position: absolute; max-width: 529px; width:519px; background: #fff; padding:45px 0 0 0;}
.block-full {position: relative;}

.block-full .threecol {width:30.75%;}
.ninecol.beyound { margin-right: 1.8%; width: 76.05%;}
.ninecol.beyound .fivecol, .ninecol.beyound .sevencol { width: 100%;}
.beyound strong {padding-top:0px;}

.happy-stats ul li {padding:18px 0;}
.happy-stats { margin-top: -18px;}
.happy-stats small {font-size: 1.1em;}
.happy-stats ul li a {font-size: 1.1em;}
.at-a-glance .sixcol { width:100%;}
.at-a-glance .sixcol.last { padding: 22px 0 0 0; }
.at-a-glance .sixcol.last ul {border-top: 0px;}
.founder-sec-main dfn {font-size: 1.9em; padding: 27px 0 0 0;}
h3 span { display: none;}
.founder-sec-mid-layer, .founder-sec-first, .founder-sec-right, .founder-sec-mid {min-height:313px;}
.founder-sec-main figure { margin: 43px 0 0;}
.posted-area small {font-size: 12px; padding: 0 12px 0 0;}
.black-eye span {bottom: 83px;}
}

@media only screen and (min-width:768px) and (max-width:1024px){

.hoverDetail{	width: 100%;padding: 10px; left: 0 !important; top: 100% !important; height: 300px; overflow: auto; background-image: none !important; }
.hoverDetail:after{ height: 20px;
    position: absolute;
    right: 15px;
    top: -5px;
    width: 10px;
    transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);
    background: url("../images/hoverTrangle.png") no-repeat 0 0; content: '' ; background-size: 100% 100%;  }
.hoverDetail strong{ font-size: 15px; line-height: 20px; }

}

@media handheld, only screen and (max-width:767px){
.founder-sec-first, .founder-sec-mid-layer, .founder-sec-right, .founder-sec-mid{width:95%;background:none;min-height:50px;float:none;padding:0px 2.5%;}
.founder-sec-main{padding:0 0% 40px 0;}
.happy-stats { display:block; }
.about-home{margin-top:40px;padding:0 0 0px;}
.about-home-top{padding:0 0 40px;}.at-a-glance{padding:19px 2.5% 48px;}
.container-content{padding:5px 2.5% 0;}
.beyound strong{font-size:2.3em;line-height:130%;padding-top:0px;}
.padding-top75{padding-top:40px;}
.list-testing li{font-size:1.8em;float:left;padding:7px 0 0; width: 33.3%;}
.black-eye{margin-top:30px;width:auto;}
.black-eye span{position:static;margin:0px 0 0 0;}
.float-sec-right{float:left;margin:0 20px 0 0px;}
.block-full .threecol {width:auto;}
.change-fade{min-height:300px;}
.ninecol.beyound{margin-right:0%;width:100%;}
.about-home-top{background:none;}
.happy-stats{margin-top:20px;}
.happy-stats ul li strong{font-size:5.1em;}
.happy-stats ul li.last{background:url("../images/seprt.jpg") no-repeat left bottom;padding:14px 0 14px;}
.liquid {margin: 0 0%;}
.black-eye {max-width:767px; padding:0px 0 0; position: static;}   
.black-eye span {bottom: 79px; margin: 0; position: absolute;} 
 .padding-top80 {padding-top: 48px;}     
.founder-sec-mid {padding: 0 0% 43px; border-bottom: 1px solid #f58b83; border-top: 1px solid #f58b83; width:100%;} 
.founder-sec-first { padding-bottom: 43px;}    
.banner-main{padding:0;max-width:640px;margin:0 auto;}	
.banner-img {width:588px;}	
.link-right ul li a {height:49px; line-height:49px;}
.link-right {min-height:358px; top: 0;}
.link-right ul {padding: 12px 0 0;}
.link-right ul li a i, .link-right ul li a:hover i {font-size:15px;}
.slide-change {padding-right: 52px;}
.banner-main{min-height:359px;padding:0;}
.banner-main-left{min-height:359px;width:100%;}
.on-banner-text-markup dfn {font-size: 3.1em; padding:5px 0 0 0%;}
.on-banner-text-markup {left:0%;}
.banner-main-right {bottom:0px;}
.on-banner-text-markup h1 {font-size: 1.8em; line-height:22px;}
.on-banner-text-markup p {font-size: 1.8em; line-height: 22px;}
.heading-tag {padding: 86px 5% 0 5%;}
.banner-main-right ul li {font-size: 1.3em;}
.banner-main-right ul li a {line-height: 17px; padding-bottom:0px;}

.on-banner-text dfn {font-size: 2.5em;}
.on-banner-text dfn strong {font-size: 36px;}
.on-banner-text dfn small {font-size: 15px;}
.on-banner-text-cms {top: 0% !important;}
.on-banner-text-cms {left: 7.5%; top: 0% !important;}
.on-banner-text-bug a {margin: 24px 13% 0 0;}
.on-banner-text-cms mark {padding: 11px 0 0 0;}
.on-banner-text-cms dfn small {padding: 8px 10% 0 0;font-size: 15px;}
.on-banner-text-cms a {margin: 20px 0 0 0;}
.on-banner-text-bug {left: 5%; top: 7% !important;}
.link-hire {top: 197px;}
.dspl-text {display: none;}	
.liquid{width:100%;}
.clientList ul li {
  display: block;
  width: 100%;
  height: 100px;
  text-align: center;
  padding-top: 36px;
  float: left;
}

.hoverDetail {
  width: 100%;
  padding: 45px 30px 0;
  height: auto;
  left: 0 !important;
  top:100% !important;
   background-image: none;
}

.clientList ul li.Rotate .hoverDetail
{
	left:0;
	top:100%;
}
.container-content{ padding: 10px 10px 0; }
.Rotate .hoverDetail{ background-image: none;}
.findingClient{ min-height: 100px; padding: 50px 33px; }
.findingClient em{ display: none; }
.clientList ul li{ height: auto !important; background: #fff !important; }
.clientList ul li a{ margin-bottom: 36px; }
.hoverDetail{ position: static !important; display: block !important; padding-top: 20px !important;  }
.hoverDetail strong{ display: none; }
.seeMore{ margin-top: 10px; text-align: center; }
.seeMore a{ font-size: 14px; }
.happy-stats ul li:nth-child(4){ display:none; }
.happy-stats ul li:nth-child(5){ display:none; }
.about-home-top{ padding-bottom: 0; }
.customer-care h3 span{ display: block; }

.happy-stats ul li{ float: left !important; width: 33.33% !important; }
.happy-stats{ padding:0 !important;}
.seeMore a span{ padding: 10px 30px; border-radius: 20px; background: #218592; color: #fff; }
.seeMore a span:hover{ background: #ef3e31; color: #fff; }


}



@media handheld, only screen and (max-width:600px){
.banner-img {width:548px; padding-bottom: 24px;}
.on-banner-text-cms {left: 4.5%;}
.on-banner-text-seo dfn mark {font-size: 23px;}
.on-banner-text.hire-text {top: 33%;}
.link-hire {left:32.8%; top:187px;}
.list-developer li span {font-size: 16px;}
.clientList ul li {
  display: block;
  height: 100px;
  text-align: center;
  padding-top: 36px;
}

.hoverDetail {
  width: 100%;
  padding: 45px 30px 0;
  height: auto;
  left: 0;
  top:100%;
   background-image: none;
}
.clientList ul li.Rotate .hoverDetail
{
	left:0;
	top:100%;
}
.Rotate .hoverDetail{ background-image: none;}
}


@media handheld, only screen and (max-width:599px){
.banner-main{padding:0;max-width:480px;margin:0 auto;}	

.banner-img {width:428px; padding-bottom:96px;}
.on-banner-text-markup dfn {font-size: 2.4em; padding:0px 0 0 0;}
.on-banner-text-markup {top: 7%;}
.on-banner-text-markup h1, .on-banner-text-markup p {font-size: 1.7em; line-height:22px;}
.banner-main-right ul li {font-size: 1.3em; line-height:17px; padding: 3px 0 0; width: 50%;}
.on-banner-text { left: 4%; top: 13.7%;}
.on-banner-text dfn {font-size: 2em; padding: 11px 0 0 2.6%;}
.on-banner-text dfn strong {font-size: 28px;}
.on-banner-text dfn small {font-size: 13px;}
.on-banner-text-cms mark {font-size: 23px;}
.on-banner-text-cms dfn strong {font-size: 32px;}
.on-banner-text-cms dfn small {font-size: 12px;}
.on-banner-text-cms a {font-size: 13px; margin: 19px 0 0 0%; padding: 10px 0 9px; width: 229px;}
.on-banner-text-cms a span {background: url("../images/arrow-white.png") no-repeat right 2px; padding-right: 16px;}
.on-banner-text-seo {top: 40%;}
.on-banner-text-seo dfn {font-size: 3.1em;}
.on-banner-text-seo dfn mark {font-size: 17px;}

.on-banner-text-bug dfn {font-size: 2.3em; padding: 0;}
.on-banner-text-bug dfn strong {font-size: 30px;}
.on-banner-text-bug em small {padding: 8px 0 0 46px; font-size: 15px;}
.on-banner-text-bug a {margin: 16px 10% 0 0;}
.on-banner-text.hire-text {top: 26%;}
.link-hire {left: 26.8%; top:177px;}
.on-banner-text.hire-text dfn small {font-size: 13px;}
.on-banner-text.hire-text dfn strong {font-size: 34px;}
.banner-main-right ul li a {line-height: 17px;}


.list-developer li span {font-size:14px; line-height:24px; padding: 8px 0 0 0;}
.list-developer li p { line-height:18px;}

.dspl-text {display: block;}
.on-banner-text.hire-text dfn {font-size: 2.4em;}
.black-eye span {bottom: 50px;}
}
@media handheld, only screen and (max-width:480px){
.list-testing li { width: 50%;}
.happy-stats{ padding: 0; }
.happy-stats ul li{ text-align: center; background: url(../images/seprt.jpg) no-repeat center bottom; width: 100% !important; }
.happy-stats ul li strong{ font-size: 6em; }
.happy-stats ul li small{ font-size: 1.5em;  }
}
@media handheld, only screen and (max-width:479px){
.list-testing li { width: 50%;}
.banner-main { display:block; min-height: 422px;}
.banner-slide {display: none;}
.banner-main-left {max-width:100%;}
.banner-main-left {display: block; min-height: 359px; width: 100%;}
.findingClient span.mainspan, .findingClient span.prof{ width: 100%; text-align: center; letter-spacing: 1px; }
.clientList ul li{ width: 100% !important; float: left !important; }
}

@media handheld, only screen and (max-width:360px){
.banner-main { min-height: 317px;}
.list-testing li{font-size:1.6em;width:50%;}
.list-testing li a mark{font-size:18px;padding-right:6px;}
.name-desc.posn-change {bottom: 5%;}
.banner-main-left dfn{top:10%;width: 150px;}
.banner-main-left dfn.fig-tanya{top:8%;font-size:15px;line-height:19px;}
.banner-main-left dfn.fig-brandon{font-size:15px;line-height:19px;top:20%;width:150px;right:15px;}
.banner-main-left dfn, .banner-main-left dfn.fig-marvin{font-size:15px;line-height:19px;right:15px;}
.banner-main-left dfn.fig-marvin{width:150px;right:15px;top:12%;}
.banner-main-left dfn.fig-marvinthird{font-size:15px;line-height:19px;width:150px;right:15px;}
.liquid .wrapper {padding-left: 9%; padding-right: 2%; width: 89% !important;}
.black-eye span {background: url("../images/music-bg-second.png") no-repeat right top; font-size:26px; left: 0; line-height:44px; padding-left:14px; padding-bottom:8px;
padding-right:20px;}
}
@media handheld, only screen and (max-width:320px){
.name-desc.posn-change, .name-desc, .name-desc.posn-chnage  {bottom:3%;}
.banner-main { min-height:281px;}
.change-fade, .banner-left { min-height: 281px;}
.banner-main-left dfn.fig-tanya {left:13px; width:150px;}
.banner-main-left dfn{top:11%;width: 130px;}
.banner-main-left dfn.fig-tanya{top:8%;font-size:13px;line-height:17px;}
.banner-main-left dfn.fig-brandon{font-size:13px;line-height:17px;top:20%;width:130px;right:15px;}
.banner-main-left dfn, .banner-main-left dfn.fig-marvin{font-size:13px;line-height:17px;right:15px;}
.banner-main-left dfn.fig-marvin{width:140px;right:13px;top:15%;}
.banner-main-left dfn.fig-marvinthird{font-size:13px;line-height:17px;width:130px;right:15px; top:10%; }
.black-eye span {bottom: 33px;}
.posted-area small a {font-size: 11px;}
.posted-area small {font-size: 11px;}
}






