/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url('../img/bgnew2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*text-transform: uppercase;*/
    font-family: "tsotzolas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.0px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

footer p {
    margin: 0;
    padding: 50px 0;
}

@media screen and (min-width: 768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 50px 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        font-family: "Abyssinica SIL", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        z-index: 1;
    }

    .nav > li > a {
        padding: 35px;
    }

    .navbar-nav > li > a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }

    .topHeight {
        max-height: 100px;
    }

    .center {
        margin: auto;
        width: 50%;
        border: 3px solid grey;
        padding: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }

    /*@font-face {*/
        /*font-family: "tsotzolas";*/
        /*!*src: url(http://localhost/fonts/tsotzolas.ttf) format("truetype");*!*/

    /*}*/

    div {
        font-family: "Open Sans" , Helvetica, Arial, sans-serif !important;
    }

















    /* Portfolio Item */
    .portfolio-item{
        position: relative;
    }
    .portfolio-item .portfolio-info{
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
    }
    .portfolio-item .portfolio-info .portfolio-short-content{
        text-align: center;
        background: #fff;
        padding: 20px 0;
        margin: 1px;
        position: relative;
        /*	-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;*/
    }
    .portfolio-item .portfolio-info .portfolio-short-content:before{
        position: absolute;
        width: 0;
        height: 0;
        /*	border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
            content: " ";
            top: -10px;
            left: 47%;*/
        /*	-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;*/
    }
    .portfolio-item.active .portfolio-info .portfolio-short-content{
        /*background: #44BFE8;*/
        background: none;
    }
    .portfolio-item.active .portfolio-info .portfolio-short-content:before{
        /*background: #44BFE8;*/
        background: none;
    }
    .portfolio-item .portfolio-info .portfolio-short-content h5{
        margin-bottom: 0
    }
    .portfolio-item.active .portfolio-info .portfolio-short-content h5 a,
    .portfolio-item.active .portfolio-info .portfolio-short-content h5{
        color: #fff
    }
    .portfolio-item.active .portfolio-info .portfolio-short-content{
        color: #ededed
    }
    .portfolio-item.active .portfolio-info .portfolio-short-content a{
        color: inherit;
    }
    .portfolio-item .portfolio-overlay{
        /*position: absolute;*/
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .portfolio-item .portfolio-overlay-content{
        /*	background: rgba(255,255,255,0.7);*/
        margin: 1px;
        height: 98%;
        position: relative;
    }
    .portfolio-item .portfolio-overlay-content .top-top-bottom{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
    }
    .portfolio-item .portfolio-overlay-content a{
        display: inline-block;
        width: 50px;
        height: 50px;
        /*	-webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;*/
        /*	background: #44BFE8;*/
        color: #fff;
        font-size: 18px;
        padding: 13px 0 0;
    }
    .portfolio-page .portfolio-item{
        margin-bottom: 30px
    }
    .portfolio-page .portfolio-fixed-area{
        overflow: hidden;
        position: relative;
    }
    .portfolio-page .portfolio-sidebar.affix{
        position: fixed !important
    }
    .portfolio-page .portfolio-navigations ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .portfolio-page .portfolio-navigations ul li{
        margin-bottom: 10px
    }
    .portfolio-page .portfolio-navigations ul li a{
        font-weight: bold;
        padding: 10px 20px;
        border: 1px solid #fbfbfb;
        display: block;
    }
    .portfolio-page .portfolio-navigations ul li a span{
        float: right;
        font-weight: normal;
    }
    .portfolio-page .portfolio-navigations ul li a.selected{
        border-color: #44BFE8;
        color: #44BFE8;
    }
    .row.portfolio-filter,
    .portfolio-page .portfolio-filter{
        margin-right: -17px
    }

    .portfolio-navigations.style-2 li{
        display: inline-block;
        margin-right: 5px
    }
    .portfolio-navigations.style-2 li a{
        display: block;
        padding: 6px 12px;
        background: #44BFE8;
        color: #fff
    }
    .portfolio-navigations.style-2 li a.selected{
        background: #232323
    }

    /* Portfolio Detail */
    #portfolio-detail .portfolio-slider{
        margin-bottom: 30px;
    }
    #portfolio-detail .project-deatails-list li{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #f8f8f8;
    }
    #portfolio-detail .project-deatails-list li:last-child{
        margin: 0;
        border: 0;
    }
    #portfolio-detail .project-deatails-list .name{
        display: block;
        font-weight: bold;
        color: #666;
    }
    #portfolio-detail .portfolio-action{
        margin-top: 15px
    }



    /* Link */
    a,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a{
        color: #666;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    h1 a:focus,
    h2 a:focus,
    h3 a:focus,
    h4 a:focus,
    h5 a:focus,
    h6 a:focus,
    a:focus{
        outline: 0;
        text-decoration: none;
        color: inherit;
    }
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover,
    a:hover{
        color: #44BFE8;
        text-decoration: none
    }

    /* =Product
    -------------------------------------------------------------- */
    .product-item{
        position: relative;
        overflow: hidden;
    }
    .product-item .product-info{
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        z-index: 2
    }
    .product-item .product-info .product-short-content{
        text-align: center;
        background: #fff;
        padding: 20px 0;
        margin: 1px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .product-item .product-info .product-short-content:before{
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        content: " ";
        top: -10px;
        left: 47%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .product-item.active .product-info .product-short-content{
        background: #44BFE8
    }
    .product-item.active .product-info .product-short-content:before{
        border-bottom-color: #44BFE8
    }
    .product-item .product-info .product-short-content h5{
        margin-bottom: 0
    }
    .product-item.active .product-info .product-short-content h5{
        color: #fff
    }
    .product-item.active .product-info .product-short-content .price{
        color: #ededed
    }
    .product-item .product-overlay{
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2
    }
    .product-item .product-overlay-content{
        background: transparent;
        margin: 1px;
        height: 98%;
        position: relative;
    }
    .product-item .product-overlay-content .top-top-bottom{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
    }
    .product-item .product-overlay-content a{
        display: inline-block;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #44BFE8;
        color: #fff;
        font-size: 18px;
        padding: 13px 0 0;
    }
    .product-item .product-image{
        position: relative;
    }
    .product-item .product-image .front-end{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }
    .product-item .product-image .back-end{
        position: relative;
    }
    .product-item .onsale{
        position: absolute;
        background: #BC3E41;
        z-index: 2;
        color: #fff;
        text-transform: uppercase;
        top :10px;
        right: -40px;
        width: 120px;
        font-size: 10px;
        text-align: center;
        transform: rotate(60deg) scale(1) skew(1deg) translate(0px);
        -webkit-transform: rotate(60deg) scale(1) skew(1deg) translate(0px);
        -moz-transform: rotate(52deg) scale(1) skew(1deg) translate(0px);
        -o-transform: rotate(52deg) scale(1) skew(1deg) translate(0px);
        -ms-transform: rotate(52deg) scale(1) skew(1deg) translate(0px);
    }
    .product-item .star-rating {
        overflow: hidden;
        position: relative;
        height: 1em;
        line-height: 1em;
        font-size: 1em;
        width: 4.7em;
        font-family: "FontAwesome";
        margin: 5px auto !important;
    }
    .product-item .star-rating:before {
        content: "\f006\f006\f006\f006\f006";
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        color: #adb9bc;
    }
    .product-item .star-rating span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.5em;
    }
    .product-item .star-rating span:before {
        content: "\f005\f005\f005\f005\f005";
        top: 0;
        position: absolute;
        left: 0;
        color: #f37324;
    }
    #product-detail .product-images-small{
        margin-top: 1px
    }
    #product-detail .product-images-small .row{
        margin-right: -1px;
        margin-left: -1px;
    }
    #product-detail .product-images-small li{
        padding-left: 0.5px;
        padding-right: 0.5px;
    }
    #product-detail .product-images-small li img{
        width: 100% !important;
        height: 100% !important;
    }
    #product-detail .product-rating{
        color: #ffe693
    }
    #product-detail .product-rating i{
        margin-right: 5px
    }
    #product-detail .product-price-detail{
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    #product-detail .product-price-detail .currency{
        font-size: 13px;
        line-height: 13px;
        font-weight: normal;
    }
    #product-detail .product-amount .field{
        float: left;
        margin: 0 10px 10px 0;
    }
    #product-detail .product-amount .field input{
        margin-bottom: 0
    }
    #product-detail .product-amount .field .increase-value{
        float: right;
    }
    #product-detail .product-amount span{
        padding: 7px 12px;
        font-size: 9px;
        display: block;
        background: #44BFE8;
        color: #fff
    }
    #product-detail .product-amount{
        background: #f9f9f9;
        padding: 20px 20px 10px;
        border-top: 2px solid #f2f2f2;
    }
    #product-detail .product-amount input{
        padding: 9px 12px;
        font-weight: bold;
        margin-top: -1px;
    }
    #product-detail .product-amount span:hover{
        cursor: pointer;
    }
    #product-detail .product-amount span:focus{
        background: #198EB5
    }
    #product-detail .product-amount input{
        max-width: 40px
    }
    .product-category-tools{
        padding: 5px 10px;
        background: #f8f8f8;
        border-top: 2px solid #f2f2f2;
    }
    .product-category-tools .field{
        float: left;
        margin-right: 20px;
        padding: 3px 0 0;
    }
    .product-category-tools .field.right{
        float: right;
        margin-left: 20px;
        margin-right: 0;
    }
    .product-category-tools .field p{
        padding: 8px 0 0
    }
    /* =Shortcodes
    -------------------------------------------------------------- */
    .area{
        border-bottom: 1px solid #f2f2f2
    }
    /* Horizontal separate with icon */
    .horizontal-icon{
        border-top: 1px solid #f2f2f2;
        margin-bottom: 20px;
        text-align: center;
        position: relative;
    }
    .horizontal-icon .icon{
        width: 80px;
        height: 80px;
        text-align: center;
        display: block;
        background: #44BFE8;
        margin: -40px auto 0;
        padding: 25px 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid #fff;
        color:#fff;
        font-size: 24px;
    }
    /* Icon Box */
    .icon-box .icon{
        width: 70px;
        height: 70px;
        text-align: center;
        float: left;
        font-size: 60px;
    }
    .icon-box .box-content{
        padding-left: 90px;
    }
    /* Title Block */
    .title-block{
        text-align: center;
        margin-bottom: 30px
    }
    .title-block .title-heading{
        margin-bottom: 0;
    }
    .title-block .line{
        width: 90px;
        height: 1px;
        background: #44BFE8;
        margin: 5px auto;
        display: block;
    }
    .title-block.light{
        color: #fff;
    }
    .title-block.light .title-heading{
        color: inherit;
    }
    .title-block.light .line{
        background: #eee
    }

}