@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
html {height: 100%;font-size:100.01%;}
* html #all{height:100%}
body {font: 16px/1.4 'PT Sans', sans-serif;height:100%;background: url(../images/transp_bg.png) 0 0 repeat;}

#all {width: 100%;min-height: 100%;position:relative;


}

.page-title {text-align: center;margin:60px 0 0 0;}
h1 {font-size:40px;}

a {text-decoration: none;color:#222;}

.fluid-img {display: block;max-width: 100%;height: auto;}

#before_footer {height:3em; clear:both;}
#footer {background:#222;color:#888;height:3em; margin:-3em auto 0 auto; position:relative;}
.bottom {margin:0 5% 0 5%;}
p.ftext {padding:1em 0 0 0;font-size:.9em;}

header {background:#fff;z-index:99;width:100%;position:fixed;top:0px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.header_in {padding:10px 5%;overflow: hidden;}
.logo {width:100px;height:25px;float:left;}


.send_mail {float:right;}
.send_mail a {display: inline-block;vertical-align: middle;font-size:14px;font-weight:700; }
.send_mail a i{display: inline-block;width:32px;height:16px;background:#fff url(../images/send_mail.png) 0 0 no-repeat;float:left;margin:3px 2px 0 0;}
.send_mail a span{display: inline-block;border-bottom: 1px solid #ddd;}
.send_mail a:hover i {background-position:0 -16px;

  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;

}
.send_mail a:hover span{border-color:rgba( 255, 85, 0, 0.25);color:#f50;}


.index {background:#fff url(../images/all_in_one_4.jpg) center center fixed no-repeat;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.wrapper {margin:45px 0 0 0;}


a.menu {display:block;height:44px;width:44px;background:#fff url(../images/menu.png) 50% 50% no-repeat;border-radius:30px;z-index:99;
-webkit-box-shadow: 0px 10px 20px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 10px 20px rgba(50, 50, 50, 0.25);
box-shadow:         0px 10px 20px rgba(50, 50, 50, 0.25);
position:fixed;top:10%;left:5%;font-size:60px;color:#222;text-decoration: none;
transition: all .2s ease-in-out;}
a.menu:hover {transform: scale(1.1);}






.grid-item {
	
  float: left;
  width: 260px;

}

.grid-item a{
display:block;
}



/* Direct link styling */
.dlinks { text-align: center;margin: 0 0 20px 0;}
.dlinks * {vertical-align: middle;}

.itemblock {margin:0 auto;width:840px;}
.oneitem {width:100%;padding:0 0 0px 0;overflowhidden;}
.item {}

.twoitem {width:100%;overflow:hidden;}

.iteml {width:50%;float:left;}
.itemr {width:50%;float:right;}

.item_in {padding:0 0 40px 0;}

.shadow img {display:block;margin:0 auto;
-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.35);
}

.radius img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


.back_link {display:block;height:44px;width:44px;border-radius:30px;z-index:99;position:fixed;top:10%;right:5%;
-webkit-box-shadow: 0px 7px 15px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 7px 15px rgba(50, 50, 50, 0.15);
box-shadow:         0px 7px 15px rgba(50, 50, 50, 0.15);
}

.back_link a {display:block;height:44px;width:44px;background:#fff url(../images/close.png) 50% 50% no-repeat;border-radius:30px;text-decoration: none;transition: all .2s ease-in-out;}

.back_link a:hover {transform: scale(1.1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
 }










.svg_bg {max-width:1000px;margin:0 auto;padding:10% 5% 0 5%;position:relative;}



.about {max-width:600px;margin:0 auto;padding:17% 0 0 0;text-align:center;color:#fff;}
.about h1 {margin:0 0 20px 0;}
.about p {margin:0 0 40px 0;font-size:18px;font-weight:700;}


.portfolio_link {}
/*.portfolio_link a {display:block;padding:1em 0;background:#f50;color:#fff;text-align:center;width:240px;position:absolute;bottom:20%;left:50%;margin:0 0 0 -120px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
text-transform: uppercase;

}
.portfolio_link a:hover {
background:#FF6619;
-webkit-box-shadow: 0px 3px 7px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 3px 7px rgba(50, 50, 50, 0.25);
box-shadow:         0px 3px 7px rgba(50, 50, 50, 0.25);
}*/




.portfolio_link a {display:block;padding:1em 0;color:#fff;text-align:center;width:200px;margin:0 auto;
border:2px solid #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
text-transform: uppercase; font-weight:700;letter-spacing: 1px;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;

}
.portfolio_link a:hover {
background:#fff;color:#222;
-webkit-box-shadow: 0px 3px 7px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 3px 7px rgba(50, 50, 50, 0.25);
box-shadow:         0px 3px 7px rgba(50, 50, 50, 0.25);
}