/* #################################################################################### */
/* ##### + + + pages css imported ##################################################### */
/* #################################################################################### */

    @import url('animate.css');
    @import url('hover.css');

/* #################################################################################### */
/* ##################################################### / / / pages css imported ##### */
/* #################################################################################### */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body                { background:#fff; background-size:cover; color:#555; font:normal 12px 'Roboto Slab'; margin:0; padding:0; overflow-x:hidden; }
.transeffect        { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.img-responsive     { width:auto; }
.pDNone             { display:block; }
.col-lg-1_5         { width:20%; padding:0 15px; }
.rowrow             { padding-left:0; padding-right:0; }
.scrolloff          { pointer-events: none; cursor:pointer; }
hr                  { border:none; border-top:#dfdfdf 1px solid; }

.header             { background:#f1f1f1; padding:50px; text-align:center; }
.header hr              { border:none; }
.header .menu           { color:#bbb; font:300 26px 'Roboto Slab'; margin:10px 20px 0 20px; }
.header .menu:hover         { color:#444; text-decoration:none; }
.header .fa                 { color:#bbb; font-size:20px; margin:20px 8px 0 8px; }
.header .fa:hover           { color:#444; }

.portfolios         { margin:40px auto 100px auto; }
.portfolio          { height:350px; margin:30px 0; text-align:center; text-decoration:none; display:inline-block; }
.portfolio a:hover  { text-decoration:none; }
.portfolio h4           { color:#444; font:300 20px 'Roboto Slab'; margin:20px 0 10px 0; }
.portfolio p            { color:#444;  }
.portfolio .status      { cursor:pointer; overflow:hidden; list-style:none; display:inline-block; font:300 16px 'Roboto Slab'; margin-right:15px; }
.portfolio .fa        { margin-left:15px; }

.projectheader      { padding:30px 15px; text-align:center; }

.portCategories     { padding:30px 15px 0 15px; }

.clogo              { height:100px; }

@media only screen and (min-width : 0px) and (max-width : 480px) {

    .header             { background:#f1f1f1; padding:20px; text-align:center; }
    .header hr              { border:none; }
    .header .menu           { color:#bbb; font:300 20px 'Roboto Slab'; margin:10px 20px 0 20px; }
    .header .menu:hover         { color:#444; text-decoration:none; }
    .header .fa                 { color:#bbb; font-size:14px; margin:0px 8px 0 8px; }
    .header .fa:hover           { color:#444; }

    .clogo              { height:75px; }

    .portfolios         { margin:20px auto 100px auto; padding:0; }
    .portfolio          { margin:5px 0;}
    .portfolio h4           { color:#444; font:600 12px 'Roboto Slab'; margin:20px 0 10px 0; }
    .portfolio p            { color:#444; font-size:9px; display:none; }
    .header .menu           { color:#bbb; font:300 20px 'Roboto Slab'; margin:10px 15px 0 15px; }

    .portCategories     { padding:20px 15px 0 15px; }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 481px) and (max-width : 780px) {

    .clogo              { height:75px; }

    .header             { background:#f1f1f1; padding:20px; text-align:center; }
    .header hr              { border:none; }
    .header .menu           { color:#bbb; font:300 20px 'Roboto Slab'; margin:10px 20px 0 20px; }
    .header .menu:hover         { color:#444; text-decoration:none; }
    .header .fa                 { color:#bbb; font-size:14px; margin:20px 8px 0 8px; }
    .header .fa:hover           { color:#444; }

    .portfolios         { margin:15px auto 100px auto; }
    .portfolio h4           { color:#444; font:300 16px 'Roboto Slab'; margin:20px 0 10px 0; }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1200px) {

    .portfolios         { margin:15px auto 100px auto; }
    .portfolio h4           { color:#444; font:300 16px 'Roboto Slab'; margin:20px 0 10px 0; }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) and (max-width : 1370px) {

}