Boardmag Template ~ Template Blogger Selected

CLICK COPY AND PASTE THIS CODE TO YOUR BLOGGER EDIT HTML PAGE, GOOD LUCK !

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
<meta content='type your description here.' name='description'/>
<meta content='type your keyword here' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Boardmag Responsive Parallax Blogger Template
Version: 1.0
Designed by Uong Jowo
Author: Uong Jowo
Author URI: http://uongjowo.blogspot.com
----------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal color:#333;font-size:16px;-ms-word-wrap:break-word;word-wrap:break-word;overflow-x:hidden}
header{height:65px;width:100%;position:fixed;top:0;z-index:1000}
#logo{float:left;max-width:300px;margin:0;}
#logo h1,#logo h1{font-size:30px}
.nav{float:right}
nav li{list-style:none;float:left}
nav ul{margin:0;padding:0;position:relative;z-index:999}
nav a{text-transform:uppercase;color:#fff;text-decoration:none;width:auto;padding:10px 10px;margin-right:0;line-height:42px;display:block;text-align:center;position:relative;overflow:hidden;min-width:60px}
nav a:hover{color:#fff!important}
nav a span.hover{position:absolute;width:100%;top:-58px;left:0;height:65px;transition:all .5s}
nav a span.arr{display:none}
nav a span.menu_name{position:relative;z-index:1000;display:block}
nav li.current a span.hover{transition:all .5s;top:0!important}
.dropdown nav li.current a span.hover{height:100%}
nav a:hover span.hover{transition:all .5s;top:0!important}
.nav.js{margin:0;position:relative}
header.dropdown{height:auto;min-height:78px;background:#000}
header.dropdown #menu_back{background:transparent}
header.dropdown #logo img{margin-top:2px}
@media(max-width:768px){header #logo img{width:auto!important;max-height:150px}
}@media(max-width:460px){header #logo img{width:auto!important;max-height:80px}
}header.dropdown .head_box{content:'';border-width:60px 2880px 0 0;border-style:solid dashed solid solid;border-color:#000 transparent transparent transparent;width:0;height:0;position:absolute;top:100%}
header.dropdown nav{position:relative}
header.dropdown nav #menu_current{position:relative;z-index:3;margin-top:20px}
#menu_current a{text-align:right;text-indent:10px;margin:0;font-size:12px;text-transform:uppercase;background:#000;line-height:12px;padding:11px;width:120px;font-weight:bold;font-family:Roboto;cursor:pointer;display:block;border-top-width:0;-moz-transition:opacity .8s ease-in-out;-webkit-transition:opacity .8s ease-in-out;-o-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}
#menu_current a:hover span.menu_name{color:#ffffff!important}
#menu_current a span.hover{display:none}
#menu_current.hide a{opacity:0}
#menu_current:after{content:'';position:absolute;height:100%;width:100%;z-index:2;background:black;top:-100%;left:0}
#menu_current.home a{text-align:left}
#menu_current.home span.menu_name:after{content:"\f107";position:absolute;right:0;left:auto}
#menu_current span.menu_name:after{content:"\f060";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;font-size:22px;position:absolute;right:auto;left:0}
header.dropdown .nav nav ul{position:absolute;top:0;width:100%;z-index:3;background:rgba(0,0,0,0.5);transform:translate(0px,-360px);-moz-transform:translate(0px,-360px);-webkit-transform:translate(0px,-360px);transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-moz-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-webkit-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s}
header.dropdown .nav nav ul.opened{transform:translate(0px,0px);-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-moz-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s;-webkit-transition:all 1s cubic-bezier(0.8,0,0.2,1) 0s}
header.dropdown .nav nav ul li{float:none;display:block}
header.dropdown .nav nav ul li a{margin:0;text-align:left;text-indent:20px;padding:5px}
header.dropdown .nav nav li:hover a span.hover{height:100%}
a{text-decoration:none}
#uj-slider{position:relative;width:100%;margin:0;overflow:hidden}
#uj-slider .widget h2,.tabs-wrap .widget h2{display:none}
.uj_slider{position:relative;width:100%}
.uj_slider_wrap{width:100%;position:relative;height:680px;overflow:hidden;padding:0}
.uj_slider_item{width:100%;height:680px;overflow:hidden;width:100%}
.uj_slider .slides img{width:100%;height:auto}
.uj_slider .slider_caption{position:absolute;padding:10px 15px;left:0;right:0;bottom:200px;margin:0 auto 12px;z-index:99;color:#fff;border:1px solid #fff;text-align:center;text-shadow:#000 1px 1px 3px;text-transform:uppercase;width:50%;font-weight:normal}
.uj_slider_wrap .uj_slider_item{display:none;position:relative}
.flex-direction-nav{*height:0}
.flex-direction-nav{margin:0;padding:0;list-style:none}
.uj_slider .slider_caption h3{margin-bottom:0;font-size:42px}
.uj_slider .slider_caption h3 a{font-family:'Roboto',serif;color:#fff}
.uj_slider .slider_caption h3 a:hover{color:#cd2122}
.uj_slider p.caption{position:absolute;padding:7px 0;bottom:130px;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;width:50%;color:#fff;font-size:16px;line-height:24px;z-index:99}
.uj_slider p.caption .post-meta{display:none}
.uj_slider .flex-direction-nav a{position:absolute;z-index:99;margin-top:-35px;top:50%;text-indent:-9999px;width:47px;height:47px}
.uj_slider .flex-direction-nav .flex-next{right:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBblkWoHODVI6N355V-6tq6lDuPc7m99G63njkSARZJT9Rn8Q10AWiEq62sCZPNEuFnTUB_G3dNcAsLnZWmpBDJCv4s3E-_R6qjL7WuuM_czQECd2hk-8eefVnEtu7Tem-8u1ajGz_yDR/s1600/slider-arrows.png) no-repeat -47px 0!important;z-index:99}
.uj_slider .flex-direction-nav .flex-prev{left:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBblkWoHODVI6N355V-6tq6lDuPc7m99G63njkSARZJT9Rn8Q10AWiEq62sCZPNEuFnTUB_G3dNcAsLnZWmpBDJCv4s3E-_R6qjL7WuuM_czQECd2hk-8eefVnEtu7Tem-8u1ajGz_yDR/s1600/slider-arrows.png) no-repeat 0 0!important;z-index:99}
.flex-control-nav.flex-control-paging{display:none}
.flex-viewport{max-width:1200px;margin:0 auto}
.flexslider .slides{zoom:1;overflow:hidden}
.drop-cap:first-letter {float:left;margin:auto .15em auto auto;padding:inherit;font-size:6em;font-family:LatoBlack;line-height:1;text-indent:0;background:transparent;color:inherit;font-style:normal!important}
.zoo-page-title{font-size:1.18em;font-weight:700}
.zoo-page-title span{font-weight:normal}
abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}
@font-face{font-family:'ecoicon';
src:url('https://googledrive.com/host/0B5gOEkhhkL7TcVY0cURLMkRicVU');
src:url('https://googledrive.com/host/0B5gOEkhhkL7TRW1yMUI5LWY3N2s') format('woff');
font-weight:normal;
font-style:normal}
.uj-icon-wrap{text-align:center;margin:40px auto 0;padding:40px 0;width:100%;position:relative;border-top:1px solid rgba(255,255,255,0.3)}
.uj-icon-wrap a:hover,.uj-icon-wrap a:active{color:#333}
.uj-icon{display:inline-block;font-size:14px;cursor:pointer;width:70px;height:70px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff}
.uj-icon-wrap a{margin:15px 30px;color:#fff;font-weight:bold;display:inline-block;text-align:center;position:relative}
.uj-icon-wrap a:hover{color:#eea303}
.uj-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.uj-icon:before{font-family:'ecoicon';speak:none;font-size:38px;line-height:70px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
.uj-icon-effect-8 .uj-icon{background:#41ab6b;-webkit-transition:-webkit-transform ease-out .1s,background .2s;-moz-transition:-moz-transform ease-out .1s,background .2s;transition:transform ease-out .1s,background .2s}
.uj-icon-effect-8 .uj-icon:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(0,0,0,0.1);opacity:0;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
.uj-icon-effect-8 a:hover .uj-icon{background:#eea303;-webkit-transform:scale(0.93);-moz-transform:scale(0.93);-ms-transform:scale(0.93);transform:scale(0.93);color:#fff}
.uj-icon-effect-8 a:hover .uj-icon:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms;-moz-animation:sonarEffect 1.3s ease-out 75ms;animation:sonarEffect 1.3s ease-out 75ms}
@-webkit-keyframes sonarEffect{0%{opacity:.3}
60%{opacity:.5;box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3)}
100%{box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3);-webkit-transform:scale(1.5);opacity:0}
}@-moz-keyframes sonarEffect{0%{opacity:.3}
60%{opacity:.5;box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3)}
100%{box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3);-moz-transform:scale(1.5);opacity:0}
}@keyframes sonarEffect{0%{opacity:.3}
60%{opacity:.5;box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3)}
100%{box-shadow:0 0 0 2px rgba(0,0,0,0.1),0 0 10px 10px #f4f4f4,0 0 0 10px rgba(0,0,0,0.3);transform:scale(1.5);opacity:0}
}.uj-icon-mobile:before{content:"\e009"}
.uj-icon-screen:before{content:"\e00a"}
.uj-icon-earth:before{content:"\e002"}
.uj-icon-support:before{content:"\e000"}
.uj-icon-locked:before{content:"\e001"}
.uj-icon-cog:before{content:"\e003"}
.uj-icon-clock:before{content:"\e004"}
.uj-icon-videos:before{content:"\e005"}
.uj-icon-list:before{content:"\e006"}
.uj-icon-refresh:before{content:"\e007"}
.uj-icon-images:before{content:"\e008"}
.uj-icon-pencil:before{content:"\e00b"}
.uj-icon-link:before{content:"\e00c"}
.uj-icon-mail:before{content:"\e00d"}
.uj-icon-location:before{content:"\e00e"}
.uj-icon-archive:before{content:"\e00f"}
.uj-icon-chat:before{content:"\e010"}
.uj-icon-bookmark:before{content:"\e011"}
.uj-icon-user:before{content:"\e012"}
.uj-icon-contact:before{content:"\e013"}
.uj-icon-star:before{content:"\e014"}
.uj-icon.uj1{background:#f06060}
.uj-icon.uj2{background:#966}
.uj-icon.uj3{background:#eea303}
.uj-icon.uj4{background:#0e83cd}
.uj-icon.uj5{background:#d54f30}
.uj-icon.uj6{background:#64bb5d}
.uj-icon.uj7{background:#96a94b}
.uj-icon.uj8{background:#3851bc}
.uj-icon.uj9{background:#008b8b}
.container{width:100%;max-width:1100px;margin:0 auto}
.span9{float:left;width:68%}
.span3{float:right;width:30%}
#portflo .list-label-widget-content{margin:40px 0px}
#portflo{width:100%;margin:0 auto;overflow:hidden}
.list-label-widget-content{margin-bottom:20px}
#Label27 .list-label-widget-content{text-align:center}
.portfolioFilter{text-align:center;margin-bottom:10px}
.portfolioFilter a{margin-right:10px;color:#666;text-decoration:none}
.portfolioFilter a.current{font-weight:bold}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
ul#portfolio_iner{list-style:none;width:100%;max-height:600px;overflow:hidden;}
ul#portfolio_iner li{display:block;float:left;width:25%;margin-right:0;overflow:hidden;list-style:none;height:190px;max-height:190px;min-height:190px;overflow:hidden;background:#333}
ul#portfolio-filter{text-align:center;margin:0 auto;display:inline-block;padding:0;width:100%;position:relative}
ul#portfolio-filter li{line-height:43px;display:inline-block;text-align:center}
ul#portfolio-filter li a{border-radius:0;border:solid 2px #f54f36;padding:6px 9px;margin-right:3px;color:#000;text-decoration:none;font-weight:normal;font-family:"Roboto";font-size:14px;text-transform:uppercase}
ul#portfolio-filter li a.current{background:#f54f36!important;color:#fff!important;border:solid 2px #f54f36}
.container.wide{width:100%;max-width:1280px;margin:0 auto}
.text_center{text-align:center}
.uj-block2_top{border-color:transparent transparent #f90 transparent}
.uj-block2_mid{background:#f90;padding:30px 0}
.intro_pad{padding:150px 0 0}
.ujblock3_main{position:relative;z-index:1}
.isotope-item img{margin:0;width:100%}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.ujblock4_main{z-index:1;position:relative}
.ujblock5_main{position:relative;z-index:1}
.ujblock7_main{position:relative;z-index:1}
.google_map{margin-bottom:50px}
.google_map iframe{width:100%}
#map_canvas{height:350px}
footer{margin:-60px 0 0;background:#000;padding:80px 0 30px}
.footer_intro{padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:60px}
.footer_intro h1,.footer_intro h2{color:#383838;text-transform:uppercase;text-align:center}
.social_line{list-style:none;text-align:center;margin:40px 0 0;padding:0}
.social_line li{display:inline}
.fpost h6 a{color:#fff;text-decoration:none}
#flickr_badge_wrapper tr{float:left}
.footer_bottom{color:#4c4c4c;font-weight:300;font-size:14px}
.footer_bottom .flogo img{opacity:.25;-ms-filter:"alpha(opacity=25)";filter:alpha(opacity=25);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.footer_bottom .flogo:hover img{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.footer_bottom a{color:#fff}
.mob_nav{display:none}
/* BLOG */
.post-blog{position:relative;margin-bottom:25px}
.post-content{padding-left:0;position:relative}
.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a{color:inherit}
.post-icon{position:absolute;top:0;left:0}
.post-thumb:hover{opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5}
.post-date{display:block;margin:8px 0 10px}
.post-content h3{padding-top:2px}
.post-content footer{text-transform:uppercase;margin-top:20px}
.post-content p{line-height:22px}
.post-content img{max-width:740px;}
.post-content footer a{color:inherit}
.post-content footer i{margin-right:5px}
.post-icon-2{position:absolute;top:70px;left:0}
.post-info-icon div{position:absolute;top:5px;left:0;line-height:28px;text-transform:uppercase;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.post-info-icon:hover div{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.post-info-icon:hover>span{opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.post-info-icon-2:hover div{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.post-info-icon-2:hover span{opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.post-info-icon-2 div{position:absolute;top:15px;width:100%;text-align:center;line-height:28px;text-transform:uppercase;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;font-size:44px}
.post-info-icon>span{position:relative;top:1px}
.day-blog{font-size:28px}
.count-comments{font-size:44px!important}
.month-blog{font-size:26px}
.post-info-icon-2>span{position:relative;top:2px}
.post{margin:0 0 50px 0;padding-bottom:50px;background:url(../images/whiteline.png) repeat-x bottom}
.post h2 a{text-transform:uppercase;color:#333;text-decoration:none}
.post_thumb{background:url("../images/whiteline.png") repeat scroll 0 0 rgba(0,0,0,0);margin:25px 0;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.post_thumb img{width:100%;height:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.entry{font-size:17px;margin-bottom:50px}
.post_info{text-align:center;margin:0;padding:0}
.post_info li{display:inline-block;font-size:13px;text-transform:uppercase;line-height:62px;color:#fff;margin:0 15px 5px}
.post_info li .circ{display:inline-block;color:#fff;border:#fff solid 1px;border-radius:50%;margin-right:10px;width:62px;font-size:17px}
.post_info li a{color:#fff;text-decoration:none}
.post_info li.read_more a{color:#fff;display:block;text-decoration:none}
.post_info li.read_more a span{border:2px solid #fff;border-radius:50%;display:block;float:left;font-size:22px;height:60px;line-height:60px;margin-right:15px;text-align:center;width:60px}
.single_date{float:left;text-transform:uppercase;font-size:12px;text-align:center;margin-bottom:25px}
.single_post>h2{margin-left:100px;text-align:left;min-height:105px}
.single_date .circ{display:inline-block;color:#fff;border:#fff solid 1px;border-radius:50%;margin-right:10px;width:62px;font-size:17px;line-height:62px;text-align:center;margin-bottom:10px}
.entry table{width:100%;margin-bottom:20px}
.entry table td{padding:3px}
.entry table tr.odd td{background:rgba(0,0,0,0.3)}
.entry dl dt{font-weight:bold}
.alignleft{float:left}
.alignright{float:right}
.navigation{padding:15px 0;overflow:hidden}
.post_thumb{clear:both}
#share{border-bottom:rgba(255,255,255,0.2) solid 1px;padding-bottom:20px;margin-bottom:30px;margin-top:20px}
#sidebar>div{margin-bottom:40px;clear:both}
#sidebar .widget h2{font-size:24px;border-bottom:1px dotted #ccc}
#sidebar .widget ul{margin:15px 0;padding:0;list-style:none}
#sidebar .widget ul li{float:left;display:inline-block;border-bottom:1px dotted #eee;;text-align:left}
.clearboth{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}
.buttons a{margin-right:30px}
.button{text-decoration:none;display:inline-block;margin:0 0 10px 10px}
.clear{clear:both}
.review{clear:both}
.post-entry .plug{color:#fff}
.social-networks{list-style:none;margin:0;padding:0;clear:both}
.social-networks li{display:inline-block;margin:0 10px}
.social-networks li a:before{font-family:zocial}
img.alignleft{float:left;margin:0 10px 5px 0}
img.alignright{float:right;margin:0 0 5px 10px}
#gmap{min-height:350px;color:#000}
.ujblog_main{padding:120px 0 30px}
.section_exc{margin-bottom:25px}
.post h2{margin-bottom:60px}
html,button,input,select,textarea{color:#000}
body{font-size:1em;line-height:1.4;margin:0}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
.nostyle{list-style:none;margin:0;padding:0}
.text_right{text-align:right}
.text_left{text-align:left}
.text_center{text-align:center}
.lines{border-top:1px solid rgba(255,255,255,0.2);margin-bottom:100px!important;position:relative;text-transform:uppercase}
.sub_title{color:#fff;font-size:19px;font-weight:300;line-height:0;margin-bottom:-150px;margin-top:10px}
.plug{padding:0 20px}
#ujblock2 .plug{background:#f90}
#ujblock3 .plug{background:#44a5ac}
#ujblock4 .plug{background:#324c68}
#ujblock5 .plug{background:#d44032}
.top_box{width:0;height:0}
.ujection2 .top_box,.ujection3 .top_box,.ujection4 .top_box,.ujection5 .top_box,.ujection6 .top_box,.ujection7 .top_box{border-width:60px 0 0 960px;border-style:solid solid solid dashed}
.ujection2 .top_right,.ujection3 .top_right,.ujection4 .top_right,.ujection5 .top_right,.ujection6 .top_right,.ujection7 .top_right{border-width:0 0 60px 960px;float:right;border-style:solid solid solid dashed;margin-top:-60px}
.ujection1{background:#000;}
.ujection2 .top_box{border-color:transparent transparent transparent #f0a80e}
.ujection3 .top_box{border-color:transparent transparent transparent #fff}
.ujection4 .top_box{border-color:transparent transparent transparent #44a5ac}
.ujection5 .top_box{border-color:transparent transparent transparent #eee}
.ujection6 .top_box{border-color:transparent transparent transparent #fff}
.ujection7 .top_box{border-color:transparent transparent transparent #4E4840}
.ujection2 .top_right{border-color:transparent transparent #f0a80e transparent}
.ujection3 .top_right{border-color:transparent transparent #fff transparent}
.ujection4 .top_right{border-color:transparent transparent #44a5ac transparent}
.ujection5 .top_right{border-color:transparent transparent #eee transparent}
.ujection6 .top_right{border-color:transparent transparent #fff transparent}
.ujection7 .top_right{border-color:transparent transparent #4E4840 transparent}
.ujection2 .man_box{position:relative;z-index:10;margin-top:-60px}
.ujection3 .man_box{position:relative;z-index:9;margin-top:-60px}
.ujection4 .man_box{position:relative;z-index:8;margin-top:-60px}
.ujection5 .man_box{position:relative;z-index:7;margin-top:-60px}
.ujection6 .man_box{position:relative;z-index:6;margin-top:-60px}
.ujection7 .man_box{position:relative;z-index:6;margin-top:-60px}
.ujection8 .man_box{position:relative;z-index:5;margin-top:-60px}
.ujection9 .man_box{position:relative;z-index:4;margin-top:-60px}
.ujection10 .man_box{position:relative;z-index:3;margin-top:-60px}
.ujection11 .man_box{position:relative;z-index:2;margin-top:-60px}
.ujection12 .man_box{position:relative;z-index:1;margin-top:-60px}
.intro{margin:-65px 0 0;background-attachment:fixed;background-size:cover;height:430px;text-transform:uppercase;background-repeat:no-repeat}
a,a:visited{text-decoration:none}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
h2,h3{page-break-after:avoid}
.menu_item,.inter .widget h2{text-align:center;padding-bottom:40px}
.menu_item h2,.inter .widget h2 span{font-size:40px;text-transform:uppercase;margin:0;color:#333;position:relative;font-weight:700;padding-bottom:20px}
.menu_item h2:before,.inter .widget h2 span:before{content:'';background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnEK21MH6mJqqjbUe7QZres5MUKDztxkKHrA_gijM1NNsp-cn2miYDQff6a75m2zoLOutg5IW9avJQAj2ZdC-hN1XGFBeZMtx-O1GW2WMYmyEsY6fV_ZtXR1-wEOwyzh1wxRJ_L3Hnu3IO/s1600/divider.png");position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:303px;height:19px}
.menu_item h2{color:#fff}
.eluj{width:30%;margin:1%}
.eluj{padding:0;color:#999;float:left;background:#fff;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.10);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.10);box-shadow:0 1px 1px rgba(0,0,0,0.10)}
.eluj:hover{-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);box-shadow:0 0 6px rgba(0,0,0,0.2)}
.eluj img{width:100%;height:auto}
.eluj .inbox{padding:5px 10px 10px;position:relative;font-size:12px}
.eluj .inbox:after{bottom:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:13px;margin-left:-13px}
.eluj .elbox{width:100%;overflow:hidden;position:relative}
.eluj h3{font-size:14px;margin:4px 0 8px 0;padding:0;color:#333;line-height:130%}
.eluj h3 a{text-decoration:none;color:#333}
.eluj h3 a:hover{color:#555}
.eluj .meta{font-size:11px;color:#999}
.post-inner{padding:15px}
.eluj h6{font-size:12px;color:#f54f36;margin:2px 0;font-weight:700;}
.eluj h5{font-size:11px;position:absolute;bottom:5px;right:5px}
.eluj h5 a{padding:2px 5px;color:#333;background:rgba(255,255,255,0.5)}
.eluj h5 a:hover{background:rgba(255,255,255,0.9)}
.moreload{margin:30px 0;position:relative;}
a.loadpost{border: 2px solid #f54f36;padding:5px 15px;color: #161616;text-transform:uppercase;font-size:18px;font-weight:700;}
.parallax-slider-blogs{position:relative;width:100%;max-width:1100px;margin:0 auto;text-align:center;padding-bottom:25px}
.parallax-slider-blogs .grid{position:relative;width:100%;max-width:1100px;margin:0 auto;height:295px;overflow:hidden}
.parallax-slider-blogs .slides li{text-align:left;width:295px;margin:0 10px;float:left}
.parallax-slider-blogs .slides .imgbox{width:100%;height:150px;overflow:hidden}
.parallax-slider-blogs .slides .imgbox img{width:100%;height:auto}
.parallax-slider-blogs .slides li h3{margin:0;line-height:1.4;font-size:16px;color:#222;margin-top:10px;-webkit-transition:all .3s;transition:all .3s}
.parallax-slider-blogs h3 a{color:#222}
.parallax-slider-blogs .slides li p{display:block;text-transform:uppercase;color:#444;margin:5px 0 15px;font-size:12px}
.parallax-slider-blogs .slides li a:hover h3{color:#f54f36}
.parallax-slider-blogs .slides li .share{margin-top:20px}
.parallax-slider-blogs .grid .flex-direction-nav a{font-size:0;width:40px;border:2px solid #f54f36; ;height:40px;border-radius:50%;display:block;position:absolute;cursor:pointer;top:20%;z-index:99;opacity:1;text-indent:-9999px;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
.parallax-slider-blogs .grid .flex-direction-nav .flex-next{right:0;background:rgba(0,0,0,0.2) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDmuthSG86PwPancWiiYoFLjq7MIH_LWO2jhfyiOm_aZdQ6FKIjTplcRIRyk2ZuNfIJGxop4iqDaG-NsEkwamOLD7Zw-MOIlFEM_Gel3Bw-hb88Ikr8oPpcPxDEU3ebwKHaptLa8X0s9k/s1600/arrow_right2.png)center no-repeat;z-index:99}
.parallax-slider-blogs .grid .flex-direction-nav .flex-prev{left:0px;background:rgba(0,0,0,0.2) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxfcC2LkJLZ-SGtPTt8fCgwFL8AwRKg0Jc-0uGGX0uwlrU3hA9FnaMnVCHOGEv99tsU6nitQTsCfxA0LX0lybyigBtc81HDsdXZYDUHrS6bXzaGrXju2IOK6O708Dzfq0QHjb8l_o_yhU/s1600/arrow_left2.png)center no-repeat;z-index:99}
.controls .prev,.controls .next,.controls .prev:after,.controls .next:after{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.share {text-align:center;width:100%;position:relative;display:inline;}
.share a{color:#fff;display:inline-block;font-size:18px;padding:5px 0;width:33px;text-align:center;border-radius:100%;position:relative;margin-right:10px}
.share a.facebook{background:#4965a0!important}
.share a.twitter{background:#00abf0!important}
.share a.g-plus{background:#dd4b39!important}
.black_over{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDiB69tGFDkCu32ITuBo4iiFqZwZTid0HhHIJFN9cVWbAT86XLmC4RVx8Mp2ucnPkSwBna14FD__wEVABLWtmT3OjykWMNhUeMNRsHkix6vl_9ZJ0NRBUOmJej5Kj35SxgEJ4z5vMeCia/s1600/blackpx.png) repeat;height:100%}
header{background:#000}
#logo img{margin:0}
header.affix-top #logo img{width:100%;height:auto;transition:all .5s}
header.affix #logo img{width:75%;height:auto;transition:all .5s}
.plug{background:transparent}
#ujblock2 .plug{background:rgba(0,0,0,0.2)}
#ujblock3 .plug{background:#44a5ac}
#ujblock4 .plug,#ujblock4 .c_quot .plug{background:#44a5ac}
#ujblock5 .plug{background:#d44032}
#ujblock7 .plug{background:#4E4840}
#ujblog .plug{background:#}
nav a.menu_1{border-top:#555 solid 2px}
nav a.menu_2{border-top:#F0A80E solid 2px}
nav a.menu_3{border-top:#fff solid 2px}
nav a.menu_4{border-top:#44a5ac solid 2px}
nav a.menu_5{border-top:#065d66 solid 2px}
nav a.menu_6{border-top:#fff solid 2px}
nav a.menu_7{border-top:#4E4840 solid 2px}
nav a.menu_8{border-top:#eee solid 2px}
nav a.menu_9{border-top:#44a5ac solid 2px}
nav a.menu_10{border-top:#44a5ac solid 2px}
nav a.menu_11{border-top:#44a5ac solid 2px}
.mob_nav ul li a.menu_1{background:#555}
.mob_nav ul li a.menu_2{background:#F0A80E}
.mob_nav ul li a.menu_3{background:#fff}
.mob_nav ul li a.menu_4{background:#44a5ac}
.mob_nav ul li a.menu_5{background:#065d66}
.mob_nav ul li a.menu_6{background:#fff}
.mob_nav ul li a.menu_7{background:#4E4840}
.mob_nav ul li a.menu_8{background:#eee}
.mob_nav ul li a.menu_9{background:#44a5ac}
.mob_nav ul li a.menu_10{background:#44a5ac}
.mob_nav ul li a.menu_11{background:#44a5ac}
nav a.menu_1 span.hover{background:#555}
nav a.menu_1 .arr{border-color:#000 transparent transparent transparent}
nav a.menu_2 span.hover{background:#F0A80E}
nav a.menu_2 .arr{border-color:#F0A80E transparent transparent transparent}
nav a.menu_3 span.hover{background:#fff}
nav a.menu_3 .arr{border-color:#fff transparent transparent transparent}
nav a.menu_4 span.hover{background:#44a5ac}
nav a.menu_4 .arr{border-color:#44a5ac transparent transparent transparent}
nav a.menu_5 span.hover{background:#065d66}
nav a.menu_5 .arr{border-color:#065d66 transparent transparent transparent}
nav a.menu_6 span.hover{background:#fff}
nav a.menu_6 .arr{border-color:#fff transparent transparent transparent}
nav a.menu_7 span.hover{background:#4E4840}
nav a.menu_7 .arr{border-color:#4E4840 transparent transparent transparent}
nav a.menu_8 span.hover{background:#eee}
nav a.menu_9 span.hover{background:#44a5ac}
nav a.menu_9 .arr{border-color:#44a5ac transparent transparent transparent}
nav a.menu_10 span.hover{background:#44a5ac}
nav a.menu_10 .arr{border-color:#44a5ac transparent transparent transparent}
nav a.menu_11 span.hover{background:#44a5ac}
nav a.menu_11 .arr{border-color:#44a5ac transparent transparent transparent}
li.current .menu_1 span{color:#fff}
li.current .menu_2 span{color:#fff}
li.current .menu_3 span{color:#000}
li.current .menu_4 span{color:#fff}
li.current .menu_5 span{color:#fff}
li.current .menu_6 span{color:#000}
li.current .menu_7 span{color:#fff}
li.current .menu_8 span{color:#000}
li.current .menu_9 span{color:#fff}
li.current .menu_10 span{color:#fff}
li.current .menu_11 span{color:#fff}
nav a.menu_1:hover .menu_name{color:#fff}
nav a.menu_2:hover .menu_name{color:#fff}
nav a.menu_3:hover .menu_name{color:#000}
nav a.menu_4:hover .menu_name{color:#fff}
nav a.menu_5:hover .menu_name{color:#fff}
nav a.menu_6:hover .menu_name{color:#000}
nav a.menu_7:hover .menu_name{color:#fff}
nav a.menu_8:hover .menu_name{color:#000}
nav a.menu_9:hover .menu_name{color:#fff}
nav a.menu_10:hover .menu_name{color:#fff}
nav a.menu_11:hover .menu_name{color:#fff}
.uj-block2_mid{background:#F0A80E;padding:30px 0;clear:both}
.ujblock3_mid{background:#fff;padding:30px 0 0px}
.isotope-item img{width:100%;height:auto;webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s cubic-bezier(.63,.08,.35,.92);-moz-transition:all .3s cubic-bezier(.63,.08,.35,.92);-o-transition:all .3s cubic-bezier(.63,.08,.35,.92);-ms-transition:all .3s cubic-bezier(.63,.08,.35,.92);transition:all .3s cubic-bezier(.63,.08,.35,.92)}
.isotope-item:hover img{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
.ujblock4_mid{padding:30px 0;background:#44a5ac}
.ujblock5_mid{padding:30px 0;background:#eee;}
.ujblock7_mid{background:#4E4840;padding:30px 0}
#ujblock7 .intro_pad{padding:60px 0 0}
#ujblock7 .intro_pad h2{color:#fff}
footer{margin:-60px 0 0;background:#000;padding:80px 0 30px}
#blog{color:#444;margin-bottom:60px;padding: 0}
#blog a{color:#333;}
nav a{font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal}
h1,.h1{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:600;font-style:normal;line-height:72px;margin:0 0 15px}
h2,.h2{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;line-height:52px;margin:0 0 15px}
h3,.h3{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:700;font-style:normal;margin:0 0 12px}
h4,.h4{font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;margin:0 0 10px;line-height:34px}
h5,.h5{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;margin:0 0 .5em 0}
h6,.h6{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;font-size:14px;margin:10px 0}
nav a{font-size:14px}
h1,.h1{font-size:72px;line-height:72px}
h2,.h2{font-size:52px;line-height:52px}
h3,.h3{font-size:52px}
h4,.h4{font-size:31px;line-height:34px}
h5,.h5{font-size:20px}
h6,.h6{font-size:14px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#fff}
a{color:#fff}
a:hover{color:#eaeaea}
.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#eaeaea;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#eaeaea}
h1,.h1{margin:0 0 15px}
h2,.h2{margin:0 0 15px}
h3,.h3{margin:0 0 12px}
h4,.h4{margin:0 0 10px}
h5,.h5{margin:0 0 .5em 0}
h6,.h6{margin:10px 0}
#menu_back{background:#000}
.ujblog_main .section-mid{color:#555}
.ujblog_main h1,.ujblog_main h2{color:#555}
#ujblog a{color:#f90}
#ujblog a:hover{color:#555}
.block2_ujbox .section-mid{color:#fff}
.block2_ujbox h1,.block2_ujbox h2{color:#fff}
#service a{color:#fff}
#service a:hover{color:#f5f5f5}
.ujblock3_main .section-mid{color:#f5f5f5}
.ujblock3_main h1,.ujblock3_main h2{color:#f5f5f5}
#portfolio li a{color:#f5f5f5}
#portfolio li a:hover{color:#f5f5f5}
#portfolio a{color:#fff}
#portfolio a:hover{color:#255b55}
.ujblock4_main .section-mid{color:#fff}
.ujblock4_main h1,.ujblock4_main h2{color:#fff}
.ujblock5_main .section-mid{color:#fff}
.ujblock5_main h1,.ujblock5_main h2{color:#fff}
#ujblock5 a{color:#fff}
#ujblock5 a:hover{color:#f5f5f5}
.ujblock7_main .section-mid{color:#fff}
.ujblock7_main .menu-item h2{color:#fff}
#ujblock7 a{color:#fff}
#ujblock7 a:hover{color:#f5f5f5}
.product_list_widget .image-clear img{width:auto!important;display:block!important;margin:0 auto!important;max-width:150px!important;float:none!important}
.footer_widgets{padding-bottom:40px;border-bottom:#2f2f2f solid 1px;margin-bottom:60px}
#ujblock3_box .entry{color:#000000!important}
#ujblock3_box a{color:#255b55}
#ujblock3_box a:hover{color:#fff}
#ujblock2 a{color:#fff}
#ujblock2 a:hover{color:#f5f5f5}
#ujblock7 .form p{color:#fff}
.widgettitle{color:#fff}
.social_line li a{font-size:20px;margin:0 5px;color:#000;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.social_line li a:hover{color:#000;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.footer_bottom{color:#fff}
.footer_bottom a{color:#fff}
.footer_bottom a:hover{color:#ddd}
.ujblock4 .span4:hover,.ujblock4 .span3:hover{transition:all .5s;-webkit-transition:all .5s;border:#fff solid 10px}
.ujblock4 .span4:hover .pt_price,.ujblock4 .span3:hover .pt_price{color:#fff}
.margin-left-30 .pt_pay,.margin-left-30 .pt_feature,.margin-left-30 .pt_price,.margin-left-30 .pt_title{padding-left:30px}
.margin-left-15 .pt_pay,.margin-left-15 .pt_feature,.margin-left-15 .pt_price,.margin-left-15 .pt_title{padding-left:15px}
h1,h2,.text-left,.text-center{text-transform:uppercase}
#ujblock7 input[type="text"],#ujblock7 input[type="email"],#ujblock7 textarea{padding:10px;font-size:16px;line-height:24px;margin-bottom:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;color:#fff;font-weight:300;display:inline-block;margin-right:1%;width:99%;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);border-radius:25px}
.team_photo .content h2{color:#ccc}
#ujblock3_box h1,#ujblock3_box h2{padding:0!important}
#tabs .active a,a.button.white{color:#000000!important}
a.button.white:hover{background:#000000!important;color:#eaeaea!important}
#filters{padding:0}
.intro_pad1{min-height:380px;padding:100px 0;}
/**** Isotope Filtering ****/
.footer-text{font-size:.75em;display:block;margin:0 auto;padding-top:30px;text-align:center}
.footer-text a{color:#b8b8b8}
.footer-text a:hover{text-decoration:underline}
.view{width:100%;height:200px;float:left;overflow:hidden;position:relative;text-align:center;-webkit-box-shadow:1px 1px 2px #e6e6e6;-moz-box-shadow:1px 1px 2px #e6e6e6;box-shadow:1px 1px 2px #e6e6e6;cursor:default;background:#fff}
.view .mask,.view .content{width:100%;height:200px;position:absolute;overflow:hidden;top:0;left:0}
.view img{display:block;width:100%;position:relative}
.view h3{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;margin:20px 0 0 0}
.view p{font-family:Georgia,serif;font-style:italic;font-size:12px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center}
.view h4.share{display:inline-block;text-decoration:none;padding:7px 14px;color:#fff;text-transform:uppercase}
.view a.info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
.view-first img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.view-first .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.view-first h3{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.view-first h3 a{color:#fff}
.view-first p{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.view-first:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.view-first h4.share{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.view-first:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.view-first:hover h3,.view-first:hover p,.view-first:hover h4.share{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.view-first:hover p{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
.view-first:hover h4.share{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
#widget-contact{width:100%;margin:80px 0}
#widget-contact .widget h2{font-size:58px;text-align:center}
.contact-form-widget{width:500px;max-width:100%;margin:0 auto;color:#ccc}
.contact-form-name,.contact-form-email,.contact-form-email-message{width:100%;max-width:100%;margin-bottom:10px}
.contact-form-button-submit{border-color:#c1c1c1;background:#e3e3e3;color:#585858;width:20%;border-radius:10px;max-width:20%;margin-bottom:10px}
.contact-form-button-submit:hover{background:#4c8ef9;color:#fff;border:1px solid #fafafa}
#google-map iframe{width:100%}
.social-networks{text-align:center;width:100%;height:50px;text-transform:uppercase;line-height:50px;font-size:35px;margin:20px 0;position:relative}
.social-networks li{line-height:50px;margin:0 9px;color:#444;display:inline;text-decoration:none}
.social-networks li a{color:#666}

.back-top{font:normal .93em/1em Alice;text-transform:uppercase;display:block;width:35%;margin:30px auto 0;padding-bottom:35px;text-align:center;border-bottom:1px solid #2b2b2b}
.back-top a{color:#b8b8b8}
.back-top a:hover{color:#fff}
.back-top a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4lXFX093_CRiu1hyxBvCkGaa-DJEharV2WQJs6hFd05efcTXDaHN-Q1b5eFkcrKvOlfJ9_-QQ_8VUnuBMcyUrZ-wT1ucnU2Iyd_-s222tPq4rAQ0BfUGUZrkm4Ls1Ybt377_-RTvluXT/s1600/arrow-up.png) no-repeat center center;display:block;width:120px;margin:0 auto;padding-top:81px}
#ujblock5 .menu_item h2{color:#333}
#ujblock7 .inter .widget h2 span{color:#fff}
.post-blog h3 {text-transform:normal;color:#555;font-weight:normal;padding-top:10px;margin-top:10px;border-top:1px solid #f0f0f0}
.tagcloud a{display:inline-block;padding:3px 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-transform:uppercase;border:1px solid #e0e0e0;color:#b0b0b0;margin:2px;font-size:13px;margin-right:-1px}

@media(max-width:1024px){.intro{background-attachment:scroll;background-size:cover;background-repeat:no-repeat}
ul#portfolio_iner li{width:33.2%}.post-content img{max-width:670px;}.parallax-slider-blogs .grid{width:820px;}
}@media(min-width:769px) and (max-width:979px){.container{width:768px}
ul#portfolio_iner li{width:49%}
}
@media(max-width:979px){div.nav{display:none!important}
.mob_nav{display:block!important;margin:0 auto;width:auto;float:right;position:relative;z-index:999}
.mob_nav ul{list-style:none;padding:0;display:none;margin:0;position:absolute;right:0;z-index:999}
.mob_nav ul li a{display:block;padding:7px 7px 7px 15px;color:#fff;text-decoration:none;text-transform:uppercase}
.trigger{margin-right:10px;margin-top:3px;cursor:pointer;display:inline-block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8FyjIXwuHbwdjOW0Oi-L8T7rm2n0WlekP546itT_4I4uzzW3XudEpvTXON1-sqvHAr_Uvq1Jbp8nuQEfB-vCDgeDUcIUaFqVjzzuxG6B_vyZhadCBVapmp25uhjyJ_KFRtfVDSlOSojmr/s1600/mob_menu.png) no-repeat center;color:#fff;width:30px;height:30px}
}
@media(min-width:600px) and (max-width:768px){.container{width:90%}
.span9{float:left;width:100%}
.span3{float:left;width:100%}
.post-content img{max-width:600px;}
.span3 .widget{float:left;width:48%;margin:1%}
ul#portfolio_iner li{width:33.0%}
.parallax-slider-blogs {width:560px;}.parallax-slider-blogs .grid{position:relative;width:550px;margin:0 auto}
.speed_box{width:40%;margin:0 5%}
.blog-posts .eluj{width:48%}
.speed_box.ipad{clear:both}
nav a span.arr{border-width:7px 42.5px 0}
h1{font-size:50px;line-height:50px}
h2{font-size:36px;line-height:36px}
h3{font-size:36px}
h4{font-size:24px;line-height:24px}
h5{font-size:15px}
.eluj{width:49%}
.ujblock4 .span4{margin-bottom:10px}
.footer_bottom{text-align:center}
header{background:0}
.top_box_left,.top_box_right{margin-bottom:-1px}
.bot_box_left,.bot_box_right{margin-top:-1px}
nav a span.arr{margin-top:34.5px}
.isotope-item{margin:0 10px 10px 0}
nav li.current a span.hover{transition:all .5s;top:-1px}
nav li:hover a span.hover{transition:all .5s;top:-1px}
body{padding:0}
.paralax{position:absolute;top:0;bottom:auto;left:0;width:100%;height:auto;z-index:-1}
}
@media(min-width:480px) and (max-width:568px){.container{width:96%}
.span9{float:left;width:100%}
.span3{float:left;width:100%}ul#portfolio_iner li{width:49%}
.post-content img{max-width:530px;}.parallax-slider-blogs {width:530px;}.parallax-slider-blogs .grid{width:510px;}
.blog-posts .eluj{width:47%}
}

@media only screen and (max-width:479px){
.span9{float:left;width:100%}
.span3{float:left;width:100%}
ul#portfolio_iner li{width:49%}
.blog-posts .eluj{width:48%}
.parallax-slider-blogs .grid{width:460px;}
.col{width:auto!important;float:none;clear:both;margin-bottom:10px}
.top_navigation{display:none}
.slide_text .title3{font-size:14px;font-weight:300;line-height:18px;margin-bottom:15px;width:48%}
.isotope-item:hover img{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
.ujblock4 .span4{margin-bottom:10px}
.container{width:290px}
h1{font-size:26px;line-height:26px}
h2{font-size:20px;line-height:22px}
.team_photo h2{line-height:52px}
h3{font-size:22px}
h4{font-size:18px;line-height:18px}
h5{font-size:13px}
.footer_bottom{text-align:center}
.speed_box{width:auto;margin:0 0 15px;float:none;clear:both}
header{background:#000!important;height:auto;padding:5px!important;height:70px!important}
#logo{text-align:center;float:left;height:auto;padding:5px 0}
#logo img{margin:0 0 0!important}
body{font-size:12px;margin-top:80px}
.sub_title{margin-top:0;margin-bottom:25px;background:0;font-size:16px}
.sub_title .plug{background:0;display:block}
.block2_ujbox{margin-top:-25px}
.intro{margin:-25px 0 0;height:250px;background-attachment:scroll;background-size:cover;background-repeat:no-repeat}
.ujection2 .man_box{margin-top:-25px}
.ujection3 .man_box{margin-top:-25px}
.ujection4 .man_box{margin-top:-25px}
.ujection5 .man_box{margin-top:-25px}
.ujection6 .man_box{margin-top:-25px}
.intro_pad .man_box{padding:65px 0 0}
.ujection2 .top_box,.ujection4 .top_box,.ujection6 .top_box,.ujection8 .top_box{border-style:solid solid solid dashed;border-width:0 0 20px 480px}
.ujection3 .top_box,.ujection5 .top_box,.ujection7 .top_box,.ujection9 .top_box{border-width:20px 0 0 480px;border-style:solid dashed solid solid}
.ujection2 .bot_box,.ujection4 .bot_box,.ujection6 .bot_box,.ujection8 .bot_box{border-width:0 480px 20px 0;border-style:solid dashed solid solid}
.ujection3 .bot_box,.ujection5 .bot_box,.ujection7 .bot_box,.ujection9 .bot_box{border-width:20px 480px 0 0;border-style:solid dashed solid solid}
footer{margin:-25px 0 0}
.post{margin:30px 0;padding-bottom:30px}
.entry{font-size:13px}
#blog{margin-bottom:25px;padding:25px 0 0}
.top_box{margin-bottom:-1px}
.bot_box{margin-top:-1px}
.paralax{position:absolute;top:0;bottom:auto;left:0;width:100%;height:auto;z-index:-1}
}
@media handheld,only screen and (max-width:320px),only screen and (max-device-width:320px){.intro{margin:-25px 0;height:200px}
.span9{float:left;width:100%}
.span3{float:left;width:100%}
.intro_pad{padding:60px 0 0}
.uj_slider,.uj_slider_wrap,.uj_slider_item{height:300px}
.uj_slider .slider_caption{bottom:50px}
.uj_slider .slider_caption h3{font-size:16px}
.uj_slider p.caption{display:none}
ul#portfolio_iner li{width:100%}
.blog-posts .eluj{width:98%}
.parallax-slider-blogs .grid{position:relative;width:270px;margin:0 auto}
}

@media(max-width:400px){.intro{margin:-25px 0;height:200px}
.intro_pad{padding:60px 0 0}
}

.item-1{display:inline-block;position: relative;text-align:center;padding:5px 0 0px;height:50px;}
.item-1 .linez{font:normal normal 40px 'FontAwesome';width:200px;height:50px;text-align:center;display:inline-block;padding:0;margin:0 auto;}
.item-1 .linez:after{content:"\f103";color:#fff;margin:0;padding:0;}
#labelbar{position:absolute;z-index:99;top:70px;min-width:200px;left:0;display:none}
#labelbar span{position:relative;display:none;left:0;top:0;width:0;height:0;}
ul.sub2-item,ul.sub2-item li{padding:0;list-style:none;margin:0}
ul.sub2-item{min-width:200px;padding:8px;background-color:#fff;border:1px solid #e2e2e2;border-radius:3px;height:auto;max-height:450px;overflow:auto;position:relative;top:0;left:0;-moz-box-shadow:0 0 10px #cfcece;-webkit-box-shadow:0 0 10px #cfcece;box-shadow:0 0 10px #cfcece}
ul.sub2-item li{margin:1px 0;white-space:nowrap}
ul.sub2-item a{line-height:25px;color:#333;display:block;padding:0 10px}
ul.sub2-item a:hover{background-color:#f5f5f5}

]]></b:skin>

</style>

<style>
.ujblock3_intro {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_erLpBi8iP_gqMN77XQxrNDdLQ_ziG8DaMC_BGTJUiAEjWQB_5Pe2E7zCcaXXjy2opuAG63kHye57OVd0yP_MaU4x0GDhZZOLyxwTBrELGH00-x9v4nunlLHg26FRDaJHOJ0QefLoA/s1600/parallax0.jpg);}
.ujblock4_intro{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIQGjnzXFoVh3Ry4JiL_-YdqGn6dSZCYAobLF7rf_SeKyugIQe3z2o1tdvlQhyphenhyphenpZIHckPuwh5e_-SXNdboaQ_hlchRZ0rAFk7Nh52v4lrveQz_ah3sm4gGV3lhXqrefh3quapfOWDPw5b/s1600/car427049.JPG);}
.ujblock5_intro{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BlbLUBIK7d2PPs82eHUZNcqvn9eVykc9GaxT20h40cLgwAT2lVJxs4KEc7EbUDMUcNogAu9uYjF0wnP2BefdGGXbU_LyBjdPqIW3HCKqPOP9stAm4nPXHrdjQGI5qHEgaIlWQ0n9lw/s1600/Summer-Beach-Tumblr-Photography.jpeg);}
.ujblock6_intro {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwegiTJVOdx4m9CceRiy6-bM-cV3Waje6qUO2-dRPpEmPECMBR8BOTuZ4l1wqheaMK7Lnh2UObrye6eCeTbtbLbTAZK2MdX3dHiDiihdbRUd8WanfFQnL6Q_aS130dErRJQoMvrVYMYOrf/s1600/2048.jpg);}
.ujblock7_intro{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0yYXssCdTVyNtB1ykixuiVI5bHilidaz74UHgGFpQsvnIcQo8tejnzuuRrYHaGGwvMTcHrCnGJ_NzaoGhsNbcWes5XaI_ID4_WPS9_KgdRGM-FI0727RnnPIJbxj082d8r65x5ZV3Uyhn/s1600/bike_lr46p3dCYg1qeivl9o1_1280.JPG);}
</style>

<script style='text/javascript'>
 //<![CDATA[
Menu1 = "Home";
Menu2 = "Services";
Menu3 = "Portfolio";
Menu4 = "Scroll";
Menu5 = "Team";
Menu6 = "Blog";
Menu7 = "Contact";
Menu8 = "Maps";
//]]>
</script>

</head>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
            </div>
<b:include name='description'/>
          </div>
<b:else/>
          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
            <b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
            </div>
<b:include name='description'/>
          </div>
</b:if>
    <b:else/>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
</b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
      </div>
<b:include name='description'/>
    </div>
</b:if>
</b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'>
<span><data:description/></span></p>
</div>
</b:includable>
    <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
  </b:widget>
</b:section>

<div id='frontpage'>
<div class='nav js'>
                            <nav>
                              <ul>
<li class='i_home'><a class='menu_1' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock3'><a class='menu_3' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblog'><a class='menu_6' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_7' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_8' href='/#map'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul>
</nav>
                        </div>
<div class='mob_nav js'>
<nav><span class='trigger'/>
<ul>
<li class='i_home'><a class='menu_1' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock3'><a class='menu_3' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblog'><a class='menu_6' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_7' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_8 external' href='/#map'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul>
</nav></div>
</div>

<div id='singlepage'>
                        <div class='nav js'>
                            <nav>
                              <ul>
<li class='i_home'><a class='menu_1 external' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2 external' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock3'><a class='menu_3 external' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4 external' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5 external' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblog'><a class='menu_6' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_7' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_8' href='/#map'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul>
</nav>
                        </div>
<div class='mob_nav js'>
<nav><span class='trigger'/>
<ul>
<li class='i_home'><a class='menu_1 external' href='/#home'><span class='menu_name'><script>document.write(Menu1);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock2'><a class='menu_2 external' href='/#ujblock2'><span class='menu_name'><script>document.write(Menu2);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock3'><a class='menu_3 external' href='/#ujblock3'><span class='menu_name'><script>document.write(Menu3);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock4'><a class='menu_4 external' href='/#ujblock4'><span class='menu_name'><script>document.write(Menu4);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock5'><a class='menu_5 external' href='/#ujblock5'><span class='menu_name'><script>document.write(Menu5);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblog'><a class='menu_6' href='/#blog'><span class='menu_name'><script>document.write(Menu6);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_ujblock7'><a class='menu_7' href='/#ujblock7'><span class='menu_name'><script>document.write(Menu7);</script></span><span class='hover'><span class='arr'/></span></a></li>
<li class='i_blog'><a class='menu_8' href='/#map'><span class='menu_name'><script>document.write(Menu8);</script></span><span class='hover'><span class='arr'/></span></a></li>
</ul>
</nav></div>
</div>

</div>
</header>

<b:section id='uj-slider' preferred='yes'>
  <b:widget id='HTML26' locked='false' mobile='yes' title='Top Slider' type='HTML'>
    <b:includable id='main'>
 
  <b:if cond='data:title != ""'>
   <h2 class='title'>
<span><data:title/></span></h2>
</b:if>
  <div class='widget-content'>
    <div class='uj_slider'/>
<script type='text/javascript'>
PostSlide({
idcontaint:".uj_slider",
MaxPost:4,
ImageSize: 1200,   
Summarylength: 150,     
RandompostActive: false,
tagName:"<data:content/>"
});
</script>
<div class='clear'/>
  </div>
<b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>

</div>
</div>
<div class='ujection2' id='ujblock2'>

<div class='block2_ujbox man_box'>
                    <div class='uj-block2_top top_box'/>
<div class='top_right'/>
                    <div class='uj-block2_mid'>
                        <div class='container'>
                                                            
         <div class='menu_item'>
<h2>
Services</h2>
</div>
<p class='drop-cap zoo-page-title'>
<data:blog.title/>  - <span>a real filterable portfolio that filters single item as well.<br/>
Display your portfolio in parallax or even add scroll animations using the animation generator<br/>
You can have unlimited portfolio items and unlimited categories.<br/>
</span></p>
<div class='uj-icon-wrap uj-icon-effect-8'>
<a href='#'><i class='uj-icon uj1 uj-icon-screen'/><br/>Desktop</a>
<a href='#'><i class='uj-icon uj2 uj-icon-chat'/><br/>Chat</a>
<a href='#'><i class='uj-icon uj3 uj-icon-bookmark'/><br/>Bookmarks</a>
<a href='#'><i class='uj-icon uj4 uj-icon-user'/><br/>User</a>
<a href='#'><i class='uj-icon uj5 uj-icon-mail'/><br/>Mail</a>
<a href='#'><i class='uj-icon uj6 uj-icon-videos'/><br/>Videos</a>
<a href='#'><i class='uj-icon uj7 uj-icon-contact'/><br/>Contact</a>
<a href='#'><i class='uj-icon uj9 uj-icon-archive'/><br/>Archive</a>
<div class='clear'/>
    </div>
</div>
</div>
</div>
</div>
<div class='ujection3' id='ujblock3'>
<div class='ujblock3_intro intro'>
<div class='black_over'>
                            <div class='container text_center'>
                                <div class='intro_pad'>
                                                                            <h1>
portfolio</h1>
<h2>
Preview of work</h2>
</div>
</div>
</div>
</div>
<div class='ujblock3_main  man_box'>
                    <div class='ujblock3_top top_box'/>
<div class='top_right'/>
                    <div class='ujblock3_mid'>
  <div class='container wide'>

<b:section class='inter' id='portflo' preferred='yes'>
   <b:widget id='Label27' locked='false' title='Portfolio' type='Label'>
     <b:includable id='main'>
  <b:if cond='data:title'>
    <h2>
<data:title/></h2>
</b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul id='portfolio-filter'>
      <b:loop values='data:labels' var='label'>
<li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:class='data:label.name' expr:data-filter='data:label.name' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
</b:loop>
      </ul>
<b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
<ul id='portfolio_iner'>
<script type='text/javascript'>
                  //<![CDATA[
                eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('D(b 6=f.o("w").B("a"),4=[],c=0;c<6.x;c++)4[c]=/[^/]*$/.A(6[c].e),f.C(\'<9 E="/j/k/l/-/\'+4[c]+\'?m=n&i=p-q-9&r=s&t-u=8">\\v/9>\');$("#5-2 7 a").y(z(){b a=$(3).1("g-2"),a=a.h(" ","-");$(3).1("g-2","."+a);a=$(3).1("d");a=a.h(" ","-");$(3).1("d","."+a);$("#5-2 7 a").1("e","#");$("#5-2 7 a:F").G("H")});',44,44,'|attr|filter|this|links|portfolio|as|li||script||var||class|href|document|data|replace|alt|feeds|posts|default|orderby|published|getElementById|json|in|callback|postfolio|max|results|x3c|Label27|length|each|function|exec|getElementsByTagName|write|for|src|first|addClass|current'.split('|'),0,{}))
                  //]]>
</script>
</ul>
</b:includable>
   </b:widget>
 </b:section>

</div>
</div>
</div>
</div>
<div class='ujection4' id='ujblock4'>
<div class='ujblock4_intro intro'>
                    <div class='black_over'>
                        <div class='container text_center'>
                            <div class='intro_pad'>
                                                                    <h1>
carousel</h1>
<h2>
beautiful original table</h2>
</div>
</div>
</div>
</div>
<div class='ujblock4_main man_box'>
            <div class='ujblock4_top top_box'/>
<div class='top_right'/>
<div class='ujblock4_mid'>
<div class='container'>
  
<div class='ujblock4 row-fluid'>
<div class='container'>
<b:section class='inter parallax-slider-blogs' id='slider-blogs' preferred='yes'>
  <b:widget id='HTML18' locked='false' mobile='yes' title='Carousel' type='HTML'>
    <b:includable id='main'>

  <b:if cond='data:title != ""'>
    <h2 class='title'>
<span><data:title/></span></h2>
</b:if>
<div class='grid'>
<script> document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results=9&start-index=1&orderby=published&alt=json-in-script&callback=postborder\"><\/script>");</script>
 </div>
<b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>  </div>
</div>
</div>
</div>
</div>
</div>
<div class='clear'/>

<div class='ujection5' id='ujblock5'>
            
                <div class='ujblock5_intro intro'>
                    <div class='black_over'>
                        <div class='container text_center'>
                            <div class='intro_pad'>
                                                                   
                   <h1>
<data:blog.title/> Team</h1>
<h2>
The professional blogger and popular</h2>
</div>
</div>
</div>
</div>
<div class='ujblock5_main man_box'>
            <div class='ujblock5_top top_box'/>
<div class='top_right'/>
            <div class='ujblock5_mid'>

<div class='menu_item'>
<h2>
authors</h2>
</div>
<div class='container'>

<div class='centered'>
<script type='text/javascript'>
//<![CDATA[
var maxUserNameLength=15;
var txtAuthorLine="[image] <h5>
 [user] </h5>
has written <b> [count] </b> [post]";
var sizeAvatar=150;
var cropAvatar=true;
var urlNoAvatar="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_IOzKzWjWOr0rdmEgS0_65Ae8AfuVgULgJvgnakHj4wcFJ1c0FB2XMDNXATYuAh_5dWuahDukUJxc2mfNcV5oPsSgHWM0FF8wOw9MQ5vBZEjz6dtjWsTaCUWh7C_GUiGqajhcQKspt_M/"+sizeAvatar+"/avatar_blue_m_96.png";
function replaceAuthorVars(l,k,p){if(!k||!k.author){return l
}var r=k.author;
var o="";if(r.uri&&r.uri.$t!=""){o=r.uri.$t
}var n=urlNoAvatar;
if(r.gd$image&&r.gd$image.src){n=r.gd$image.src
}if(n=="http://img2.blogblog.com/img/b16-rounded.gif"&&urlNoAvatar!=""){n=urlNoAvatar
}var t="s"+sizeAvatar;
n=n.replace(/\/s\d\d+-c\//,"/"+t+"-c/");
if(cropAvatar){t+="-c"
}n=n.replace(/\/s\d\d+(-c){0,1}\//,"/"+t+"/");
var m=r.name.$t;
var q='<img class="author-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+m+'" src="'+n+'" />';
if(o!=""){q=""+q+""
}if(maxUserNameLength>3&&m.length>maxUserNameLength){m=m.substr(0,maxUserNameLength-3)+"..."
}var s=m;if(o!=""){s=""+s+""
}l=l.replace("[user]",s);
l=l.replace("[image]",q);
l=l.replace("[#]",p);
l=l.replace("[count]",k.count);
if(k.count!=1){l=l.replace("[post]","posts")
}else{l=l.replace("[post]","post")
}return l}var blauthors={};
var blndxbase=1;
function showAuthors(i){for(var p=0;
p<i.feed.entry.length;
p++){var m=i.feed.entry[p];
var o="";if(m.author[0].uri&&m.author[0].uri.$t!=""){o=m.author[0].uri.$t
}var n=m.author[0].name.$t;
if(blauthors[n]){blauthors[n].count++
}else{var q=new Object();
q.author=m.author[0];
q.count=1;blauthors[n]=q
}}if(i.feed.entry.length==500){blndxbase+=500;
document.write('<script type="text/javascript" src="http://'+window.location.hostname+"/feeds/posts/default?redirect=false&max-results=500&start-index="+blndxbase+'&alt=json-in-script&callback=showAuthors"><\/script>');
return}var r=[];
for(var l in blauthors){r.push([l,blauthors[l]])
}r.sort(function(a,b){if(b[1].count-a[1].count){return b[1].count-a[1].count
}return(a[1].author.name.$t.toLowerCase()<b[1].author.name.$t.toLowerCase())?-1:1
});document.write('<div class="blog-author">
');
for(var p=0;
p<r.length;
p++){var k=r[p][1];
document.write('<div class="author-line">
');
document.write(replaceAuthorVars(txtAuthorLine,k,p+1));
document.write("</div>
")
}document.write("</div>
")
}document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/default?redirect=false&max-results=500&alt=json-in-script&callback=showAuthors"><\/script>');
  //]]>
</script>
</div>
</div>
</div>
</div>
</div>
</div>

<h1>
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
Blog
<b:else/>
<b:if cond='data:blog.pageType == "archive"'> 
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<data:blog.searchQuery/> 
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.searchLabel/>
</b:if>
</b:if>
</b:if>
      </b:if>
 </h1>
<h2>
Recent Post and Category</h2>
<div class='item-1'>
<a class='linez' href='#'/> 
 <div class='hidden' id='labelbar'/>
</div>
</div>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
    labelinc();
  </script>
</b:if>
</b:if></b:if>

<b:section class='span9' id='mainpage' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
    <b:includable id='main' var='top'>
  <b:if cond='data:mobile == "false"'>

<div class='blog-posts'>
  
      
  <b:if cond='data:blog.pageType == "item"'>    
<b:include name='breadcrumb'/>

</b:if>
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == "false"'>
            </div>
</div>
</b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>        
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        
<b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        
        </div>
</b:loop>
      <b:if cond='data:numPosts != 0'>
        </div>
</div>
</b:if>
      <data:adEnd/>
      <b:if cond='data:blog.pageType == "error_page"'>
<b:include name='error_page_custom'/>
</b:if>

</div>
<div class='clear'/>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

<b:else/>
    <b:include name='mobile-main'/>
  </b:if>

<b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='authorblog'>
  <style>
.auvtar {
  float: left;margin-right:20px;margin-bottom:5px;
  width: 60px;background:#fff;
  height: 60px;border-radius:50%;
  overflow: hidden;
}
 
</style>

<h3>
Leave a Reply</h3>
<p>
<data:blogCommentMessage/></p>
<p>
<data:blogTeamBlogMessage/></p>
<p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
       </p>
</div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
          <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
              <img src='http://www.blogger.com/img/icon_delete13.gif'/>
       </a>
      </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
 <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
 <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h2>
<span><data:post.commentLabelFull/>:</span></h2>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
               
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               
          </b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

</p>
<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
</div>
</b:if>
  </div>
</b:includable>
    <b:includable id='error_page_custom'>
  <div class='error-custom'>
    <div style='padding:15px;'>
<h2>
Sorry..!</h2>
<p class='error-body'>
We're sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn't exist anymore.</p>
<p>
You can try searching page again or go back to home</p>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = "";}' type='text' value='Search...'/>
<input id='searchsubmit' type='submit' value='Go'/>
</form>
</div>
</div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
</b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div id='googlePlusComment'>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
    </div>
<script type='text/javascript'>
//<![CDATA[
(function($){
function scrwid() {
var wid = $('#googlePlusComment').width();
$('.cmt_iframe_holder').css('width',wid);
}
$(window).resize(scrwid);
})(jQuery);
//]]>
</script>
</b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</b:if>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
<b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
</b:if>

</div>
</b:includable>
    <b:includable id='nextprev-item'>
 
<div class='post-navigation'>
  <div class='post-next'>
<div class='nxt'>
 « </div>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link1' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><h6>
Next</h6>
<h5>
<data:newerPageTitle/></h5>
</a>
<b:else/>
<span class='linkin left'><h6>
Next</h6>
<h5>
This is the most recent post.</h5>
</span>
</b:if></div>
<div class='post-previous'>
<div class='prv'>
 » </div>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link1' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><h6>
Previous</h6>
<h5>
<data:olderPageTitle/></h5>
</a>
<b:else/>
<span class='linkin right'><h6>
Previous</h6>
<h5>
This is the last post.</h5>
</span>
</b:if> </div>
</div>
<style>

.post-navigation{clear:both;margin:30px 0;overflow:hidden}
.post-navigation div{display:block;width:40%;position:relative;font-size:14px;color:#999}
.post-previous{float:right;text-align:right;padding-right:40px}
.post-next{float:left;padding-left:40px}
.post-navigation div span{display:block;font-size:80%;color:#999}
.post-navigation .prv,.post-navigation .nxt{position:absolute;color:#ccc;font-size:56px;margin-top:-11px;height:22px;line-height:22px;top:34%;width:40px}
.post-previous .prv{right:0}
.post-next .nxt{left:0}
  .post-navigation a h5{color:#444}
  .post-navigation a h6{background: #f54f36;text-align:center;}

</style>
<script type='text/javascript'>
//<![CDATA[
(function($){ 
 var newerLink = $('a.blog-pager-newer-link1');
 var olderLink = $('a.blog-pager-older-link1');
 $.get(newerLink.attr('href'), function (data) {
  newerLink.html('<h6>
Next</h6>
<h5>
'+$(data).find('.post-blog h3').text()+'</h5>
'); 
 },"html");
 $.get(olderLink.attr('href'), function (data2) {
  olderLink.html('<h6>
Previous</h6>
<h5>
'+$(data2).find('.post-blog h3').text()+'</h5>
'); 
 },"html");
})(jQuery);
//]]>
</script>
<div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
                     <b:if cond='data:blog.pageType == "item"'>       
<div class='post-blog'>

<span class='post-date'>
  By: <data:post.author/> <br/>Posted date:  <b><data:post.timestamp/></b> comment : <data:post.numComments/>

</span>

<p class='post-tag'>
Tagged with: 
<b:loop values='data:post.labels' var='label'>
             <a expr:href='data:label.url + "?&max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> </b:if>
         </b:loop>
                       </p>
</div>
<b:include name='nextprev-item'/>

<p class='post-meta'>
<span><data:post.timestamp/></span> 
   <span class='meta_comments'>comment : <data:post.numComments/></span>

</p>

</div>
</div>
</b:if>
                     </b:if>

</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>

<div class='btn-plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone count='true' expr:href='data:post.url' size='medium'/>
</div>

</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.comments .comments-content {
  font-size: 12px;line-height: 1.5em;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
display: inline-block;outline: none;float:left;color:#333;background:#eee;text-align: center;font-size:12px;line-height:12px;padding: 4px 10px;margin-top:-3px;
}
.comments .comment .comment-actions a:hover {
  text-decoration:none; background:#ddd;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 7px 0 30px;
  text-align: left;line-height: 1.7em;
}

.comments .comments-content .comment-thread ol li.comment{ list-style-type: none;margin-bottom:20px;padding:15px 5px 10px;;border-bottom:1px dashed #ddd;background: #fff;}

.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;font-size:11px;
  font-weight:bold;margin-left:0px;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-right:6px;color:#999; font-style:italic; font-size:11px;float:right;
}

.comments .comments-content .comment-header{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWLVP1p7uOzHQMWb94OdBjmcUrMJFl3yzBk70P9NRjFZd49ApaNAVmqIGTpYMVh1HiERePwg8uwAyzDYhIjVDhOuIchf-zjsfkpVwKxlNDWsGXLc2Uvpv22FTKrxexaO8uj2v-DakR7JP3/s1600/divider.png) repeat-x bottom;display:block;padding:0 0 7px;margin:0 0 7px;height:18px;}

.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;line-height: 1.7em;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;background:#f0f0f0;
  margin-left: 58px;padding-left:10px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 50px;border:1px solid #ddd; padding:3px;background:#fff;
  max-height: 50px;
  overflow: hidden;margin:0;
}
.comments .avatar-image-container img {
  max-width: 50px; height: 50px;margin:0;
}
.comments .comment-block {
  margin-left: 58px;
  position: relative;padding:10px;
}

/* Responsive styles. */
@media screen and (max-device-width: 470px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
 <b:include name='threaded_comment_css'/>

<b:section class='span3' id='sidebar' showaddelement='yes'>
  <b:widget id='Label2' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2>
<data:title/></h2>
</b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
<li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?&max-results=7"'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
</b:loop>
      </ul>
<b:else/>
<div class='tagcloud'>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?&max-results=7"'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
  </b:loop></div>
</b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
<li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</div>
<div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
</b:loop>
    </ul>
<b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>

</div>

<div class='ujection7' id='ujblock7'>
                
                    <div class='ujblock7_intro intro'>
                        <div class='black_over'>
                            <div class='container text_center'>
                                <div class='intro_pad'>
<div class='menu_item'>
<h2>
What people say</h2>
</div>
<div class='comousel'>
            
<script src='/feeds/comments/default?alt=json-in-script&callback=recentComments'/>
  </div>
</div>
</div>
</div>
</div>
<div class='ujblock7_main man_box'>
                    <div class='ujblock7_top top_box'/>
<div class='top_right'/>
                    <div class='ujblock7_mid'>
                        <div class='container'>

<b:section class='inter' id='widget-contact' showaddelement='no'>
    <b:widget id='ContactForm1' locked='false' title='Contact' type='ContactForm'>
      <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<span><data:title/></span></h2>
</b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
</div>
</div>
</div>
</div>
<div class='ujection8' id='map'>

</div>
</div>
<div class='clear'/>

</div>
<div class='clear'/>

<div class='container'>
<div class='footer_intro'>
    
           
                <h2>
our social networks</h2>
<ul class='social-networks'>
<li><a href='http://www.twitter.com/' target='_blank'><i class='uj fa-twitter'/></a></li>
<li><a href='http://www.facebook.com/' target='_blank'><i class='uj fa-facebook'/></a></li>
<li><a href='http://www.youtube.com/' target='_blank'><i class='uj fa-youtube'/></a></li>
<li><a href='http://www.rss.com/' target='_blank'><i class='uj fa-rss'/></a></li>
<li><a href='http://www.google.com/' target='_blank'><i class='uj fa-google-plus'/></a></li>
<li><a href='http://www.flickr.com/' target='_blank'><i class='uj fa-flickr'/></a></li>
</ul>
</div>
<div class='footer_bottom'>
    <div class='row-fluid'>
        <div class='span4 flogo'>
           <p class='back-top'>
<a href='#home'>Back to top</a></p>
</div>
<div class='footer-text'>
          (c) 2014 <a href='/'><data:blog.title/></a> | Distributed By <a href='http://www.mybloggerthemes.com'>Blogger Template</a>
<script>
 var _0xf70c=["\x3C\x64\x69\x76\x20\x69\x64\x3D\x27\x75\x6F\x6E\x67\x4A\x39\x39\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x66\x6C\x6F\x61\x74\x3A\x6E\x6F\x6E\x65\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x63\x65\x6E\x74\x65\x72\x3B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x31\x34\x70\x78\x3B\x27\x3E\x44\x65\x73\x69\x67\x6E\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x75\x6F\x6E\x67\x6A\x6F\x77\x6F\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x27\x3E\x55\x6F\x6E\x67\x20\x4A\x6F\x77\x6F\x20\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x20","\x77\x72\x69\x74\x65"];document[_0xf70c[1]](_0xf70c[0]);
</script>

</div>
</div>
</div>
</div>
<div class='clear'/>
</footer>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script src='https://googledrive.com/host/0BzpraT9RG6ticHBtWEhEdG1iY0U' type='text/javascript'/>

</b:if>
</b:if>

</body>

</html>

DEMO

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.

2 comments:

Unknown15 August 2018 at 23:23
thank you for your sharing great information. its really good post for us. I like the post.
this article very helpful for us. it's a good blog site. good job.
http://gaanbuzz.com/
Unknown16 August 2018 at 00:04
it's a really good article very helpful for us. I like the post. thanks for sharing good information.
this is the best blog site for us.
good job.
http://www.projanmoit.com/

Template Blogger Selected

Slider

Ads

Boardmag Template

Author

2 comments:

Video Of Day