/*
|------------------------------------------
|  Samir Saj Portfolio_Helper.css
|------------------------------------------
*/
.overflow-x-hidden{
    overflow-x:hidden!important
}
 .overflow-auto{
    overflow:auto!important
}
 .overflow-y-auto{
    overflow-y:auto!important
}
 .overflow-x-auto{
    overflow-x:auto!important
}
 .overflow-scroll{
    overflow:scroll!important
}
 .overflow-y-scroll{
    overflow-y:scroll!important
}
 .overflow-x-scroll{
    overflow-x:scroll!important
}
 ul.list-styled,ul.styled-list,ul.tt-list{
    margin:0;
    padding:0;
    list-style:none
}
 ul.tt-list>li{
    margin-bottom:5px
}
 .z-index-1{
    z-index:1!important
}
 .z-index-2{
    z-index:2!important
}
 .z-index-9{
    z-index:9!important
}
 .z-index-full{
    z-index:99999!important
}
 .tt-cover:before{
    width:100%;
    height:100%;
    z-index:99999
}
 [class*=cover-opacity-]::before{
    background-color:#040404;
    z-index:1;
    opacity:0
}
 .no-bg-image{
    background:0 0!important
}
 .bg-image,.bg-image-fixed{
    background-position:50% 50%
}
 .bg-image,a.tt-link{
    background-repeat:no-repeat
}
 .bg-image{
    -webkit-background-size:cover;
    background-size:cover
}
 .bg-image-fixed{
    background-attachment:fixed;
    -webkit-background-size:cover;
    background-size:cover;
    transform:none!important
}
 .font-alter{
    font-family:'Noto Serif JP',serif!important
}
 .font-italic,.italic{
    font-style:italic!important
}
 .font-normal{
    font-weight:400!important;
    font-style:normal!important
}
 .bold,.font-700,.font-bold,.font-strong{
    font-weight:700!important
}
 .font-100{
    font-weight:100!important
}
 .font-200{
    font-weight:200!important
}
 .font-300{
    font-weight:300!important
}
 .font-400{
    font-weight:400!important
}
 .font-500{
    font-weight:500!important
}
 .font-600{
    font-weight:600!important
}
 .font-800{
    font-weight:800!important
}
 .font-900{
    font-weight:900!important
}
 .letter-spacing-15{
    letter-spacing:15px!important
}
 .text-normal{
    text-transform:none!important;
    letter-spacing:0!important
}
 .text-center{
    text-align:center!important
}
 .text-left{
    text-align:left!important
}
 .text-right{
    text-align:right!important
}
 @media (max-width:991px) {
     .text-center-from-lg{
        text-align:center!important
    }
     .text-left-from-lg{
        text-align:left!important
    }
     .text-right-from-lg{
        text-align:right!important
    }
}
 @media (max-width:1024px) {
     body.header-show-hide-on-scroll-on.page-header-on .full-height-vh-m{
        height:100vh;
        min-height:100vh
    }
}
 .tt-row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
 body.tt-boxed .tt-wrap .tt-row{
    margin-right:-15px;
    margin-left:-15px
}
 [class*=tt-col-]{
    position:relative;
    width:100%;
    padding-left:15px;
    padding-right:15px
}
 .tt-row-reverse{
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
 .tt-column-reverse{
    -ms-flex-direction:column-reverse!important;
    flex-direction:column-reverse!important
}
 @media (min-width:992px) {
     .tt-col-lg{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
     .tt-col-lg-12,.tt-row-cols-lg-1>*{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
     .tt-col-lg-6,.tt-row-cols-lg-2>*{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
     .tt-col-lg-4,.tt-row-cols-lg-3>*{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
     .tt-col-lg-3,.tt-row-cols-lg-4>*{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
     .tt-row-cols-lg-5>*{
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        max-width:20%
    }
     .tt-col-lg-2,.tt-row-cols-lg-6>*{
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
     .tt-col-lg-auto{
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
     .tt-col-lg-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
     .tt-col-lg-9{
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
     .tt-col-lg-10{
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
     .tt-order-lg-first{
        -ms-flex-order:-1;
        order:-1
    }
     .tt-order-lg-last{
        -ms-flex-order:13;
        order:13
    }
     .tt-order-lg-0{
        -ms-flex-order:0;
        order:0
    }
     .tt-order-lg-1{
        -ms-flex-order:1;
        order:1
    }
     .tt-order-lg-2{
        -ms-flex-order:2;
        order:2
    }
     .tt-order-lg-3{
        -ms-flex-order:3;
        order:3
    }
     .tt-lg-row-reverse{
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
     .tt-lg-column-reverse{
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
}
 @media (min-width:1025px) {
     .hide-to-lg{
        display:none!important
    }
     .text-center-to-xlg{
        text-align:center!important
    }
     .text-left-to-xlg{
        text-align:left!important
    }
     .text-right-to-xlg{
        text-align:right!important
    }
     .full-height-vh{
        height:100vh;
        min-height:100vh
    }
     body.header-fixed-top-on .full-height-vh{
        height:calc(100vh - 80px);
        min-height:calc(100vh - 80px)
    }
     .padding-xlg-150{
        padding:150px!important
    }
     .padding-top-xlg-100{
        padding-top:100px!important
    }
     .padding-bottom-xlg-100{
        padding-bottom:100px!important
    }
     .padding-bottom-xlg-150{
        padding-bottom:150px!important
    }
     .no-padding-xlg{
        padding:0!important
    }
     .no-padding-xlg-top{
        padding-top:0!important
    }
     .no-padding-xlg-bottom{
        padding-bottom:0!important
    }
     .no-padding-xlg-left{
        padding-left:0!important
    }
     .no-padding-xlg-right{
        padding-right:0!important
    }
     .margin-xlg-150{
        margin:150px!important
    }
     .margin-top-xlg-50{
        margin-top:50px!important
    }
     .margin-top-xlg-100{
        margin-top:100px!important
    }
     .margin-top-xlg-150{
        margin-top:150px!important
    }
     .margin-bottom-xlg-100{
        margin-bottom:100px!important
    }
     .tt-xl-row-reverse{
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
     .tt-xl-column-reverse{
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
}

/*
|------------------------------------------
|  Samir Saj Portfolio_Helper.css
|------------------------------------------
*/