t@charset "utf-8";.center-div{width:1000px;margin:0 auto;clear:both;background:#FFF;}
.content-section{width:1000px;margin:0 auto;background:#FFF;}
img{max-width:100%;height:auto;width:auto;}
a{text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, content, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe, a, banner{margin:0px;padding:0px;border:none;outline:none;}
.spacer{height:1px;clear:both;}
.spacer1{height:5px;clear:both;}
.spacer2{height:10px;clear:both;}
.spacer3{height:15px;clear:both;}
.spacer4{height:20px;clear:both;}
.spacer5{height:30px;clear:both;}
.spacer6{height:40px;clear:both;}
.fl-lft{float:left;}
.fl-rht{float:right;}
.pd-left5{padding-left:5px;}
.pd-left10{padding-left:10px;}
.pd-left15{padding-left:15px;}
.pd-left20{padding-left:20px;}
.pd-left25{padding-left:25px;}
.pd-right5{padding-left:5px;}
.pd-right10{padding-left:10px;}
.pd-right15{padding-left:15px;}
.pd-right20{padding-left:20px;}
.pd-right25{padding-left:25px;}
.pd-top10{padding-top:10px;}
.pd-top20{padding-top:20px;}
.mrg-right10{margin-right:10px;}
.mrg-left20{margin-left:20px;}
.mrg-top10{margin-top:10px;}
@font-face{font-family:'pt_sans_narrowregular';src:url('../fonts/ptsannarrow-webfont.eot');src:url('../fonts/ptsannarrow-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ptsannarrow-webfont.woff') format('woff'), url('../fonts/ptsannarrow-webfont.ttf') format('truetype'), url('../fonts/ptsannarrow-webfont.svg#pt_sans_narrowregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'pt_sansregular';src:url('../fonts/ptsanreg-webfont.eot');src:url('../fonts/ptsanreg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ptsanreg-webfont.woff') format('woff'), url('../fonts/ptsanreg-webfont.ttf') format('truetype'), url('../fonts/ptsanreg-webfont.svg#pt_sansregular') format('svg');font-weight:normal;font-style:normal;}
html, body{margin:0px;padding:0px;background:url(../images/bg.png) repeat top;font-family:'pt_sansregular';color:#000;font-size:16px;overflow-x:hidden;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;}
@keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
.topbar{height:auto;background:#fff;width:100%;padding:0px;box-shadow:0px 10px 6px rgba(0, 0, 0, 0.2);position:relative;z-index:9999;}
.logo{width:167px;height:56px;float:left;margin:3px 0px 0px 15px;}
.centerdiv{width:1000px;margin:0 auto;}
.top-right-col{width:auto;float:right;text-align:right;margin-top:0.5%;margin-right:1%;}
.top-right-col h2{font-family:'pt_sans_narrowregular';font-size:26px;font-weight:normal;font-style:normal;color:#6E6E6E;padding:0px;margin:0 0 1% 0;letter-spacing:1px;}
.top-right-col span{font-family:'pt_sans_narrowregular';font-size:18px;font-weight:normal;font-style:normal;color:#0C94CC;padding:0px;margin:0px;}
.hlsec{background-color:#fbfbfb;background-image:url(../images/banner_part_squares.png);background-repeat:repeat;clear:both;font-family:'pt_sansregular';color:#000;font-size:22px;text-align:center;text-transform:none;line-height:28px;padding:20px 5px 10px 5px;}
.hlsec span{color:#237dc8;}
.portfolio-thumb{width:228px;float:left;margin:15px 0px 0px 16px;background:#fafafa;border:1px solid #CCC;text-align:center;}
.portfolio-thumb img{width:228px;height:171px;}
.footer{background:#333;padding:10px;font-family:'pt_sansregular';color:#9a9a9a;font-size:14px;text-align:center;}
.footer a:link{color:#9a9a9a;text-decoration:none;}
.footer a:visited{color:#9a9a9a;text-decoration:none;}
.footer a:hover{color:#00BBEB;text-decoration:none;}
.foot-left{width:auto;float:left;margin-top:0.5%;}
.foot-soc-box{float:right;margin-right:0px;font-family:'pt_sansregular';width:230px;}
.foot-icon{width:27px;height:27px;float:left;margin-right:10px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;background-repeat:no-repeat;text-decoration:none;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;}
.foot-icon img{width:27px;height:27px;}
.fb{background:url(../images/soc-net.png) no-repeat 0px 0px;}
.fb:hover{background:url(../images/soc-net.png) no-repeat 0px -27px;cursor:pointer;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.tw{background:url(../images/soc-net.png) no-repeat -27px 0px;}
.tw:hover{background:url(../images/soc-net.png) no-repeat -27px -27px;cursor:pointer;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.yt{background:url(../images/soc-net.png) no-repeat -54px 0px;}
.yt:hover{background:url(../images/soc-net.png) no-repeat -54px -27px;cursor:pointer;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.gp{background:url(../images/soc-net.png) no-repeat -81px 0px;}
.gp:hover{background:url(../images/soc-net.png) no-repeat -81px -27px;cursor:pointer;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.pt{background:url(../images/soc-net.png) no-repeat -108px 0px;}
.pt:hover{background:url(../images/soc-net.png) no-repeat -108px -27px;cursor:pointer;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.li{background:url(../images/soc-net.png) no-repeat -135px 0px;}
.li:hover{background:url(../images/soc-net.png) no-repeat -135px -27px;cursor:pointer;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.scroll-to-top{display:none;background:url(../images/up-arrow.png) 0px 0px;background-repeat:no-repeat;position:fixed;bottom:30px;right:15px;width:34px;height:34px;filter:alpha(opacity=50);opacity:0.5;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;}
.scroll-to-top:hover{display:none;background:url(../images/up-arrow.png) -34px 0px;background-repeat:no-repeat;position:fixed;bottom:30px;right:15px;width:34px;height:34px;filter:alpha(opacity=9);opacity:9;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.scroll-to-top:hover{text-decoration:none;}
.StyleLi h3{font-family:'pt_sansregular';font-weight:normal;font-size:normal;color:#FFF;font-size:18px;position:absolute;bottom:-50px;width:100%;}
.StyleLi h3 small{font-family:'pt_sans_narrowregular';font-weight:normal;font-size:normal;color:#FFF;font-size:14px;}
.pf-btn-con{width:100%;background:#FFF;padding:2px 0px;}
.pf-btn, .pf-btn a:link, .pf-btn a:visited{text-align:center;font-family:'pt_sans_narrowregular';font-size:14px;text-transform:uppercase;padding:7px 15px;margin:0px 5px;border:none;color:#FFF;text-decoration:none;border:1px solid #1B9CDA;border-radius:4px;background:#00b7ea;background:-moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));background:-webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);background:-o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);background:-ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);background:linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0);}
.pf-btn:hover{background:#87e0fd;background:-moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));background:-webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);background:-o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);background:-ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);background:linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0);color:#FFF;}
.pro-title{background:#333;padding:8px 8px 8px 10px;font-family:'pt_sans_narrowregular';font-size:16px;color:#FFF;text-align:center;border-radius:0px 0px 8px 8px;}
.pro-title a:hover{color:#fff;text-decoration:none;}
.portfolio-head{font-family:'pt_sans_narrowregular';font-size:25px;color:#000;text-align:center;padding:0px 0 20px 0;clear:both;text-transform:capitalize;    font-weight: bold;}
.freelancebtn{width:240px;float:left;}
.freelance-btn-con{width:720px;margin:0 auto;}
i span{color:#FFF;font-family:'pt_sans_narrowregular';font-size:14px;text-transform:uppercase;color:#FFF;padding-top:5px;line-height:25px;}
.fa{color:#FFF;}
.btn-snap{width: 110px;text-align:center;background:none;border:2px solid #fff;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;padding:8px 14px 8px 14px;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;display:inline-block;margin-right:5px;}
.btn-live a, .btn-live a i{color:#fff;}
.btn-snap:hover{color:#333;background:#fff;border:2px solid transparent;}
.btn-snap:hover a{color:#333;text-decoration:none;}
.btn-snap:hover a i{color:#333;}
.btn-live a  i , .btn-snap a i{margin-right:4px;}
.btn-live{width: 110px;text-align:center;background:#fff;border:2px solid transparent;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;padding:8px 14px 8px 14px;color:#333;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;display:inline-block;}
.btn-live a, .btn-live a i{color:#333;}
.btn-live:hover{color:#fff;background:none;border:2px solid #fff;}
.btn-live:hover a{color:#fff;text-decoration:none;}
.btn-live:hover a i{color:#fff;}
.mobile-show{display:none;}
.mobile-show .btn-snap, .mobile-show .btn-live{width:48%;}
.mobile-show {padding:10px 0px;}
.mobile-show .btn-snap{background:none;border:2px solid #0c94cc;color:#0c94cc;}
.mobile-show .btn-live a, .mobile-show .btn-live a i{color:#0c94cc;}
.mobile-show .btn-snap:hover{color:#fff;background:#0c94cc;border:2px solid transparent;}
.mobile-show .btn-snap a, .mobile-show .btn-snap a i{color:#0c94cc;}
.mobile-show .btn-snap:hover a{color:#fff;}
.mobile-show .btn-snap:hover a i{color:#fff;}
.mobile-show .btn-live{background:#0c94cc;border:2px solid transparent;color:#fff;}
.mobile-show .btn-live a, .mobile-show .btn-live a i{color:#fff;}
.mobile-show .btn-live:hover{color:#0c94cc;background:none;border:2px solid #0c94cc;}
.mobile-show .btn-live:hover a{color:#0c94cc;}
.mobile-show .btn-live:hover a i{color:#0c94cc;}

@media only screen and (max-width: 768px) {
	.mobile-show{display:block;}
}