/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */ .bgimg {left:0px;top:0px;width:100%;height:100%;position:fixed;background:url("../img/bg_hills.jpg");background-repeat:repeat-x;background-size:auto 100%;overflow:visible;background-attachment:fixed }.fglayer {left:0px;top:0px;width:100%;height:100%;position:absolute }.headpanel {background-repeat:repeat-x;background-image:url("../img/headerloop.png");top:0;left:0;width:100%;height:90px }.squid {background-image:url("../img/cs_logo.png");top:0;left:0;width:102px;height:90px;position:fixed;z-index:5 }.headpanelt{background-repeat:repeat-x;background-image:url("../img/headerloopt.png");top:0;left:0;width:100%;height:90px }.squidt{background-image:url("../img/cs_logot.png");top:0;left:0;width:102px;height:90px;position:fixed;z-index:5 }.random{position:fixed;z-index:5;left:110px;top:0px;width:197px;height:74px;background:url('../img/random button.png') 0px -74px no-repeat }.random:hover{background:url('../img/random button.png') 0px 0px no-repeat }.footerpanel {background-image:url("../img/footer2.png");background-repeat:no-repeat;top:0;left:0;width:100%;height:60px }.img-rounded {border-radius:16px }.sscontainer {display:inline-block;position:relative;text-align:center }.ssbg {width:100%;margin-bottom:0px }.ssbg img {margin-bottom:0px }.sscentered {height:100%;width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) }.sscentered2{height:100%;width:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) }.ssbutton {border-radius:8px;border:none;background-color:#000;color:#fff;padding:8px 16px 8px 16px }.ssbutton:hover, .ssbutton:focus{background:#0053ba }.slides {visibility:hidden }body {font-family:'Noto Sans SC', sans-serif;letter-spacing:1px;overflow-x:hidden;background-color:#ffffff;color:#000000 }p{font-size:20px }p.small{font-size:16px }a, a:active, a.active{outline:0;color:#000000;text-decoration:none }a:hover, a:focus {outline:0;color:#fcac2a;text-decoration:none }.popupLink, .popupLink:active {color:#fcac2a }.popupLink:hover, .popupLink:focus {color:#000 }h1, h2, h3, h4, h5, h6{text-transform:uppercase;font-family:'Luckiest Guy', cursive;font-weight:100 }hr.star-light, hr.star-primary{margin:25px auto 30px;padding:0;max-width:250px;border:0;border-top:solid 5px;text-align:center }hr.star-light:after, hr.star-primary:after{content:"\f005";display:inline-block;position:relative;top:-.8em;padding:0 .25em;font-size:2em }hr.star-light{border-color:#fff }hr.star-light:after{color:#fff;background-color:#fcac2a }hr.star-primary{border-color:#fcac2a }hr.star-primary:after{color:#fcac2a;background-color:#fff }.img-centered{margin:0 auto }header{text-align:center;color:#000000 }header .container{padding-top:75px;padding-bottom:50px }header img{display:block;margin:0 auto 20px }header .intro-text .name{display:block;text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2em;font-weight:700 }header .intro-text .skills{font-size:1.25em;font-weight:300 }@media(min-width:768px){header .container{padding-top:75px;padding-bottom:50px }header .intro-text .name{font-size:4.75em }header .intro-text .skills{font-size:1.75em }}@media(min-width:768px){.navbar-fixed-top{padding:0px 0 }.navbar-fixed-top .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s }.navbar-fixed-top.navbar-shrink{padding:10px 0 }.navbar-fixed-top.navbar-shrink .navbar-brand{font-size:1.5em }}.navbar{text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;margin-bottom:0px;max-height:30px }.navbar a:focus{outline:0 }.navbar .navbar-nav{letter-spacing:1px }.navbar .navbar-nav li a:focus{outline:0 }.navbar-default, .navbar-inverse{border:0 }section{padding:0px 0 }section h2{margin:0;font-size:3em }section.success{color:#fff;background:#ff00ff }section.secgrey{color:#fcac2a;background:#e5e3c8 }.portfolio {}#contact {background:#00ff00 }@media(max-width:767px){section{padding:0 0 }section.first{padding-top:75px }}.portfolio .portfolio-item{right:0;margin:0 0 15px }.portfolio .portfolio-item .portfolio-link, .portfolio .portfolio-item .portfolio-soon{display:block;position:relative;margin:0 auto;max-width:300px;border-radius:16px;padding:8px;background:#d2e7ff80 }.portfolio .portfolio-item .portfolio-link .caption, .portfolio .portfolio-item .portfolio-soon .caption{position:absolute;width:100%;height:100%;opacity:0;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s }.portfolio .portfolio-item .portfolio-link .caption:hover{opacity:1 }.portfolio .portfolio-item .portfolio-soon .caption:hover{opacity:0 }.portfolio .portfolio-item .portfolio-link .caption .caption-content, .portfolio .portfolio-item .portfolio-soon .caption .caption-content {position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;font-size:20px;color:#fff }.portfolio .portfolio-item .portfolio-link .caption .caption-content i, .portfolio .portfolio-item .portfolio-soon .caption .caption-content i{margin-top:-12px }.portfolio .portfolio-item .portfolio-link .caption .caption-content h3, .portfolio .portfolio-item .portfolio-link .caption .caption-content h4, .portfolio .portfolio-item .portfolio-soon .caption .caption-content h3, .portfolio .portfolio-item .portfolio-soon .caption .caption-content h4{margin:0 }.portfolio *{z-index:2 }@media(min-width:767px){.portfolio .portfolio-item{margin:0 0 30px }}.btn-outline{margin-top:15px;border:solid 2px #000;font-size:20px;color:#000;background:0 0;transition:all .3s ease-in-out }.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active{border:solid 2px #fff;color:#fcac2a;background:#fff }.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee }.floating-label-form-group input, .floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:0;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none }.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease }.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee }.floating-label-form-group-with-value label{top:0;opacity:1 }.floating-label-form-group-with-focus label{color:#fcac2a }form .row:first-child .floating-label-form-group{border-top:1px solid #eee }footer{color:#000 }footer h3{margin-bottom:30px }footer .footer-above{padding-top:50px;background-color:#0000ff }footer .footer-col{margin-bottom:50px }footer .footer-below{padding:25px 0 }.btn-social{display:inline-block;width:50px;height:50px;border:2px solid #000;border-radius:100%;text-align:center;font-size:20px;line-height:45px }.btn:focus, .btn:active, .btn.active{outline:0 }.scroll-top{z-index:1049;position:fixed;right:2%;bottom:2%;width:50px;height:50px }.scroll-top .btn{width:50px;height:50px;border-radius:100%;font-size:20px;line-height:28px }.scroll-top .btn:focus{outline:0 }.portfolio-modal .modal-content{padding:0px 0;min-height:100%;border:0;border-radius:0;text-align:center;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;color:#000000;font-weight:normal }.showModal {display:block }.portfolio-modal .modal-content h2{margin:0;font-size:3em;color:#000000;text-shadow:none }.portfolio-modal .modal-content .item-details{margin:30px 0 }.portfolio-modal .close-modal{position:fixed;top:25px;right:25px;width:75px;height:75px;background-color:transparent;cursor:pointer;z-index:1051 }.portfolio-modal .close-modal:hover{opacity:.3 }.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#000000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg) }.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;background-color:#000000;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg) }.portfolio-modal .modal-backdrop{display:none;opacity:0 }@media(min-width:768px){.navbar-right-fudge{float:left !important;position:relative;left:50% }.navbar-right {font-weight:100;float:left;position:relative;left:-50%;font-size:2.0em;font-family:'Luckiest Guy', cursive;text-shadow:2px 2px #000000 }}.navbar-fixed-top.navbar-shrink {padding-top:0px;padding-bottom:0px }.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#000000;text-shadow:none }.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#ffffff;border-radius:8px 8px 0 0;text-shadow:2px 2px #000000 }.newlink > a:hover, .newlink > a:focus {color:#000000;text-decoration:none }.newlink > a {color:#ffffff }.navbar-brand {padding-bottom:0px }.kgsolid {font-family:'Noto Sans SC', sans-serif;font-weight:bolder;text-shadow:none;color:#000000 }hr.dots-orange, hr.dots-orange-b {background:url('../img/orange_dots.png') no-repeat top center;height:8px;border:none !important }hr.dots-orange-b {margin-bottom:40px }hr.dots-white, hr.dots-white-b {background:url('../img/white_dots.png') no-repeat top center;height:8px;border:none !important }hr.dots-white-b {margin-bottom:40px }hr.dots-orange2x, hr.dots-orange2x-b {background:url('../img/orange_dots.png') repeat-x top center;height:8px;width:80%;border:none !important }hr.dots-orange2x-b {margin-bottom:40px }hr.dots-white2x, hr.dots-white2x-b {background:url('../img/white_dots.png') repeat-x top center;height:8px;width:80%;border:none !important }hr.dots-white2x-b {margin-bottom:40px }.points {color:#FFFFFF;font-size:1.5em }.collapsing, .collapse.in {background-color:#fcac2a }.navbar-default .navbar-nav > li, h3, h2 {text-transform:none }.portfolio .portfolio-title-box {margin:0;padding:0;background-color:#ffffff;border-radius:16px;height:100px;width:100%;display:table;text-align:center }.portfolio .portfolio-title {font-family:'Noto Sans SC', sans-serif;font-weight:bolder;text-shadow:none;color:#000000;display:table-cell;vertical-align:middle }