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

}

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

}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* -- HTML5 -- */

html,
button,
input,
select,
textarea{
   color: #5f5f5f;
}

body{
   line-height: 1.4;
cursor:default;
}

::-moz-selection{
   background: #4294D5;
   text-shadow: none;
}

::selection{
   background: #4294D5;
   text-shadow: none;
}

img{
   vertical-align: middle;
}

fieldset{
   border: 0;
   margin: 0;
   padding: 0;
}

textarea{
   resize: vertical;
} 

p{ 
text-align:justify;
font-size:14px;
}
  
body{
   font: normal 16px/26px Helvetica, Helvetica Neue, Arial;
	font-family:"open_sansregular";
}
body > *{
   width: 960px;
   margin: 0 auto;
}

a{
color:#ff9600;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

section{
margin-bottom:9em;
}

h1, h2, h3, h4 ,h5{
font-weight:normal;
color:#393939;
letter-spacing:0.03em;
margin:0 auto 1.25em auto;

 }
h4{
font:40px "bebas_neueregular";
text-align:center;
position:relative;
}

ul{
margin:3.5em 0 0 0;
padding:0;
list-style:none;
}
ul li h3{
letter-spacing:1px;
font:20px "bebas_neueregular";
color:#ff9600; 
}
ul li p{
font-size:13px; 
} 

form input,
form textarea,
form div{
margin:35px 0 0 0;
}
form input,
form textarea{
outline:none;
}
form [type="text"],
form textarea{
width:460px;
}
form [type="text"],
form textarea,
form div{
font:14px "open_sansregular";
background:#fff;
border:none;
padding:10px;
display:block;
}
form select{
font:14px "open_sansregular";
}
form [type="text"],
form div span{
color:#494949;
}
form h4{
font-size:40px !important;
}
form .busy{
background:#b9b9b9;
}

form [type="text"]::-webkit-input-placeholder{
color:#494949;
}
form [type="text"]:-moz-placeholder{
color:#494949;
}
form [type="text"]:-ms-input-placeholder{
color:#494949;
}
form [type="text"]:focus::-webkit-input-placeholder{
color:#fff;
}
form [type="text"]:focus:-moz-placeholder{
color:#fff;
}
form [type="text"]:focus:-ms-input-placeholder{
color:#fff;
}

form textarea::-webkit-input-placeholder{
color:#494949;
}
form textarea:-moz-placeholder{
color:#494949;
}
form textarea:-ms-input-placeholder{
color:#494949;
}
form textarea:focus::-webkit-input-placeholder{
color:#fff;
}
form textarea:focus:-moz-placeholder{
color:#fff;
}
form textarea:focus:-ms-input-placeholder{
color:#fff;
}

form [type="submit"]{
color:#fff;
background:none;
border:none;
font:36px "bebas_neueregular";
padding:5px 0;
letter-spacing:3px;
outline:none;
display:block;
width:460px;
}
form [type="submit"].busy{
cursor:default;
color:#383838;
}

/* -- Misc -- */
.clearfix:before,
.clearfix:after{
   content: " ";
   display: table;
}
.clearfix:after{
   clear: both;
}
.clearfix{
   *zoom: 1;
}

.lightbox,
.lightbox *{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightbox{
position:fixed;
display:none;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.925);
z-index:2;
}
.lightbox nav > a{
position:absolute;
display:block;
text-indent:-9999px;
cursor:pointer;
}
.lightbox nav > .close{
top:-50px;
right:0px;
}
.lightbox .arrow{
position:absolute;
top:0;
height:100%;
width:250px; 
}
.lightbox .left{
left:-50px;
}
.lightbox .right{
right:-50px;
}
.lightbox .arrow:before{
background-image:url(/images/sprite.png);
content:'';
position:absolute;
z-index:2;
width:35px;
height:95px;
margin-top: -42px;
top: 50%;
}
.lightbox .left:before{
background-position:-300px -58px;
left:5px;
}
.lightbox .right:before{
background-position:-337px -58px;
right:5px;
}
.lightbox nav h5{
color:#eee;
text-align:center;
font-size:20px;
position:absolute;
bottom:-60px;
left:0px;
width:100%;
}
.lightbox nav  a{
color:#fff;
}
.lightbox nav{
width:820px; 
position:fixed;
margin-left:-410px;
margin-top:-175px;
left:50%;
top:50%;
}

.top:hover{
text-decoration:none;
background-position:-282px -163px;
}
.top.visible{
display:block;
}
.top{
display:none;
position: fixed;
width: 60px;
height: 30px;
font-size:18px;
background: url(/images/sprite.png) -322px -163px no-repeat;
cursor: pointer;
right: 10px;
top: 0px;
padding-top:35px;
color:#494949;
text-align:center;
font: 18px "bebas_neueregular";
}

.close{
position:absolute;
display:block;
text-indent:-9999px;
cursor:pointer; 
width:45px;
height:45px;
background:url(/images/sprite.png) no-repeat -298px -11px;
}

.summary .close{
z-index:2;
top:15px;
right:15px;
}
.summary{
position:fixed; 
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(39,39,39,0.95);
z-index:2;
color:#fff;
}
.summary form{
left: 50%;
margin: -300px 0 0 -230px;
top: 50%;
position: absolute; 
width: 460px;
padding: 20px 60px;
background: #272727;
}
.summary form h4{
color:#fff;
}
.summary form p{
text-align:center;
}

.dock + *{
height:245px;
}
.dock {
position:fixed;
top:0px;
z-index:1;
background:#fff;
margin:0;
}

/* -- Hero -- */
header{
padding:80px 0 0 0;
cursor:default;
}
header h1{
margin:0 auto;
width:380px;
background:#ff9600; 
}
header h1 a:hover{
text-decoration:none;
}
header h1 a{
height:49px;
position:relative;
display:block;
color:#fff;
font:44px "bebas_neueregular";
text-decoration:none;
text-indent:8px; 
}
header h1 a:after{
content:" ";
position:absolute;
background:url(/images/sprite.png) -5px -62px no-repeat;
width:36px;
height:36px;
right:6px;
top:6px; 	
}
header h2{ 
width:380px;
margin:8px auto;
color:#ff9600;
font-size:16px;
text-indent:8px; 
}
header h3{
text-align:center;
font:100px "bebas_neueregular";
letter-spacing:7px;
margin:85px auto;
width:820px;
}
header p{
text-align:center;
font-size:16px;
/*line-height:24px;*/
margin:0 auto;
width:820px;
}
header nav{
margin:85px 0;
overflow:auto;
}
header nav a{
float:left;
width:280px;
padding:20px 0;
margin:0;
display:block;
text-align:center;
font:32px "bebas_neueregular";
color:#ff9600; 
}
header nav a:nth-child(2){
margin:0 60px;
}
header nav a:hover{
color:#5f5f5f;
text-decoration:none;
}

/* -- Recent Work -- */
.recent-work figure{
float:left;
margin:0 60px 30px 0;
width:280px;
height:140px;
}
.recent-work figure img{
width:100%;
}
.recent-work figure:nth-child(3n){ 
margin-right:0;
}
.recent-work figure > a{
position:relative;
display:block;
}
.recent-work figure > a:hover{
background:#000;
}
.recent-work figure > a:hover img{
opacity:0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.recent-work figure > a:hover:after{
content:' ';
position:absolute;
background:url(/images/sprite.png) no-repeat -199px -7px;
width:40px;
height:40px;
left:120px;
top:36px;
}
.recent-work figcaption{
padding:5px 0;
text-align:center;
font-size:12px;
}
.recent-work figcaption a:hover{
text-decoration:none;
}
.recent-work figcaption a{
color:#393939;
}

/* -- Features -- */ 
.features ul li{
height:140px;
cursor:pointer;
margin-bottom:3.5em;
padding:0 380px 0 130px;
position:relative;
}
.features ul li:before{
content:' ';
position:absolute;
width:60px;
height:60px;
background:url(/images/sprite.png) -72px -44px no-repeat;
left:18px;
top:5px;
border:#ff9600 solid 5px;
}
.features ul li:hover h3{
color:#5f5f5f;
}
.features ul li:hover:before{
border-color:#5f5f5f;
background-position:-124px -44px;
}
.features ul li.selected:before{
background-position:-237px 0px;
background-color:#ff9600;
}
.features ul li.selected:hover:before{
background-color:#5f5f5f;
}
.features ul li:after{
content:' ';
margin-top:-20px;
width:300px;
height:40px;
position:absolute;
top:50%;
right:0;
background:url(/images/sprite.png) no-repeat;
}
.features > a:hover{
text-decoration:none;
background:#5f5f5f;
}
.features > a{
font:36px "bebas_neueregular";
letter-spacing:2px;
background:#ff9600; 
color:#fff;
display:block;
width:460px;
margin:0 auto;
margin-top:100px;
text-align:center;
padding:30px 30px;
}
.features li.web-design:after{
background-position:0 -102px;
}
.features li.e-commerce:after{
background-position:0 -138px;
}
.features li.cms:after{
background-position:0 -178px;
}
.features li.social-networking:after{
background-position:0 -228px;
}
.features li.analytics:after{
background-position:0 -264px;
}
.features li.mobile:after{
background-position:0 -308px;
}

/* -- Pricing -- */
.pricing .clearfix{
margin:3em 0;
background:#ff9600;
color:#fff;
padding:4em 0;
}
.pricing .clearfix h4{
color:#fff;
display:block;
float:left;
width:50%;
font-size:120px;
margin:0; 
letter-spacing:4px;
}
.pricing .clearfix h4 *{
vertical-align:baseline;
display:block; 
top:0;
bottom:0;
padding:35px 0;
}
.pricing .clearfix h4 sup{
font-size:48px;
}
.pricing .clearfix h4 sub{
font-size:36px;
}

/* -- About Us -- */
.about-us section:nth-child(3){
float:left;
}
.about-us section:nth-child(4){
float:right;
}
.about-us section{
width:420px;
margin:3.5em 0 0 0;
}
.about-us h5{
font:24px "bebas_neueregular";
text-align:center;
} 
.about-us ul li{
padding-bottom:3.5em;
position:relative;
}
.about-us ul li:last-child{
padding:0;
}
.about-us ul li h3{
padding-left:40px;
position:relative;
}
.about-us ul li h3:before{
content:'';
position:absolute;
width:26px;
height:26px;
top:-1px;
left:0px;
background:url(/images/sprite.png) no-repeat;
}
.about-us .web-design h3:before{
background-position:-26px 0px;
}
.about-us .app-development h3:before{
background-position:0px 0px;
}
.about-us .updates-seo h3:before{
background-position:-52px -26px;
}
.about-us .consultation h3:before{
background-position:-26px -26px;
}
.about-us .develop h3:before{
background-position:0px -26px;
}
.about-us .launch h3:before{
background-position:-52px 0px;
}

/* -- Contact Us -- */
.contact-us{
background:#494949;
color:#fff;
margin-bottom:0;
}
.contact-us p{
margin:0 50px;
}
.contact-us h4{
color:#fff;
padding:1em 0;
margin:0;
font-size:60px; 
}
.contact-us form{
margin:0 auto;
margin-top:65px;
width:460px;
}
.contact-us form div{ 
position:relative;
}
.contact-us form div span{
position:relative;
font:14px "open_sansregular";
color:#464646;
}
.contact-us form div:before{
content:'';
position:absolute;
right:0px;
top:0px;
width:40px;
height:100%;
background:url(/images/sprite.png) -120px -7px no-repeat;
}
.contact-us form select{
cursor:pointer;
position:absolute;
width:100%;
bottom:0px;
left:0px;
opacity:0;
line-height:1;
height:40px;
display:block;
}
.contact-us .clearfix{
font:24px "bebas_neueregular";
padding:40px 250px;
}
.contact-us .clearfix span:first-child{
float:left;
}
.contact-us .clearfix span:last-child{
float:right;
}
.contact-us .clearfix span{
text-align:center;
width:220px;
}
.contact-us .clearfix span  a{
display:block;
padding:0.125em 0;

}

/* -- Footer -- */
footer{
background: #494949;
padding: 30px 345px;
width: 270px;
}
footer a{
display:block;
font-size:12px;	
text-align:center;
}
footer .clearfix{
padding:0 30px;
padding-bottom:25px;
}
footer .clearfix a{
width:34px;
height:34px;
float:left;
background:url(/images/sprite.png) -163px -7px no-repeat;
margin:6px 18px; 
text-indent:-9999px;
}
footer .clearfix a:nth-child(1){
background-position:-185px -57px;
}
footer .clearfix a:nth-child(2){
background-position:-219px -57px;
}
footer .clearfix a:nth-child(3){
background-position:-253px -57px;
}

/* -- Media Queries -- */
@media only screen and (max-width: 760px){

.top.visible {
display:none;
}

.dock  {
position:relative;
top:auto;
z-index:1;
background:#fff;
margin:auto;
}
.dock + *{
display:none;
}
  
body > * {
width: 320px;
margin: 0 auto 50px auto;
}
header {
padding-top:0;
}
header h1 {
width:320px;
}
header h3 {
display:none;
}
header p {
width:auto;
margin-top:30px;
}
header nav {
margin-top:30px;
}
header nav a{
float:none;
width:auto;
}

.recent-work figure{
margin:0 auto;
margin-bottom:15px;
float:none;
}
.recent-work figure:nth-child(3n){
margin-right:auto;
}

.features ul li{
padding-right:30px;
height:auto;
}
.features ul li:after {
display:none;
}
.features > a {
width:auto;
margin-top:25px;
}

.pricing .clearfix {
padding:2em 0;
}
.pricing .clearfix h4 {
font-size:55px;
}
.pricing .clearfix h4 sup,
.pricing .clearfix h4 sub {
font-size:25px;
}

.contact-us form {
width:320px;
}
form [type="text"], form textarea ,
form [type="submit"] {
width:280px;
margin-left:20px;
}
form div {
width:260px;
margin-left:20px;
}
.contact-us .clearfix {
padding:40px 0 0 0 ;
}
.contact-us .clearfix span
{
width:auto;
float:none !important;
margin-bottom:30px;
display:block;
}

.about-us section {
width:auto;
}
.about-us section:nth-child(3),
.about-us section:nth-child(4) {
float:none;
}

footer {
padding: 0 0 40px 0;
margin-bottom:0;
}
footer .clearfix {
padding:15px 45px;
}
footer a {
margin:15px 0;
}



.summary form {
width:360px;
}
.summary form input,
.summary form textarea
 {
width:360px;
}
.summary .close {
right:30px;
}

.lightbox nav {
width:420px;
margin-left:-210px;
}
.lightbox nav img {
width:100%;
}
.lightbox nav > .close{
left:50%;
top:-60px;
margin-left:-22.5px;
right:auto;
}
.lightbox nav > .arrow{
display:none;
}
.lightbox nav h5{
bottom:-70px;
}

}

@media only screen and (max-width: 960px) and (min-width: 761px){

.top.visible {
display:none;
}

.dock + *{
height:205px;
}

body > * {
width: 720px;
margin: 0 auto 50px auto;
}

header h3 {
font-size:70px;
width:auto;
}
header p {
width:auto;
margin-top:30px;
}
header nav a:nth-child(2){
margin:0;
}
header nav a{
margin:0;
width:240px; 
}

.recent-work figure{ 
margin-left:40px;
margin-right:40px;
}
.recent-work figure:nth-child(3n){
margin-right:40px;
}

.features ul li{
padding-right:30px;
height:auto;
}
.features ul li:after {
display:none;
}
.features > a {
width:auto;
margin-top:25px;
}

.pricing .clearfix {
padding:2em 0;
}
.pricing .clearfix h4 {
font-size:85px;
}
.pricing .clearfix h4 sup,
.pricing .clearfix h4 sub {
font-size:40px;
}

.contact-us form {
width:400px;
}
form [type="text"], form textarea ,
form [type="submit"] {
width:400px;
}
.contact-us .clearfix {
padding:40px 110px 0px 110px;
}
.contact-us .clearfix span
{
margin-bottom:30px;
display:block;
}

.about-us section:nth-child(3),
.about-us section:nth-child(4) {
float:none;
width:auto;
}

footer {
padding: 0 0 40px 0;
margin-bottom:0;
}
footer .clearfix {
padding:15px 255px;
}

 

.summary form {
width:360px;
}
.summary form input,
.summary form textarea
 {
width:360px;
}
.summary .close {
right:30px;
}

.lightbox nav {
width:420px;
margin-left:-210px;
}
.lightbox nav img {
width:100%;
}
.lightbox nav > .close{
left:50%;
top:-60px;
margin-left:-22.5px;
right:auto;
}
.lightbox nav > .arrow{
display:none;
}
.lightbox nav h5{
bottom:-70px;
}

}

/* -- Print styles -- */
@media print{
   *{
       background: transparent !important;
       color: #000 !important;
       box-shadow: none !important;
       text-shadow: none !important;
   }

   a,
   a:visited{
       text-decoration: underline;
   }

   a[href]:after{
       content: " (" attr(href) ")";
   }

   abbr[title]:after{
       content: " (" attr(title) ")";
   }
   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after{
       content: "";
   }

   pre,
   blockquote{
       border: 1px solid #999;
       page-break-inside: avoid;
   }

   thead{
       display: table-header-group;
   }

   tr,
   img{
       page-break-inside: avoid;
   }

   img{
       max-width: 100% !important;
   }

   @page{
       margin: 0.5cm;
   }

   p,
   h2,
   h3{
       orphans: 3;
       widows: 3;
   }

   h2,
   h3{
       page-break-after: avoid;
   }
}