*{margin:0;padding:0;box-sizing:border-box}
.dev-head{width:100%;height:46px;background:#000;display:block;color:#fff;line-height:48px;position:relative;z-index:99}.{position:fixed!important;top:0;animation:slideDown .4s forwards;width:100%}.red{background:#e41b17;--theme-color:#e41b17}
.green{background:#3ea055;--theme-color:#3EA055}.blue{background:#1589ff;--theme-color:#1589FF}.bnp{background:#f433ff;--theme-color:#F433FF}.orange{background:#f87217;--theme-color:#F87217}
.black{background:#000;--theme-color:#000}
.pink{background:#f535aa;--theme-color:#F535AA}
.gol-b{background:#eac117;--theme-color:#EAC117}
.greenish{background:#307d7e;--theme-color:#307D7E}
.wood{background:#966f33;--theme-color:#966F33}
.endless-river{--theme-color:#43cea2;background:#00AC5A;background:-webkit-linear-gradient(to right,#003A92,#00AC5A);background:linear-gradient(to right,#003A92,#00AC5A);--theme-color:linear-gradient(to right, #003A92, #00AC5A);z-index:1000;z-index:1000;margin-top:109px}
.crazy-orange{--theme-color:#D38312;background:#d38312;background:-webkit-linear-gradient(to right,#a83279,#d38312);background:linear-gradient(to right,#a83279,#d38312);--theme-color:linear-gradient(to right, #A83279, #D38312)}
.between-clouds{--theme-color:#31C17D;background:#31C17D;background:-webkit-linear-gradient(to right,#373b44,#31C17D);background:linear-gradient(to right,#373b44,#73c8a9);--theme-color:linear-gradient(to right, #373B44, #73C8A9)}
.amethyst{--theme-color:#9D50BB;background:#9d50bb;background:-webkit-linear-gradient(to right,#6e48aa,#9d50bb);background:linear-gradient(to right,#6e48aa,#9d50bb);--theme-color:linear-gradient(to right, #6E48AA, #9D50BB)}
.steel-man{--theme-color:#780206;background:#780206;background:-webkit-linear-gradient(to right,#003A92,#780206);background:linear-gradient(to right,#061161,#780206);--theme-color:linear-gradient(to right, #061161, #780206)}
.d2f{--theme-color:#FF4E50;background:#ff4e50;background:-webkit-linear-gradient(to right,#f9d423,#ff4e50);background:linear-gradient(to right,#f9d423,#ff4e50);--theme-color:linear-gradient(to right, #F9D423, #FF4E50)}
.park-life{--theme-color:#ADD100;background:#add100;background:-webkit-linear-gradient(to right,#7b920a,#add100);background:linear-gradient(to right,#7b920a,#add100);--theme-color:linear-gradient(to right, #7B920A, #ADD100)}
.moonlit{--theme-color:#0F2027;background:#0f2027;background:-webkit-linear-gradient(to right,#2c5364,#203a43,#0f2027);background:linear-gradient(to right,#2c5364,#203a43,#0f2027);--theme-color:linear-gradient(to right, #2C5364, #203A43, #0F2027)}
.fb-messenger{--theme-color:#00c6ff;background:#003A92;background:-webkit-linear-gradient(to right,#003A92,#00c6ff);background:linear-gradient(to right,#0072ff,#00c6ff);--theme-color:linear-gradient(to right, #0072ff, #00c6ff)}
.flickr{--theme-color:#ff0084;background:#ff0084;background:-webkit-linear-gradient(to right,#33001b,#ff0084);background:linear-gradient(to right,#33001b,#ff0084);--theme-color:linear-gradient(to right, #33001b, #ff0084)}
.dev-profile h5{text-align:center;display:block;color:#333;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14pt;font-weight:400;padding:4px}
.dev-profile img{width:100px;height:auto;margin-left:auto;margin-right:auto;display:block;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:1px 2px 5px rgba(0,0,0,.1)}
.active img{animation:bounceIn 1s;-webkit-animation:bounceIn 1s;-moz-animation:bounceIn 1s}
.active{display:block!important;animation:fadeIn .8s forwards;position:relative}
.nav-icon{width:30px;height:20px;position:absolute;left:15px;top:12px;z-index:5;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
.nav-icon span{display:block;position:absolute;height:2px;width:100%;background:rgba(255,255,255,.8);opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-icon span:nth-child(1){top:0}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){top:10px}
.nav-icon span:nth-child(4){top:20px}
.nav-icon.open span:nth-child(1){top:10px;width:0%;left:50%}
.nav-icon.open{position:absolute;left:260px;top:12px}
.nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-icon.open span:nth-child(4){top:18px;width:0%;left:50%}
@-webkit-keyframes bounceIn{30%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{30%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
.dim-overlay{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-duration:.8s;-webkit-animation-duration:.8s}.dim-overlay:before{content:"";background-color:rgba(0,0,0,.4);height:100vh;left:0;position:fixed;top:0;width:100%;overflow:hidden;z-index:2}
.hvr-radial-out{display:inline-block;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.4s;transition-duration:.4s}
.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--theme-color);border-radius:50%;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}
.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2);animation:fadeIn .5s forwards}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes slideLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
.glass-effect{box-shadow:inset 0 8px 8px rgba(255,255,255,.5),inset 0 -15px 30px rgba(0,0,0,.01),0 5px 30px rgba(0,0,0,.01)}@keyframes fadeOut{from{opacity:1}to{opacity:0}}to{-webkit-opacity:0}
.dev-address:hover:before,.dev-contact-form:hover:before,.dev-profile:hover:before,.dev-work:hover:before{content:'';position:absolute;top:8px;width:1px;height:0;border:8px solid transparent;border-bottom-color:rgba(0,0,0,.3);border-top:0;margin-left:-8px;margin-top:-8px;transform:rotate(180deg);animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s}
.dev-profile:hover:before{left:40px}.dev-work:hover:before{left:92px}.dev-contact-form:hover:before{left:147px}
.dev-address:hover:before{left:201px}.dev-contact-form{padding:10px}.dev-contact-form button,.dev-contact-form input,.dev-contact-form textarea{padding:10px;display:block;width:100%;margin-top:4px;outline:0;border-radius:4px;font-size:13px}
.dev-contact-form input,.dev-contact-form textarea{border:1px solid #ddd}
.dev-ctn-btn{border:0;cursor:pointer;background:var(--theme-color);color:#fff;transition:.3s;-webkit-transition:.3s}
.dev-ctn-btn:hover{opacity:.8;-webkit-opacity:.8;transition:.3s;-webkit-transition:.3s}.dev-contact-form textarea{resize:none}
.dev-nav h6{text-align:center;font-size:13px;line-height:1}
.dev-address,.dev-contact-form,.dev-profile,.dev-work{margin:0;background:rgba(255,255,255,.6);transition:0s;text-align:center;color:#000;border-radius:1px;overflow:hidden;height:220px;padding:10px 5px;display:none;line-height:1.5}
.dev-work p{color:#555;font-size:13px;line-height:1.5}
.social{text-align:center}
.social a{display:inline-block!important}
.fa-facebook,.fa-google-plus,.fa-twitter{display:inline-block!important;font-size:16px ;padding:0px 8px;line-height:32px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;}
.fa-facebook:before,.fa-google-plus:before,.fa-twitter:before{font-family:FontAwesome;margin-left:auto;margin-right:auto;position:relative;margin-top:-6px;display:block}

.fa-google-plus{background:#ea4335}
.dev-nav nav{padding:0;transition:.45s;-webkit-transition:.45s;-moz-transition:.45s}
.has-sub li,.navigation li{list-style:none}
.navigation li.active{background-color: #17a43b;}
.has-sub ul li{border-bottom:1px dotted rgba(0,0,0,.1)}
.navigation li a{text-decoration:none;display:block;padding:10px 12px;color:#333;font-size:14px;transition:.3s;line-height:.8}
.down,.navigation .dropdown-heading:hover{transition:.2s;color:rgba(255,255,255,1)}.down .fa,.navigation 
.dropdown-heading:hover .fa{color:#fff}
.logo{position:absolute;left:65px;top:8px}
.logo h3{font-weight:400;font-size:18pt}
.logo img{width:30px;height:auto;display:none}
.phone{position:absolute;right:10px;font-size:30px;cursor:pointer;width:30px;display:inline-block;line-height:48px}
.phone a{color:#fff;text-align:center;text-decoration:none}.mySlides{display:none}
.slideshow-container{position:relative}
.slideshow-container img{vertical-align:middle;object-fit:cover;margin-bottom:-38px}
.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-28px;color:#fff;font-weight:700;font-size:16px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}
.next:before,.prev:before{font-family:FontAwesome;font-weight:100}
.next:before{content:"\f054"}
.prev:before{content:"\f053"}
.next{right:0;border-radius:3px 0 0 3px}
.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}
.text{color:#f2f2f2;text-shadow:1px .2px #000;font-size:13px;padding:5px;position:absolute;margin-bottom:-38px;bottom:5px;width:100%;text-align:center;left:0}
.numbertext{color:#f2f2f2;font-size:12px;padding:5px;position:absolute;top:0;right:5px;z-index:5;margin-top:-6px}
main{margin:15px}article{line-height:1.5}
article ol,article ul{margin-left:30px}
article p{margin:5px;color:#333;font-size:16px}
article h2{padding:10px 0;font-size:18pt}
.dropdown-heading{padding:15px 10px;font-size:16px;line-height:1}
.dropdown-heading{display:block;text-decoration:none;outline:0;cursor:pointer;user-select:none;-webkit-user-select:none}
.has-sub ul{list-style:none;overflow:hidden;height:0;transition:.36s;background:#fff}
.has-sub ul li a{display:block;font-size:13px;border-bottom:0;color:#333;padding-left:32px;height:37px}
.has-sub ul li a:hover{text-indent:0;background:#17a43b;border-left:0;color:#fff}
.has-sub span{display:block;box-sizing:border-box;border-bottom:1px dotted rgba(0,0,0,.19)}
.has-sub .dropdown-heading:after{content:"\f078";font-family:FontAwesome;float:right;margin-right:10px;margin-left:16px;transition:360ms;font-size:8px;margin-top:5px}
.has-sub .down:after{transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);transition:360ms;-webkit-transition:360ms;-moz-transition:360ms}
@media only screen and (max-width:480px){.dropdown-heading{color:#fff}.down,.navigation .dropdown-heading:hover{background:var(--theme-color);color:rgba(255,255,255,.9)}.navigation li .fa{padding-right:15px}.has-sub ul.mega{list-style:none}.slideshow-container img{height:150px;width:250px}.dev-nav{font-family:'Titillium Web',sans-serif;width:250px;background:#3fc3a2;height:100vh;display:block;position:fixed;top:0;left:-250px;transition:.4s;overflow:auto;z-index:99}.show-nav{left:0;transition:.4s}.trigger-board{background:rgba(0,0,0,.3);height:40px;text-align:center;padding:0;transition:.4s}.trigger-board li{display:inline-block!important;width:50px;overflow:hidden;height:40px;outline:0;border:0;margin:0;line-height:40px}}

@media only screen and (min-width:960px){nav{position:relative;padding:0 15px}.navigation li{display:inline-block;border-bottom:0}.navigation li a{padding:15px 10px;color:rgba(255,255,255,.8)}.dropdown-heading .fa,.navigation li a .fa{color:rgba(255,255,255,.8);padding-right:5px;font-size:16px}
.navigation li a:hover .fa{color:#fff;font-size:16px;transition:.3s}.has-sub span{border-bottom:0}
.dev-head{margin-left:auto;margin-right:auto;margin-top:0px !important;z-index:100000;-webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.75)}.logo{position:absolute;left:8%;display:inline}.menu-trigger{position:absolute;right:60px}.nav-icon.open{position:absolute;left:auto;top:12px}.menu-trigger{display:none}.navigation li{display:block;float:left}.has-sub ul{position:absolute;box-shadow:1px 1px 6px rgba(0,0,0,.5);width:210px}.has-sub ul.mega{width:350px;z-index:99}.slideshow-container img{vertical-align:middle;object-fit:cover;height:200px;width:350px}.dropdown-heading{color:rgba(255,255,255,.8);padding:15px 10px;border-left:1px dotted rgba(255,255,255,.13)}.has-sub li{display:block;float:none;position:relative;border-bottom:1px dotted rgba(0,0,0,.1)}.has-sub ul li a{padding-left:12px}main{max-width:700px;margin-left:auto;margin-right:auto;display:block;box-shadow:2px 2px 6px rgba(0,0,0,.3);width:100%}article{margin:0 20px}.intro{margin:0 -20px;padding:20px}.gr-color,.pl-color{width:50%;position:relative;float:left;display:block;text-align:center}}

@media only screen and (min-width:480px) and (max-width:960px){nav{position:relative;padding-left:10px;left:270px}}
@media only screen and (min-width:480px){.dev-nav{font-family:'Titillium Web',sans-serif;width:250px;background:0 0;height:260px;overflow:hidden!important;display:block;position:fixed;top:60px;left:0;transition:.4s;overflow:auto;z-index:99}.menu-trigger{display:none}.hide-nav{left:-250px;transition:.4s -webkit-transition: .4s -moz-transition: .4s}.trigger-board{background:rgba(0,0,0,.3);width:42px;height:168px;text-align:center;padding:0;transition:.4s;float:left}.trigger-board li{display:block;width:42px;overflow:hidden;height:42px;outline:0;border:0;margin:0;line-height:40px}.active-trigger{background:var(--theme-color)}.dev-address,.dev-contact-form,.dev-profile,.dev-work{border-right:3px solid rgba(255,255,255,.9);border-radius:0 5px 5px 0;box-sizing:border-box;box-shadow:inset -10px 4px 15px rgba(255,255,255,.5)}
.dev-address:hover:before,.dev-contact-form:hover:before,.dev-profile:hover:before,.dev-work:hover:before{content:'';position:absolute;left:3px;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.dev-profile:hover:before{top:25px}.dev-work:hover:before{top:67px}.dev-contact-form:hover:before{top:109px}.dev-address:hover:before{top:151px}}
@media only screen and (min-width:1280px){.logo{position:absolute;left:20%;display:none!important}}
@media only screen and (min-width:1600px){.logo{position:absolute;left:20%}nav{position:relative;padding-left:10px;left:34%}}
.intro{background:#f2f2f2;text-align:center;padding:10px}
.intro p{line-height:1.5}.set-glass,.set-sticky{cursor:pointer;height:45px;line-height:45px;padding:0 15px;color:#333;font-size:16px}
.set-glass:after,.set-sticky:after,.to-active:after{font-family:FontAwesome;font-size:18pt;position:relative;float:right}
.set-glass:after,.set-sticky:after{content:"\f204";transition:.6s}.to-active:after{content:"\f205";color:teal;transition:.6s}
.set-glass,.set-sticky,.source,.theme-tray{margin:10px;background:#f2f2f2;border-radius:5px;border:2px solid #f1f1f1;box-sizing:border-box}pre.prettyprint{padding:10px;border:2px solid #f2f2f2}
.source{white-space:pre;overflow:auto;max-height:400px}.theme-tray{overflow:hidden;background:#fff}
.theme-tray span{border:1px solid #f2f2f2;width:50px;height:50px;display:inline-block;border-radius:4px;cursor:pointer}
.gr-color,.pl-color{text-align:center}
.gr-color h4,.pl-color h4{background:#f2f2f2;padding:10px;margin-bottom:6px;color:#333}
.check{list-style:none;font-size:15px}
.check li,article li{padding:5px}
.check li:before{font-family:FontAwesome;content:"\f00c";color:#999;padding-right:8px}
.credit{background:#f2f2f2;width:100%;padding:10px;text-align:center;font-size:10pt;color:#444}
.credit span{font-family:FontAwesome;color:#777}.credit span:before{content:"\f004"}