/* Generated by Fontie - the magic webfont generator */ @font-face { font-family:'SourceSansPro-Regular'; src: url('fonts/SourceSansPro-Regular.eot'); src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-Bold'; src: url('fonts/SourceSansPro-Bold.eot'); src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-Light'; src: url('fonts/SourceSansPro-Light.eot'); src: url('fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Light.woff') format('woff'), url('fonts/SourceSansPro-Light.ttf') format('truetype'), url('fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-Semibold'; src: url('fonts/SourceSansPro-Semibold.eot'); src: url('fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Semibold.woff') format('woff'), url('fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-Black'; src: url('fonts/SourceSansPro-Black.eot'); src: url('fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Black.woff') format('woff'), url('fonts/SourceSansPro-Black.ttf') format('truetype'), url('fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-BlackIt'; src: url('fonts/SourceSansPro-BlackIt.eot'); src: url('fonts/SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-BlackIt.woff') format('woff'), url('fonts/SourceSansPro-BlackIt.ttf') format('truetype'), url('fonts/SourceSansPro-BlackIt.svg#SourceSansPro-BlackIt') format('svg'); font-weight: 900; font-style: italic; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-BoldIt'; src: url('fonts/SourceSansPro-BoldIt.eot'); src: url('fonts/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-BoldIt.woff') format('woff'), url('fonts/SourceSansPro-BoldIt.ttf') format('truetype'), url('fonts/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt') format('svg'); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-ExtraLight'; src: url('fonts/SourceSansPro-ExtraLight.eot'); src: url('fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-ExtraLight.woff') format('woff'), url('fonts/SourceSansPro-ExtraLight.ttf') format('truetype'), url('fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-ExtraLightIt'; src: url('fonts/SourceSansPro-ExtraLightIt.eot'); src: url('fonts/SourceSansPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-ExtraLightIt.woff') format('woff'), url('fonts/SourceSansPro-ExtraLightIt.ttf') format('truetype'), url('fonts/SourceSansPro-ExtraLightIt.svg#SourceSansPro-ExtraLightIt') format('svg'); font-weight: 200; font-style: italic; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-It'; src: url('fonts/SourceSansPro-It.eot'); src: url('fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-It.woff') format('woff'), url('fonts/SourceSansPro-It.ttf') format('truetype'), url('fonts/SourceSansPro-It.svg#SourceSansPro-It') format('svg'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-LightIt'; src: url('fonts/SourceSansPro-LightIt.eot'); src: url('fonts/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-LightIt.woff') format('woff'), url('fonts/SourceSansPro-LightIt.ttf') format('truetype'), url('fonts/SourceSansPro-LightIt.svg#SourceSansPro-LightIt') format('svg'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FEFF; } @font-face { font-family:'SourceSansPro-SemiboldIt'; src: url('fonts/SourceSansPro-SemiboldIt.eot'); src: url('fonts/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-SemiboldIt.woff') format('woff'), url('fonts/SourceSansPro-SemiboldIt.ttf') format('truetype'), url('fonts/SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt') format('svg'); font-weight: 600; font-style: italic; font-stretch: normal; unicode-range: U+000D-FEFF; } ::-webkit-input-placeholder { color:#919191 ; } :-moz-placeholder { color: #919191 ; opacity: 1; } ::-moz-placeholder { color: #919191 ; opacity: 1; } :-ms-input-placeholder { color: #919191 ; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #919191 !important; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #919191 !important; } *{box-sizing:border-box;} *{margin:0px;padding:0px;} ul li{list-style:none;} a{text-decoration:none; } .clr{clear:both;} input, textarea, select{ border:0px none; background:none; outline:none; font-size:16px; color:#000; } img{ outline:none; max-width:100%; height:auto; border:0px none; } h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal; } input[type='submit']{ border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; } textarea{ resize:none; overflow:auto; } :focus{ outline:none;} .clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;} .clearfix{ display:block; zoom:1; } html{ overflow-x:hidden; } body{width:100%;font-family:'SourceSansPro-Regular'; } .autoContent{ margin:auto; width:990px; } #header{width:100%; } .homeHeader_outer{width:100%; background:url(../ppc_images/homeHeaderBg.jpg) no-repeat; height:100%; background-size:cover ; padding-top:10px; } .homeHeader_inner{width:100%; padding:0px 0px 45px;} .main_menu_outer{width:100%; } .main_menu_inner{width:100%; padding-bottom:20px; padding-top:20px; transition:all 0.5s ease; } .homeLogo{float:left; margin-left: 40px;} .homeLogo a{ display:block; max-width:81px; } .homeLogo a.logonormal{width:100%; height:100%; display:block;} .homeLogo a.logoactive{width:80px; height:81px; display:none; margin-top:10px;} .homeLogo a.logoactive img{margin-top:10px;} .creativeTeam{width:100%;} .creativeTeam_inner{width:100%; } .videoTeamCreative{width:58.69%; float:left;} .creativeIdea{ /* width:41%; float:left;*/ padding:20px 0 20px 0; text-align:center; } .creativeIdea h1{font-family:'SourceSansPro-Regular';color:#ffffff; font-size:60px; line-height:54px; padding-bottom:20px;text-align:center; } .creativeIdea h2{font-family:'SourceSansPro-Light'; color:#ffffff; font-size:24px; text-align:center; padding-bottom:40px; } .creativeIdea a{ background:#53c687; background:url(../ppc_images/gradientbtns_overlays.png) repeat-x bottom center #53c687; font-size:22px; color:#ffffff; width:258px; height:58px; line-height:56px; border-radius:5px; font-family:'SourceSansPro-Bold'; display:block; text-align:center; margin:auto; text-transform:uppercase; border:1px solid #15a970; position:relative; text-shadow:0px 1px rgba(0,0,0,0.13)} .creativeIdea a:hover{ box-shadow: 0 1px 1px rgba(0,0,0,0.2); } .coolStuffOuter{width:100%; background:#ffffff; } .coolstuffInner{width:100%; padding:60px 0px 10px; text-align:center;} .coolstuffInner h1{color:#333333; font-size:36px;font-family:'SourceSansPro-Light'; text-align:center; padding-bottom:45px; } .coolstuffInner ul li{display:inline-block; margin:0px 10px 60px ; width:31%; } .coolstuffMain{width:100%; } .coolstuffMain a{color:#333333; font-size:20px;font-family:'SourceSansPro-Regular'; margin-bottom:22px; text-align:left; display:block; padding-bottom:5px; } .coolstuffMain p{color:#666666; font-size:15px;font-family:'SourceSansPro-Regular'; line-height:24px; text-align:left;} .main_logos{width:100%; background:#f4f3ee;} .main_logo_inner{width:100%; padding:60px 0px; text-align:center;} .main_logo_inner h1{color:#333333; font-size:36px;font-family:'SourceSansPro-Light'; text-align:center; padding-bottom:50px; } .main_logo_inner ul li{display:inline-block; width:17%; margin:0px 1.5%; } .main_logo_inner ul li:first-child{margin-left:0px;} .main_logo_inner ul li:last-child{margin-left:0px;} .main_logo_inner ul li a{width:157px; height:100% ; display:block} .connectWith_you{width:100%; background:url(../ppc_images/connectwdyou.png) no-repeat; background-size:cover; min-height:630px;} .connectWith_inner{width:100%; padding:65px 0px 53px;text-align:center; display:none; } .connectWith_inner h1{color:#ffffff; font-size:36px;font-family:'SourceSansPro-Light'; padding-bottom:35px;} .connectWith_inner p{color:#ffffff; font-size:24px; line-height:30px; text-align:center;font-family:'SourceSansPro-Light'; padding-bottom:90px;} .connectWith_inner ul li{display:inline-block; margin:0px 10px 10px; width:31%;} .connectvedios_outer{width:100%; height:100%; display:block; position:relative;} .connectvedios_outer a{ display:block; } .connectvedios_outer a img{ display:block; margin:auto;} .connectvedios_outer a.connecthover{ width:135px; height:135px; display:block; position:absolute; top:50%; left:50%; margin-left:-67.5px; margin-top:-67.5px;background:url(../ppc_images/normalplay.png) no-repeat center center; transition: all .5s ease-in-out; } .connectvedios_outer a.connecthover:after{ width:100%; height:100%; content:""; background:rgba(255,255,255, .25); position:absolute; left:0px; top:0px; border-radius:50%; transition: all .5s ease-in-out; transform: scale(.6); } .connectvedios_outer a.connecthover:hover:after{ transform: scale(1); } #footer{width:100%; background:#282828; } .footerOuter{width:100%;} .footerinner{width:100%; padding:45px 0px;} .footerEmail{width:50%; float:left;} .footerEmail label{color:#00aeef; font-size:18px; text-transform:uppercase;} .footerEmail a{color:#6f6e6e; font-size:18px; text-transform:uppercase; } .footerEmail a:hover{ color:#00aeef;} .privacypolicy{width:40%; float:right;} .privacypolicy p{text-align:right; color:#6f6e6e; font-size:18px; text-transform:uppercase;} .privacypolicy p a {color:#6f6e6e;} .privacypolicy p a:hover{ color:#00aeef;} .contactus_outer{width:100%; padding:65px 0px 75px;text-align:center; display:block; } .contactus_outer h1{color:#ffffff; font-size:36px;font-family:'SourceSansPro-Light'; padding-bottom:40px;} .contactVieamessage{width:49.70%; margin:auto; border-radius:5px; background:#ffffff; padding:23px; } .contactVieamessage ul li{margin-bottom:15px; position:relative; } .contactVieamessage ul li span{width:70%; height:47px; background:#847cc9; color:#fff; text-align:center; line-height:47px;font-family:'SourceSansPro-Light'; font-size:18px; position:absolute; top:-60px; left:50%; margin-left:-35%; } .contactVieamessage ul li span b{width:24px; height:12px; position:absolute; bottom:-21px; left:50%; margin-left:-12px; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #847cc9; border-width: 12px; } .contactVieamessage ul li:last-child{margin-bottom:0px;} .contactVieamessage input[type="text"], .contactVieamessage textarea{background:#fcfcfc; height:40px; border-radius:3px; padding:7px 10px;color:#000; font-size:18px; width:100%; border:1px solid #dddddd; font-family:'SourceSansPro-Light';} .contactVieamessage textarea{ height:115px; } .contactVieamessage input[type="submit"]{ background:url(../ppc_images/gradientbtns_overlays.png) repeat-x bottom center #53c687; font-size:22px; height:55px; border-radius:5px !important; color:#ffffff; width:100%; font-family: "SourceSansPro-Bold"; border:1px solid #15a970 !important; text-transform:uppercase; cursor:pointer; text-shadow:0px 1px rgba(0,0,0,0.13); text-transform:uppercase; } .contactVieamessage input[type="submit"]:hover{ box-shadow: 0 1px 1px rgba(0,0,0,0.2); } .letGetStart{width:300px; float:right;margin-top: 2px; display:block;} .letGetStart a{ background: #53c687; background:url(../ppc_images/gradientbtns_overlays.png) repeat-x bottom center #53c687; border-radius: 5px; color: #ffffff; display: block; font-family: "SourceSansPro-Bold"; font-size: 15px; height: 40px; line-height: 40px; margin: auto; text-align: center; width: 154px;float:right; text-transform:uppercase text-shadow:0px 1px rgba(0,0,0,0.13); text-transform:uppercase; } .letGetStart a:hover{ box-shadow: 0 1px 1px rgba(0,0,0,0.2); } .nameField{display:none;} .emailField{display:none;} /*.showField_error .nameField{ display:block; }*/ .showField_error input[type="text"]{ border-color:red !important; } .showField_error textarea{ border-color:red !important; } .branding{/*background:url(../ppc_images/desing.png) no-repeat left center;*/ padding-left:40px;} .graphicdesign{/*background:url(../ppc_images/design1.png) no-repeat left center;*/ padding-left:40px;} .webdesign{/*background:url(../ppc_images/design2.png) no-repeat left center;*/ padding-left:40px;} .searchenging{/*background:url(../ppc_images/design3.png) no-repeat left center;*/ padding-left:40px;} .appdevelopment{/*background:url(../ppc_images/design4.png) no-repeat left center;*/ padding-left:40px;} .customIllustration{/*background:url(../ppc_images/design5.png) no-repeat left center;*/ padding-left:40px;} .fancybox-opened .fancybox-skin { box-shadow:none !important ; } .fancybox-skin { background:none !important ; border-radius: 0px!important ; color: #444; position: relative; text-shadow: none; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(../ppc_images/popupcross.png) none !important; } .fancybox-prev span{display:none !important} .fancybox-next span{display:none !important} .darkHeader{ transition:all 0.8s ease; z-index:2;} .manueScroll{ transition:all 0.5s ease-in-out; position:fixed; left:0px; top:-100%; width:100%; background:rgba(255, 255, 255, .95); z-index:2; box-shadow:0px 3px 8px rgba(0, 0, 0, .25) } .manueScroll .main_menu_inner{ padding:13px 0px; } .darkHeader .manueScroll{ top:0px; } .manueScroll .homeLogo a{ max-width:59px; display:block; } .manueScroll .homeLogo a img{ display:block; } .darkHeader .letGetStart{ padding-top:7px; } .manueScroll .homeLogo a{ margin-left:11px; } input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; } input:focus:-ms-input-placeholder { color:transparent; } .focusIn input, .focusIn textarea{ border-color:#847cc9 !important; } .focusIn .nameField{ display:block; } .contactus_outerMain{ width:100%; padding-bottom:1px;}