#loader_ratio,#moveSectionDown,.description,.intro,.main_description,.no-space,.top-space{
    text-align:center
}
@font-face{
    font-family:Stellar;
    src:url(../fonts/Stellar-light.eot);
    src:url(../fonts/Stellar-light.eot?#iefix) format('embedded-opentype'),url(../fonts/Stellar-light.woff2) format('woff2'),url(../fonts/Stellar-light.woff) format('woff'),url(../fonts/Stellar-light.ttf) format('truetype'),url(../fonts/Stellar-light.svg) format('svg');
    font-weight:400;
    font-style:normal
}
body{
    font-family:Stellar,Quicksand,'Open+Sans',Roboto,sans-serif;
    color:#ccc;
    background-color:#333
}
.loader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:block;
    background-color:rgba(25,25,25,.95);
    z-index:99999
}
#loader_logo{
    background:url(../images/starwei_logo.png) center 50% no-repeat;
    width:100px;
    height:100px;
    position:fixed;
    background-size:100%;
    text-indent:-9999px;
    left:50%;
    top:35%;
    margin-top:-50px;
    margin-left:-50px
}
#loader_ratio{
    color:#fff;
    position:fixed;
    left:50%;
    top:42%;
    color:rgba(177,167,154,.1);
    font-size:1em;
    width:400px;
    height:150px;
    margin-top:0;
    margin-left:-200px
}
.starwei_logo{
    bottom:0;
    background:url(../images/starwei_logo.png) center 100% no-repeat;
    width:50px;
    height:50px;
    background-size:100%;
    text-indent:-9999px;
    display:block;
    margin:5px 5px 5px 10px;
    padding:0;
    cursor:pointer;
    border:0 solid transparent
}
.btn_main,.main_description{
    position:absolute;
    color:#fff;
    width:100%;
    padding:0
}
.main_description{
    top:5%;
    z-index:10;
    height:100%
}
.btn_main{
    bottom:12%;
    z-index:11;
    margin:0 auto
}
.design-item,.menu-icon span,.wheel{
    position:relative
}
.no-space{
    padding:0
}
.top-space{
    padding-top:30px
}
#sw_btn0,#sw_btn1,#sw_btn2,#sw_btn3,#sw_btn4{
    top:400px
}
.profile_bg{
    padding:30px 0;
    background-color:rgba(0,0,0,.5)
}
.profile_text{
    font-size:14px;
    line-height:18px
}
.rc-anchor-light{
    background:#111;
    border:none;
    color:none
}
.icon_size{
    font-size:32px;
    line-height:62px;
    margin:0 auto;
    padding:10px;
    width:52px;
    height:52px;
    color:#666
}
.icon_size:focus,.icon_size:hover{
    color:#fff
}
.icon-close{
    font-size:28px;
    margin:0 auto;
    padding:0;
    color:#e06955
}
@media (min-width:768px){
    .starwei_logo{
        width:50px;
        height:50px;
        margin:0 0 0 10px
    }
    .btn_back{
        display:block;
        float:right
    }
    .detail_header{
        width:100%
    }
}
.intro{
    display:table;
    width:100%;
    padding:0;
    color:#333;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover
}
.section-title.center{
    padding:10px 0 40px
}
.intro h2{
    font-size:38px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:20px
}
.intro p{
    font-size:20px;
    margin-bottom:40px;
    margin-top:20px;
    padding:20px
}
.intro .btn{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px
}
.intro-h{
    height:120px;
    padding-top:20px
}
.hr_ccc{
    border-top:1px solid #ccc
}
.text_ccc{
    color:#ccc
}
header .intro-text{
    padding-top:100px;
    padding-bottom:100px
}
#footer{
    color:#b1a79a;
    font-size:14px;
    line-height:15px;
    height:100px;
    padding:40px 0
}
#moveSectionDown{
    margin:-30px auto;
    width:200px;
    height:80px;
    cursor:pointer
}
#moveSectionDown span{
    display:block;
    width:9px;
    height:9px;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    margin:5px auto
}
.main_arrow{
    margin-top:6px;
    -webkit-animation:mouse-scroll 1s infinite;
    -moz-animation:mouse-scroll 1s infinite;
    -webkit-animation-delay:.1s;
    -moz-animation-delay:.1s;
    -webkit-animation-direction:alternate
}
.mouse{
    height:30px;
    width:22px;
    margin:0 auto;
    border-radius:10px;
    transform:none;
    border:2px solid #fff;
    top:170px
}
.wheel{
    height:5px;
    width:2px;
    display:block;
    margin:7px auto;
    background:#fff;
    -webkit-animation:mouse-wheel 1.2s ease infinite;
    -moz-animation:mouse-wheel 1.2s ease infinite
}
@-webkit-keyframes mouse-wheel{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(6px);
        -ms-transform:translateY(6px);
        transform:translateY(6px)
    }
}
@-moz-keyframes mouse-wheel{
    0%{
        top:1px
    }
    50%{
        top:2px
    }
    100%{
        top:3px
    }
}
@-webkit-keyframes mouse-scroll{
    0%{
        opacity:0
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@-moz-keyframes mouse-scroll{
    0%{
        opacity:0
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@-o-keyframes mouse-scroll{
    0%{
        opacity:0
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@keyframes mouse-scroll{
    0%{
        opacity:0
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
.menu-icon{
    padding:0 15px
}
.design-item,.grid,.grid:after{
    margin:0!important;
    padding:0!important
}
.menu-icon span{
    display:block;
    width:30px;
    height:2px;
    background-color:#e06955;
    -webkit-transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94),top .2s cubic-bezier(.3,1.4,.7,1) .2s,bottom .2s cubic-bezier(.3,1.4,.7,1) .2s;
    -moz-transition:-moz-transform .2s cubic-bezier(.25,.46,.45,.94),top .2s cubic-bezier(.3,1.4,.7,1) .2s,bottom .2s cubic-bezier(.3,1.4,.7,1) .2s;
    transition:transform .2s cubic-bezier(.25,.46,.45,.94),top .2s cubic-bezier(.3,1.4,.7,1) .2s,bottom .2s cubic-bezier(.3,1.4,.7,1) .2s
}
.menu-icon span:first-of-type{
    top:-7px
}
.menu-icon span:last-of-type{
    bottom:-7px
}
.menu-icon.active span{
    -webkit-transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94) .2s,top .2s cubic-bezier(.3,1.4,.7,1),bottom .2s cubic-bezier(.3,1.4,.7,1);
    -moz-transition:-moz-transform .2s cubic-bezier(.25,.46,.45,.94) .2s,top .2s cubic-bezier(.3,1.4,.7,1),bottom .2s cubic-bezier(.3,1.4,.7,1);
    transition:transform .2s cubic-bezier(.25,.46,.45,.94) .2s,top .2s cubic-bezier(.3,1.4,.7,1),bottom .2s cubic-bezier(.3,1.4,.7,1)
}
.menu-icon.active span:first-of-type{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    top:1px
}
.menu-icon.active span:last-of-type{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    bottom:1px
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(.1,.1);
        -moz-transform:scale(.1,.1);
        -ms-transform:scale(.1,.1);
        -o-transform:scale(.1,.1);
        transform:scale(.1,.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.5,1.5);
        -moz-transform:scale(1.5,1.5);
        -ms-transform:scale(1.5,1.5);
        -o-transform:scale(1.5,1.5);
        transform:scale(1.5,1.5);
        opacity:0
    }
}
@-moz-keyframes pulse{
    0%{
        -webkit-transform:scale(.1,.1);
        -moz-transform:scale(.1,.1);
        -ms-transform:scale(.1,.1);
        -o-transform:scale(.1,.1);
        transform:scale(.1,.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.5,1.5);
        -moz-transform:scale(1.5,1.5);
        -ms-transform:scale(1.5,1.5);
        -o-transform:scale(1.5,1.5);
        transform:scale(1.5,1.5);
        opacity:0
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(.1,.1);
        -moz-transform:scale(.1,.1);
        -ms-transform:scale(.1,.1);
        -o-transform:scale(.1,.1);
        transform:scale(.1,.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1.5,1.5);
        -moz-transform:scale(1.5,1.5);
        -ms-transform:scale(1.5,1.5);
        -o-transform:scale(1.5,1.5);
        transform:scale(1.5,1.5);
        opacity:0
    }
}
.fp-controlArrow.fp-prev{
    left:50px
}
.fp-controlArrow.fp-next{
    right:50px
}
.isotope-item{
    z-index:2
}
.isotope-hidden.isotope-item{
    pointer-events:none;
    z-index:1
}
#section0{
    background:url(../images/welcome_text.jpg) center center/100% no-repeat #111
}
#section1{
    background:url(../images/profile_bg.png) center left/100% no-repeat #111
}
#section2{
    background:#111
}
#section3{
    background:url(../images/skills_bg.png) center left/100% no-repeat #333
}
#section4{
    background:#333;
    background:-webkit-linear-gradient(#333,#111);
    background:-o-linear-gradient(#333,#111);
    background:-moz-linear-gradient(#333,#111);
    background:linear-gradient(#333,#111)
}
#slide0{
    background:#d9484a;
    background:-webkit-linear-gradient(-90deg,#e06955,#d9484a);
    background:-o-linear-gradient(-90deg,#e06955,#d9484a);
    background:-moz-linear-gradient(-90deg,#e06955,#d9484a);
    background:linear-gradient(-90deg,#e06955,#d9484a)
}
#slide1{
    background:#e06955;
    background:-webkit-linear-gradient(-90deg,#ced1ac,#e06955);
    background:-o-linear-gradient(-90deg,#ced1ac,#e06955);
    background:-moz-linear-gradient(-90deg,#ced1ac,#e06955);
    background:linear-gradient(-90deg,#ced1ac,#e06955)
}
#slide2{
    background:#ced1ac;
    background:-webkit-linear-gradient(-90deg,#5da5bb,#ced1ac);
    background:-o-linear-gradient(-90deg,#5da5bb,#ced1ac);
    background:-moz-linear-gradient(-90deg,#5da5bb,#ced1ac);
    background:linear-gradient(-90deg,#5da5bb,#ced1ac)
}
#slide3{
    background:#5da5bb;
    background:-webkit-linear-gradient(-90deg,#a54579,#5da5bb);
    background:-o-linear-gradient(-90deg,#a54579,#5da5bb);
    background:-moz-linear-gradient(-90deg,#a54579,#5da5bb);
    background:linear-gradient(-90deg,#a54579,#5da5bb)
}
.starwei_bg{
    background:url(../images/starwei_bg.png) center center/15% #111
}
.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 .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{
    -webkit-transition-duration:0s;
    -moz-transition-duration:0s;
    -ms-transition-duration:0s;
    -o-transition-duration:0s;
    transition-duration:0s
}
.grid:after{
    content:'';
    display:block;
    clear:both
}
.design-item{
    width:100%;
    background:#888;
    color:#262524
}
@media screen and (min-width:768px){
    .design-item{
        width:25%
    }
}
.description_overlay{
    display:none;
    position:absolute;
    margin:0 auto;
    padding:0;
    z-index:9;
    width:100%;
    height:100%;
    cursor:pointer
}
.btn-bottom{
    position:absolute;
    width:100px;
    left:50%;
    margin-left:-50px;
    bottom:50px
}
.description{
    display:none;
    position:absolute;
    margin:0;
    padding:20% 5%;
    color:#fff;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8)
}
.description .title_1{
    font-size:22px;
    line-height:26px;
    color:#ccc
}
.description .title_2{
    font-size:12px;
    line-height:20px;
    padding:10px 0;
    color:#b1a79a
}
.description .name{
    position:absolute;
    text-transform:none;
    letter-spacing:0;
    font-size:12px;
    font-weight:400;
    background-color:#222
}
.description .symbol{
    position:absolute;
    left:10px;
    top:0;
    font-size:42px;
    font-weight:700;
    color:#fff
}
.description .number{
    position:absolute;
    right:8px;
    top:5px
}
.description .weight{
    position:absolute;
    left:10px;
    top:76px;
    font-size:12px
}
.graphic_digital{
    background:#d9484a
}
.photography{
    background:#e06955
}
.ui_ux{
    background:#ced1ac
}
.video_animation{
    background:#5da5bb
}
.other_design{
    background:#a54579
}
@font-face{
    font-family:star_w_font;
    src:url(../fonts/star_w_font.eot?ktjfxx);
    src:url(../fonts/star_w_font.eot?ktjfxx#iefix) format('embedded-opentype'),url(../fonts/star_w_font.ttf?ktjfxx) format('truetype'),url(../fonts/star_w_font.woff?ktjfxx) format('woff'),url(../fonts/star_w_font.svg?ktjfxx#star_w_font) format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" icon-"],[class^=icon-]{
    font-family:star_w_font!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-add:before{
    content:"\e900"
}
.icon-after_effect:before{
    content:"\e901"
}
.icon-animate_cc:before{
    content:"\e902"
}
.icon-arrow_b_s:before{
    content:"\e903"
}
.icon-arrow_b:before{
    content:"\e904"
}
.icon-arrow_l_s:before{
    content:"\e905"
}
.icon-arrow_l:before{
    content:"\e906"
}
.icon-arrow_r_s:before{
    content:"\e907"
}
.icon-arrow_r:before{
    content:"\e908"
}
.icon-arrow_t_s:before{
    content:"\e909"
}
.icon-arrow_t:before{
    content:"\e90a"
}
.icon-bag_bg:before{
    content:"\e90b"
}
.icon-bag:before{
    content:"\e90c"
}
.icon-bookmark:before{
    content:"\e90d"
}
.icon-bootstrap:before{
    content:"\e90e"
}
.icon-calendar:before{
    content:"\e90f"
}
.icon-chrome:before{
    content:"\e910"
}
.icon-close_bg:before{
    content:"\e911"
}
.icon-close:before{
    content:"\e912"
}
.icon-css3:before{
    content:"\e913"
}
.icon-desktop:before{
    content:"\e914"
}
.icon-discount:before{
    content:"\e915"
}
.icon-edit:before{
    content:"\e916"
}
.icon-facebook:before{
    content:"\e917"
}
.icon-file-empty:before{
    content:"\e918"
}
.icon-firefox:before{
    content:"\e919"
}
.icon-gift:before{
    content:"\e91a"
}
.icon-googleplus:before{
    content:"\e91b"
}
.icon-help:before{
    content:"\e91c"
}
.icon-home:before{
    content:"\e91d"
}
.icon-html5:before{
    content:"\e91e"
}
.icon-ie:before{
    content:"\e91f"
}
.icon-illustrator:before{
    content:"\e920"
}
.icon-indesign:before{
    content:"\e921"
}
.icon-info:before{
    content:"\e922"
}
.icon-instagram:before{
    content:"\e923"
}
.icon-javascript:before{
    content:"\e924"
}
.icon-jquery:before{
    content:"\e925"
}
.icon-less:before{
    content:"\e926"
}
.icon-like:before{
    content:"\e927"
}
.icon-loading:before{
    content:"\e928"
}
.icon-mail:before{
    content:"\e929"
}
.icon-map:before{
    content:"\e92a"
}
.icon-modile:before{
    content:"\e92b"
}
.icon-new:before{
    content:"\e92c"
}
.icon-notebook:before{
    content:"\e92d"
}
.icon-opera:before{
    content:"\e92e"
}
.icon-paypal:before{
    content:"\e92f"
}
.icon-phone:before{
    content:"\e930"
}
.icon-photoshop:before{
    content:"\e931"
}
.icon-pinterest:before{
    content:"\e932"
}
.icon-premiere:before{
    content:"\e933"
}
.icon-safari:before{
    content:"\e934"
}
.icon-sale:before{
    content:"\e935"
}
.icon-search:before{
    content:"\e936"
}
.icon-setting:before{
    content:"\e937"
}
.icon-share:before{
    content:"\e938"
}
.icon-shipping:before{
    content:"\e939"
}
.icon-star:before{
    content:"\e93a"
}
.icon-tablet:before{
    content:"\e93b"
}
.icon-tags:before{
    content:"\e93c"
}
.icon-twitter:before{
    content:"\e93d"
}
.icon-user:before{
    content:"\e93e"
}
.icon-wish_list:before{
    content:"\e93f"
}
.icon-wordpress:before{
    content:"\e940"
}