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;text-transform:none;text-decoration:none;max-width:100%}
ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{background-color:#000;background-position:0 0;background-repeat:repeat;line-height:normal;margin:0;text-align:center;color:#333;letter-spacing:0}body,input,select,textarea,p,a,span,label{font-family:'Ubuntu',sans-serif;overflow:hidden}
#loading_page{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;margin:-30px 0 0 -30px;padding:6px}.bg01{background-color:#000;background-image:url('../img/bg/pattern-01.png')}.bg02{background-color:#000;background-image:url('../img/bg/pattern-02.png')}
.bg03{background-color:#000;background-image:url('../img/bg/pattern-03.png')}.bg04{background-color:#000;background-image:url('../img/bg/pattern-04.png')}.bg05{background-color:#000;background-image:url('../img/bg/pattern-05.png')}
.bg06{background-color:#000;background-image:url('../img/bg/pattern-06.png')}.bg07{background-color:#000;background-image:url('../img/bg/pattern-07.png')}.bg08{background-color:#000;background-image:url('../img/bg/pattern-08.png')}
.bg09{background-color:#000;background-image:url('../img/bg/pattern-09.png')}.bg10{background-color:#000;background-image:url('../img/bg/pattern-10.png')}.bg11{background-color:#000;background-image:url('../img/bg/pattern-11.png')}
.bg12{background-color:#000;background-image:url('../img/bg/pattern-12.png')}.bg13{background-color:#000;background-image:url('../img/bg/pattern-13.png')}.bg14{background-color:#000;background-image:url('../img/bg/pattern-14.png')}
.bg15{background-color:#000;background-image:url('../img/bg/pattern-15.png')}.bg16{background-color:#000;background-image:url('../img/bg/pattern-16.png')}.bg17{background-color:#000;background-image:url('../img/bg/pattern-17.png')}
.bg18{background-color:#000;background-image:url('../img/bg/pattern-18.png')}.bg19{background-color:#000;background-image:url('../img/bg/pattern-19.png')}.bg20{background-color:#000;background-image:url('../img/bg/pattern-20.png')}
h1{font-size:1.6em;line-height:1em;margin-bottom:5px;font-weight:400}h2{font-size:1.5em;line-height:1em;margin-bottom:5px}h3{font-size:1.4em;line-height:1em;margin-bottom:5px}h4{font-size:1.3em;line-height:1em;margin-bottom:5px}h5{font-size:1.2em;line-height:1em;margin-bottom:5px}
h6{font-size:1.1em;line-height:1em;margin-bottom:10px}.subtitle{font-size:1.1em;margin-top:20px;margin-bottom:0}code{background:#edc;width:100%;height:auto;margin:5px 0 15px 0;padding:10px;border:1px solid #dcb;font-size:.8em;float:left;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#page h4{padding-bottom:6px;margin-bottom:15px;border-bottom:1px solid #ddd}#page h4:after{content:" ";background:#999;position:relative;width:30px;height:1px;display:block;top:7px;left:0}#page h5{color:#000}#page span.period{float:right;color:#999}
p{font-size:.9em;line-height:1.3em;margin:10px 0 0 0}p i.icon-quote-left{margin-right:5px}p i.icon-quote-right{margin-left:5px}a{-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;text-decoration:none}.btn{margin:0 5px 0 0;padding:10px 12px;font-size:.9em;font-weight:300;text-align:center;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn i{margin-right:5px}.groups{padding:7px 10px}.categories li{margin:0 5px 8px 0;float:left}#social a,.btn,.readmore{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}img{cursor:pointer}.content{display:none}
.inner{margin:0 30px 30px 30px}.line{margin-top:0;margin-bottom:15px;padding-bottom:5px;font-size:1em;border-bottom-width:1px;border-bottom-style:solid}.circle{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%}
.radius_sm{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.radius_md{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.radius_lg{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}
.box-sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.box-shadow,.inner-shadow{-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.box-shadow{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);-ms-box-shadow:0 0 6px rgba(0,0,0,0.5);-o-box-shadow:0 0 6px rgba(0,0,0,0.5);box-shadow:0 0 6px rgba(0,0,0,0.5)}
.box-shadow:hover{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);-moz-box-shadow:0 0 15px rgba(0,0,0,0.3);-ms-box-shadow:0 0 15px rgba(0,0,0,0.3);-o-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3)}.inner-shadow{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);-ms-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);-o-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);box-shadow:inset 0 0 6px rgba(0,0,0,0.2)}
.nomargintop{margin-top:0!important}.nomarginright{margin-right:0!important}.nomarginbottom{margin-bottom:0!important}.nomarginleft{margin-left:0!important}.nopaddingtop{padding-top:0!important}.nopaddingright{padding-right:0!important}.nopaddingbottom{padding-bottom:0!important}
.nopaddingleft{padding-left:0!important}.transition-01{-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;transition:.1s}.transition-02{-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.transition-03{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.transition-04{-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.clear{clear:both;height:0}.clearfix:after{content:"";clear:both;width:0;height:0}
.visible{opacity:100;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}.hidden{opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"}#all{width:1200px;margin:0 auto}#leftSection{width:312px;min-height:1px;text-align:left;float:left;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
#leftSection #columnLeft{margin-left:6px;border-right:1px solid;width:auto;height:100%;float:right}#leftSection #columnLeft .inner{text-align:left}#leftSection #name{text-align:left;margin:0;padding:0}#leftSection #box-photo{max-width:245px;margin:0 auto 10px auto;padding:30px;border-width:1px;border-style:solid;text-align:center}
#leftSection img#photo{background:#fff!important;width:180px;max-width:100%;height:auto;max-height:180px;margin:0 auto;padding:0;clear:both;cursor:pointer;display:block}#leftSection img#photo:hover{-webkit-filter:grayscale(0.5);-moz-filter:grayscale(0.5);-ms-filter:grayscale(0.5);-o-filter:grayscale(0.5);filter:grayscale(0.5)}
#leftSection p{line-height:1.2em}#leftSection #social{position:absolute;width:245px;bottom:0;margin:0;padding:0;border:0;opacity:0;text-shadow:0 2px 0 rgba(0,0,0,0.2);filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#social.bottom{bottom:30px!important}#leftSection #social a{background-repeat:no-repeat;width:45px;height:45px;line-height:45px;margin:0 0 0 5px;padding:0;border-width:1px;border-style:solid;text-align:center;font-size:24px;float:left;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#leftSection #social a.first,#leftSection #social a:first-child{margin-left:0}#leftSection #social a:hover{text-shadow:none;-webkit-box-shadow:0 0 10px rgba(255,255,255,0.2);-moz-box-shadow:0 0 10px rgba(255,255,255,0.2);box-shadow:0 0 10px rgba(255,255,255,0.2)}
#leftSection #social a.last{margin-right:0}#leftSection #social a i{margin:0 auto;text-align:center}#leftSection ul{margin:10px 0 0 0}#leftSection ul li a i{width:20px;float:left}#leftSection ul li{color:#fff;margin:1px 0 0 0;padding:0;float:none;font-size:.8em;display:block}
#leftSection a{margin:0}#leftSection a.menu{text-decoration:none;border-bottom:1px dotted}#leftSection a:hover{color:#fff}#rightSection{width:880px;float:left;overflow:visible!important}#rightSection #top{width:100%;height:auto;min-height:130px;margin:0;float:left}
#rightSection #top nav#nav{width:auto;min-height:1px;margin:0;padding:0;text-align:left;text-decoration:none}#rightSection #top nav#nav ul{list-style:none;text-decoration:none}#rightSection #top nav#nav ul li{text-decoration:none;width:auto;margin:0;padding:0;text-align:center}
#rightSection #top nav#nav ul li a{width:100px;height:100px;margin:0 0 0 30px;padding:0;outline:0;text-align:center;text-decoration:none;font-size:.8em;display:block;float:left;text-shadow:0 1px 1px rgba(255,255,255,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#rightSection #top nav#nav ul li a.active{text-shadow:0 2px 0 rgba(0,0,0,0.3)}#responsiveMenu{display:none;width:97%;margin:10px 0 10px 10px}#rightSection #top nav#nav ul li.menu{position:relative;float:right}#rightSection #top nav#nav ul li.menu a{margin-left:0!important}
#rightSection #top nav#nav ul li.menu ul.other-menu{position:absolute;max-width:300px;width:180px;right:0;top:100%;z-index:5;border-left:1px solid #ccc;display:none}#rightSection #top nav#nav ul li.menu ul.other-menu,#rightSection #top nav#nav ul li.menu ul.other-menu li ul{border-top:2px solid #bbb}
#rightSection #top nav#nav ul li.menu ul.other-menu li{position:relative;width:100%;margin:0!important;list-style:none;padding:0;border-bottom:1px solid #ccc!important;float:none}#rightSection #top nav#nav ul li.menu ul.other-menu li a{background:#fff;width:100%;margin:0!important;padding:10px 10px;line-height:20px;height:auto;min-height:20px;text-align:left;float:none}
#rightSection #top nav#nav ul li.menu ul.other-menu li ul.sub-menu a{padding-bottom:11px}#rightSection #top nav#nav ul li.menu ul.other-menu>.menu-item-has-children>a:before{content:"\f104";font-family:FontAwesome;margin-right:10px}
#rightSection #top nav#nav ul li.menu ul.other-menu li a:hover,#rightSection #top nav#nav ul li.menu ul.other-menu li a:focus{background:#e3e3e3;color:#555}#rightSection #top nav#nav ul li.menu ul.other-menu li a:hover+ul,#rightSection #top nav#nav ul li.menu ul.other-menu li a:focus+ul{display:block}
#rightSection #top nav#nav ul li.menu ul.other-menu li:hover a+ul,#rightSection #top nav#nav ul li.menu ul.other-menu li:focus a+ul{display:block}#rightSection #top nav#nav ul li.menu ul.other-menu li ul{position:absolute;display:none;width:180px;top:-2px;right:180px;border-left:1px solid #ccc;border-right:1px solid #ccc}
#rightSection #top nav#nav ul li.menu ul.other-menu li ul li a{background:#fff}#rightSection #top nav#nav ul li.menu ul.other-menu li ul li a:hover,#rightSection #top nav#nav ul li.menu ul.other-menu li ul li a:focus{background:#e3e3e3}#rightSection #top nav#nav ul li.menu ul li a i{font-size:14px;width:14px;height:16px;margin:3px 3px 0 0;padding:0;float:left}
#rightSection #top nav#nav ul li.menu:hover>ul>li:hover>a{background:#e3e3e3}#rightSection #top nav#nav ul li:hover ul.other-menu{display:block}.marginTop{margin-top:30px!important}.marginBottom{margin-bottom:30px!important}#rightSection #top nav#nav ul li a:hover,#rightSection #top nav#nav ul li a:focus{outline:0;list-style:none;text-decoration:none;border:0!important}
#rightSection #top nav#nav ul li a i{margin:25px auto 5px auto;font-size:36px;display:block}#rightSection #top nav#nav ul li a.active,#rightSection #top nav#nav ul li a.active:hover,#rightSection #top nav#nav ul li a.active:focus{-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);-ms-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);-o-box-shadow:inset 0 1px 6px rgba(0,0,0,0.3);box-shadow:inset 0 1px 6px rgba(0,0,0,0.3)}
.toRightMenu{margin-right:0!important}.paddingRightMenu{padding-right:20px!important}#rightSection #columnRight{width:100%;float:left}#rightSection #page{width:850px;max-width:100%;margin:0 0 0 30px;text-align:left;float:left;overflow:auto;outline:0;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#rightSection #page:hover,#rightSection #page:focus{outline:0;border:0}#copyright{height:30px;line-height:30px;margin:0 0 0 30px;padding:0;border:0;vertical-align:middle;text-align:right;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"}
#copyright p{font-size:.7em;height:30px;line-height:30px;vertical-align:middle;margin-top:0!important;margin-bottom:0!important}a.to-top{height:30px;line-height:30px;vertical-align:middle;float:right;margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid;cursor:pointer}
a:focus,a:active{text-decoration:none}hr{background:transparent;width:100%;height:0;margin:0 0 20px 0;padding:15px 0 0 0;border:0;border-bottom-width:1px;border-bottom-style:dashed;clear:both}ul.about{background:0;margin:15px 0 0 0;padding:0 0 1px 0}
ul.about li{margin:0;padding:5px 10px;border-left-width:1px;border-left-style:solid;display:block;font-size:.8em}ul.about li h6{font-size:1em}ul.about li h6 i{margin-right:4px}ul.about li span.value{width:240px;text-align:left;float:right}ul.about li label:before{width:100px;height:1px;content:"";position:relative;display:block;float:none;clear:both}
ul.attributes{background:0;margin:15px 0 30px 0;padding:0 0 1px 0}ul.attributes.last{margin:15px 0 0 0}ul.attributes li{margin:10px 0 0 0;padding:8px 10px;border-left-width:1px;border-left-style:solid;border-bottom:3px solid #e9e9e9;font-size:.8em}ul.attributes li.first,ul.attributes li:first-child{margin-top:0}
ul.attributes li h6{font-size:1em}ul.attributes li h6 i{margin-right:4px}ul.attributes li span.value{width:240px;text-align:left;float:right}.skill{width:150px;float:left}.progress{width:180px;max-width:100%;height:16px;line-height:16px;vertical-align:middle;margin:0;padding:0;border:0;display:inline-table;float:right;overflow:hidden}
.progress span{width:0;height:16px;line-height:100%;vertical-align:top;margin:0;padding:0;font-size:.7em;display:inline-block;float:left;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.progress span.paddingProgress{padding:0}
span.percent{width:25px;margin:0 0 0 6px;font-size:1em;float:right}.da-thumbs{list-style:none;width:auto;height:auto;position:relative;margin:0 auto;padding:0}.da-thumbs li{background:#fff;position:relative;margin:0;padding:0;border:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.da-thumbs li a,.da-thumbs li a img{width:100%;height:auto;display:block;position:relative}.da-thumbs li a{overflow:hidden}.da-thumbs li a div{position:absolute;background:#333;background:rgba(0,0,0,0.7);width:100%;height:100%}.da-thumbs li a div span{display:block;padding:10px 0;margin:0 10px 10px 10px;text-transform:uppercase;text-align:center;font-weight:normal;color:rgba(255,255,255,0.9);text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.5)}
span.author{font-size:.9em;margin:10px 0 0 0;display:block}#portfolio-page .da-thumbs li{width:25%;max-width:220px;border:1px solid #fff}#portfolio-page .da-thumbs li a span.spanbtn{position:absolute;bottom:20px;left:50%;width:21px;height:21px;font-size:14px;text-align:center;margin:0;padding:10px;border:0;border-radius:0;float:left;transition:.2s;cursor:pointer}
#portfolio-page .da-thumbs li a span.external{margin-right:-50px}#portfolio-page .da-thumbs li a span.openimag{margin-left:-50px}#blog-page .da-thumbs li{width:100%;max-width:245px}#blog-page .da-thumbs li span{position:absolute;top:50%;left:50%;margin:-25px 0 0 -20px;padding:0;color:#fff;text-align:center;box-shadow:none;border:0}
#blog-page .da-thumbs li span i{position:relative;width:30px;height:30px;font-size:30px;margin:0 auto 0 auto;padding:10px;text-align:center;display:inline-block;border:1px solid #fff}.infoPost{width:auto;height:auto;margin-bottom:0;float:left;text-align:right;display:inline}
.infoPost p{margin:0;font-size:.75em}.introTextPost{width:auto;height:auto;margin-bottom:15px;float:none}.introTextPost p{margin:15px 0 0 0;font-size:.9em;line-height:1.4em}a.readmore{margin:0 0 0 5px;padding:7px 10px 8px 10px;font-size:.9em;font-weight:300;float:right}
a.readmore:hover,a.readmore:focus,a.readmore:active{text-decoration:none}a.readmore.disabled{cursor:default}a.box-img-post{width:100%;max-width:245px;margin:0 0 10px 0;padding:0;overflow:hidden;display:block}a.box-img-post img{margin:0;padding:0 0 0 5px}
.postPage{text-align:justify;float:none}.postPage p{margin-bottom:0}.postPage p.caps{margin-top:30px}.postPage p.caps:first-letter {font-family:Arial,Helvetica,sans-serif;font-size:4em;font-weight:bold;margin:0;padding:0 3px 0 0;color:#ccc}.postPage .info p{margin-top:0}
.postPage .postImg{float:left;margin-top:0;margin-right:30px;margin-bottom:15px;margin-left:0;cursor:default}.tag{background:#ddd;color:#000;margin:10px 0 10px 0;padding:3px 6px;display:inline-block}.postPage .readmore.nomargintop{margin-bottom:5px}.Flexible-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.Flexible-container iframe,.Flexible-container object,.Flexible-container embed{position:absolute;top:0;left:0;width:100%!important;height:100%!important;margin:0 auto}input[type="text"],input[type="password"],.input,select,textarea{max-width:100%;min-height:20px;line-height:auto;margin:0;padding:8px 5px;float:left;border-width:1px;border-style:solid;font-size:.8em;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
input[type="text"].first,input[type="password"].first,.input.first,input:first-child{margin-left:0}input[type="text"]:focus,input[type="password"]:focus,.input:focus,select:focus,textarea:focus{outline:0}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type="button"],input[type="submit"],input[type="reset"]{padding:8px 0;font-size:.9em;font-weight:300;text-align:center;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#field-name{margin:0 0 8px 0;width:30%}#field-email{margin:0 0 8px 2%;width:68%}#field-subject{margin:0 0 8px 0;width:100%}#field-message{margin:0 0 8px 0;width:100%;min-height:80px;max-height:80px}#field-clear{margin:0;width:30%}#field-send{margin:0 0 0 2%;width:68%}
#errordiv label.error{background:#fdd url('../img/error.png') center right no-repeat;width:100%;margin:0 0 5px 0;padding:6px;border:1px solid #ecc;font-size:.8em;color:#b66!important;cursor:pointer;display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}
:hover,:active,:focus{-webkit-outline-style:none!important;-moz-outline-style:none!important;outline-style:none!important;outline:none!important}.col{background:0;margin:30px 0 0 0;padding:0;border:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.col.c1{width:100%;margin-left:0}.col.c2-1{width:48.00%;margin-left:4%}.col.c3-1{width:30.66%;margin-left:4%}.col.c3-2{width:65.32%;margin-left:4%}.col.first{margin-left:0;display:block;clear:both}.col .col{margin-top:0}#grid-system .col{background:#eee;margin-top:5px;padding:5px 0;border:1px solid #ccc}
#grid-system .col p{margin:0 10px}@media only screen and (min-width:1200px){#all{width:1200px}#leftSection{width:312px}#leftSection #social{width:245px}#leftSection #social a{width:45px;height:45px;line-height:45px;font-size:24px}#rightSection{width:880px}
#rightSection #page{width:850px!important}ul.about li span.value{width:205px}.progress{width:140px;float:right;display:inline-block;margin:0}#resume-page .btn{padding:10px 15px;margin-right:0}.postPage .postImg{max-width:50%}}@media only screen and (max-width:1199px){#all{width:960px}
#leftSection{width:250px}#leftSection #columnLeft{width:100%}#leftSection #social{width:190px}#leftSection #social a{width:34px;height:34px;line-height:34px;font-size:20px}#rightSection{width:710px}#rightSection #top{min-height:118px}#rightSection #top nav#nav ul li a{width:88px;height:88px}
#rightSection #top nav#nav ul li a i{font-size:30px;margin:20px auto 5px auto}#rightSection #page{width:680px!important}ul.about li span.value{width:205px}.progress{width:140px;float:right;display:inline-block;margin:0}#resume-page .btn{padding:10px 15px;margin-right:0}
.postPage .postImg{max-width:50%}}@media only screen and (max-width:959px){#all{width:800px}#leftSection{width:220px}#leftSection #columnLeft{width:100%;margin-left:0}#leftSection #box-photo{padding:20px}#leftSection #social{width:180px}#leftSection #social a{width:32px;height:32px;line-height:32px;font-size:18px}
#rightSection{width:580px}#rightSection #page{width:560px!important;margin:0 0 0 20px}#rightSection #top{min-height:96px}#rightSection #top nav#nav ul li a{font-size:.75em;width:76px;height:76px;margin:0 0 0 20px}#rightSection #top nav#nav ul li a i{margin:16px auto 3px auto}
.marginTop{margin-top:20px!important}.marginBottom{margin-bottom:20px!important}#social.bottom{bottom:20px!important}#copyright,#copyright p,a.to-top{height:20px;line-height:20px}.inner{margin:0 20px 20px 20px}ul.attributes li,ul.about li{padding-right:0}
ul.about li span.value{width:100%}.progress{width:110px;float:right;display:inline-block;margin:0}#resume-page .btn{padding:10px 15px;margin-right:0}#portfolio-page .da-thumbs li{width:33.33%}.postPage .postImg{max-width:50%;margin-right:20px;margin-bottom:10px}
.col{margin:20px 0 0 0}.col.c1{width:100%;margin-left:0}.col.first{margin-left:0;display:block;clear:both}#grid-system .col{background:#eee;margin-top:5px;padding:10px 0;border:1px solid #ccc}#grid-system .col p{margin:0 10px}}@media only screen and (max-width:799px){#all{width:768px}
#leftSection{width:220px}#leftSection #columnLeft{width:100%;margin-left:0}#leftSection #box-photo{padding:20px}#leftSection #social{width:180px}#leftSection #social a{width:32px;height:32px;line-height:32px;font-size:18px}#rightSection{width:548px}#rightSection #page{width:528px!important;margin:0 0 0 20px}
#rightSection #top{min-height:91px}#rightSection #top nav#nav ul li a{width:71px;height:71px}#rightSection #top nav#nav ul li a span{display:none}.marginTop{margin-top:20px!important}.marginBottom{margin-bottom:20px!important}#social.bottom{bottom:20px!important}
#rightSection #top nav#nav ul li a i{margin:18px auto 5px auto;font-size:32px}#copyright,#copyright p,a.to-top{height:20px;line-height:20px}.inner{margin:0 20px 20px 20px}ul.attributes li,ul.about li{padding-right:0}ul.about li span.value{width:175px}
ul.about li span.value{width:100%}.progress{width:300px;float:right;display:inline-block;margin:0}span.percent{width:30px}#resume-page .btn{padding:10px 15px;margin-right:0}#portfolio-page .da-thumbs li{width:50%}.postPage .postImg{max-width:100%;margin-right:0;margin-bottom:30px}
.col{margin:20px 0 0 0}.col.c1,.col.c2-1,.col.c3-1,.col.c3-2{width:100%;margin-left:0}.col.c3-1{width:30.66%;margin-left:4%}.col.c3-2{width:65.32%;margin-left:4%}.col.first{margin-left:0;display:block;clear:both}#grid-system .col{background:#eee;margin-top:5px;padding:10px 0;border:1px solid #ccc}
#grid-system .col p{margin:0 10px}}@media only screen and (max-width:767px){body{font-size:120%;overflow:auto}#all{width:100%}#leftSection{width:100%;float:none;height:auto!important}#leftSection #columnLeft{width:100%;margin-left:0;border:0}#leftSection .inner{margin:0 20px 0 20px}
#leftSection #box-photo{padding:20px;max-width:220px}#leftSection #name{margin-top:0}#leftSection #mainInfo{float:none}#leftSection #bio{float:none;margin-bottom:20px}#leftSection #social{width:100%;float:right;position:relative;display:none}#leftSection #social a{width:32px;height:32px;line-height:32px;font-size:18px}
#rightSection{width:100%;float:none;height:auto!important}#rightSection #page{width:100%!important;margin:0;height:auto!important;float:none}#rightSection #top{min-height:80px}#rightSection #top nav#nav ul{margin-right:10px}#rightSection #top nav#nav ul li a{width:70px;height:70px;margin:0 0 0 10px}
#rightSection #top nav#nav ul li.menu ul{margin-right:0}#rightSection #top nav#nav ul li a i{margin:18px auto 5px auto;font-size:30px}#rightSection #top nav#nav ul li a span{display:none}.marginTop{margin-top:10px!important}.marginBottom{margin-bottom:10px!important}
#social.bottom{bottom:10px!important}#copyright{margin:0}#copyright,#copyright p,#copyright a{line-height:40px;min-height:40px}#copyright a{margin-right:10px}.jspContainer,.jspPane{position:relative;height:auto!important;clear:both}ul.about li span.value{width:100%}
.progress{width:170px;float:right;display:inline-block;margin:0}span.percent{width:35px}#resume-page .btn{padding:10px 15px;margin-right:0}#portfolio-page .da-thumbs li{width:33.33%;min-width:160px}.postPage .postImg{max-width:100%;margin-right:0;margin-bottom:30px}
#responsiveMenu{display:block}#others{display:none!important}.col{margin:20px 0 0 0}.col.c1,.col.c2-1,.col.c3-1,.col.c3-2{width:100%;margin-left:0}.col.first{margin-left:0;display:block;clear:both}#grid-system .col{background:#eee;margin-top:5px;padding:10px 0;border:1px solid #ccc}
#grid-system .col p{margin:0 10px}}@media only screen and (max-width:409px){body{font-size:140%}#all{width:100%}#leftSection{width:100%;float:none;height:auto!important}#leftSection #columnLeft{width:100%;margin-left:0;border:0}#leftSection #social{width:100%;float:right;position:relative;display:none}
#leftSection #social a{width:32px;height:32px;line-height:32px;font-size:18px}#rightSection{width:100%;float:none;height:auto!important}#rightSection #page{width:100%!important;margin:0;height:auto!important}#rightSection #top{min-height:62px;margin-bottom:2px}
#rightSection #top nav#nav ul{margin-right:10px}#rightSection #top nav#nav ul li a{width:44px;height:44px;margin:0 0 0 10px}#rightSection #top nav#nav ul li a i{margin:9px auto 5px auto;font-size:22px}#rightSection #top nav#nav ul li a span{display:none}
#rightSection #top nav#nav ul li.menu ul{margin-right:0}#rightSection #top nav#nav ul li a span{display:none}.marginTop{margin-top:10px!important}.marginBottom{margin-bottom:10px!important}#social.bottom{bottom:10px!important}#copyright{margin:0}#copyright p,a.to-top{display:block;width:100%;text-align:center;border:0;padding:10px 0}
.jspContainer,.jspPane{position:relative;height:auto!important;clear:both}ul.about li span.value{width:100%}.progress{width:auto;float:none;display:block;margin:5px 0 0 0}span.percent{width:auto}.col{margin:20px 0 0 0}.col.c1,.col.c2-1,.col.c3-1,.col.c3-2{width:100%;margin-left:0}
.categories li,.btn{padding:6px auto;text-align:center;width:100%;margin:2px 0 0 0;display:block;float:none}#portfolio-page .da-thumbs li{width:100%;max-width:220px}.postPage .postImg{max-width:100%;margin-right:0;margin-bottom:30px}}@media only screen and (max-height:550px) and (min-width:768px){#leftSection #box-photo{display:none}
}@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.bg01{background-image:url('../img/bg/pattern-01@2X.png')}.bg02{background-image:url('../img/bg/pattern-02@2X.png')}.bg03{background-image:url('../img/bg/pattern-03@2X.png')}
.bg04{background-image:url('../img/bg/pattern-04@2X.png')}.bg05{background-image:url('../img/bg/pattern-05@2X.png')}.bg06{background-image:url('../img/bg/pattern-06@2X.png')}.bg07{background-image:url('../img/bg/pattern-07@2X.png')}
.bg08{background-image:url('../img/bg/pattern-08@2X.png')}.bg09{background-image:url('../img/bg/pattern-09@2X.png')}.bg10{background-image:url('../img/bg/pattern-10@2X.png')}.bg11{background-image:url('../img/bg/pattern-11@2X.png')}
.bg12{background-image:url('../img/bg/pattern-12@2X.png')}.bg13{background-image:url('../img/bg/pattern-13@2X.png')}.bg14{background-image:url('../img/bg/pattern-14@2X.png')}.bg15{background-image:url('../img/bg/pattern-15@2X.png')}
.bg16{background-image:url('../img/bg/pattern-16@2X.png')}.bg17{background-image:url('../img/bg/pattern-17@2X.png')}.bg18{background-image:url('../img/bg/pattern-18@2X.png')}.bg19{background-image:url('../img/bg/pattern-19@2X.png')}
.bg20{background-image:url('../img/bg/pattern-20@2X.png')}}