/* common css strts here */
:root{
    --trans_duration:0.6s;
    --padding_x:2%;
    --jeff-color:rgba(0,0,0,.5);
    --jeff-md-color:rgba(0,0,0,.7);
    --jeff-dark-color:rgba(0,0,0,1);
    --min-991-pt:6.5rem;
}
@font-face {
    font-family: Avenir;
    src: url(../fonts/avenir/Avenir.woff);
}
body{
    font-family:'Avenir';
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
a:hover{
    text-decoration:none;
}
a:focus{
    outline:none;
}
.clean-navbar.fixed-top + .page{
    transition:var(--trans_duration);
    -moz-transition: var(--trans_duration);
    -o-transition: var(--trans_duration);
    -webkit-transition: var(--trans_duration);
}
.body_wrapper{
    padding:0 var(--padding_x);
}
.block{
    margin-bottom:1.5rem;
}
.heading{
    color:var(--jeff-md-color);
    padding-bottom:0.5rem;
}
.height_full{
    height:100%;
}
/* common css ends here */

/* nav bar strts here */
.navbar{
    padding:0 var(--padding_x);
    min-width:350px;
    box-shadow:none !important;
}
.navbar .container-fluid{
    padding:0;
}
.navbar-collapse{
    transition:var(--trans_duration);
    -moz-transition: var(--trans_duration);
    -o-transition: var(--trans_duration);
    -webkit-transition: var(--trans_duration);
}
.logo_img{
    height:55px;
    margin:15px 0;
    transition:var(--trans_duration);
    -moz-transition: var(--trans_duration);
    -o-transition: var(--trans_duration);
    -webkit-transition: var(--trans_duration);
}

.nav-item:last-child{
    padding-right:0 !important;
}
.nav-link{
    font-weight: normal !important;
    font-size:14.5px !important;
}
.nav-link:hover{
    color:var(--jeff-dark-color) !important;
}
.container-fluid{
    transition:var(--trans_duration);
    -moz-transition: var(--trans_duration);
    -o-transition: var(--trans_duration);
    -webkit-transition: var(--trans_duration);
}
/* NAV BUTTON STRTS HERE */
.nav_btn1{
    cursor:pointer;
    float:right;
    margin-right:15px;
}
.bar1, .bar2, .bar3 {
    width: 25px;
    height: 1px;
    background-color: #333;
    margin: 7px 0;
    transition: 0.4s;
    -moz-transition: 0.6s;
    -o-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.change .bar1, .close_x .bar1 {
    -webkit-transform: rotate(-47deg) translate(-7px,8.5px);
    transform: rotate(-47deg) translate(-7px,8.5px);
    height: 1px;
    width: 25px;
    margin-left:-1px;
}
.change .bar2, .close_x .bar2 {
    opacity: 0;
}
.change .bar3, .close_x .bar3 {
    -webkit-transform: rotate(47deg) translate(-2.5,-5px);
    transform: rotate(47deg) translate(-2.5px,-5px);
    height: 1px;
    width: 25px;
    margin-left:-1px;
}
/* NAV BUTTON ENDS HERE */
/* nav bar ends here */

/* PAGE BODIES STRTS HERE */

/* homepage strts here */
/* CAROUSEL STRTS HERE */
.imageContainer{
    height: 70vh;
    min-height:250px;
    min-width:250px;
    transition:var(--trans_duration);
    -moz-transition: var(--trans_duration);
    -o-transition: var(--trans_duration);
    -webkit-transition: var(--trans_duration);
    width:100%;
}
.carousel-inner > .carousel-item {
    backface-visibility: visible;
    perspective: 1000px;
    transition: opacity 0.8s ease-in-out 0s;
}
.carousel-inner > .carousel-item.active.right, .carousel-inner > .carousel-item.next {
    left: 0;
	-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	-ms-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
	opacity:0;
}
.carousel{
    height:100%;
}
.carousel-item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
}
.carousel-inner, .carousel-item  {
    height:100%;
}
/* CAROUSEL ENDS HERE */
/* featured work strts here */
.proj_block{
    padding-left:0;
    padding-right:1rem !important;
}
.featured_projs .row{
    margin:0 !important;
    width:calc(100% + 1rem);
}
.proj_block img{
    width:100%;
    height:auto;
}
.proj_title{
    height:20px;
    font-size:0.75rem;
    padding-top:5px;
    color:var(--jeff-color);
    text-transform:capitalize;
}
/* featured work ends here */

/* social strts here */
.social .row{
    margin:0 !important;
    width:calc(100% + 1rem);
}
.social_block{
    position:relative;
    padding-left:0;
    padding-right:1rem !important;
    height:50vh;
    margin-bottom:2rem;
}
.social_block img{
    max-width:100%;
    max-height:(100% - 30px);
}
.social_iframe{
    max-height:calc(100% - 30px);/* heading height 30px */
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

/* insta strts here */
#instaLink_0{
    width:100% !important;
    height:calc(100% - 30px) !important;
}
.instaelf{
    height:300px;
    overflow:auto;
}
#instaLink_0 .instalink-feed-post{
    width:50% !important;
    height:auto !important;
}
#instaLink_0 .instalink-feed-post span{
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    position:static;
}
.instalink-feed-post-square.instalink-feed-post img{
    height:auto;
    padding:12px;
}
/* insta ends here */

/* pinterest strts here */
.social_iframe span{
    box-shadow:none !important;
    max-width:none;
    min-width:none;
    height:auto !important;
}
/* pinterest strts here */

/* social ends here */
/* homepage ends here */

/* portfolio page strts here */
.height_full_port{
    height:100%;
}
.portfolio_wrapper{
    height:100%;
}
.swiper_block{
    height:calc(100% - 80px);
    width:100%;
    margin:auto;
    position:relative;
}

.portfolio_wrapper .swiper-container, .portfolio_wrapper .swiper-wrapper, .portfolio_wrapper .swiper-slide{
    height:100%;
}
.portfolio_wrapper .swiper-container{
    width:calc(100% - 70px);
    margin:auto;
}
.portfolio_wrapper .swiper-slide{
    position:relative;
}
.portfolio_wrapper .swiper-slide img,
.portfolio_wrapper .swiper-slide video,
.portfolio_wrapper .swiper-slide iframe{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
    padding:15px;
}
.portfolio_wrapper .swiper-slide video:focus{
    outline:0;
}
.navigation{
    height:100%;
    position:absolute;
    top:0;
    width:35px;/* change the swiper-container width on change of this width */
    cursor:pointer;
}
.left_n{
    left:0;
}
.right_n{
    right:0;
}
.arw_div{
    position:relative;
    height:100%;
}
.l_arw, .r_arw{
    height:50px;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    padding:0 6px;
    width:100%;
}
.l_arw{
    background-image:url('../img/left-arw.svg');
    background-size: auto;
    background-repeat: no-repeat;
}
.r_arw{
    background-image:url('../img/right-arw.svg');
    background-size: auto;
    background-repeat: no-repeat;
}
.portfolio_footer_block{
    position:fixed;
    bottom:30px;
    left:0;
    width:100%;
    height:50px;/* change the width of swiper_block on change of this width */
    min-height:30px;
    padding:15px var(--padding_x);
}
.model_name{
    color:var(--jeff-md-color);
    display:inline-block;
    text-transform: capitalize;
}
.swiper_pagination{
    display:inline-block;
    float:right;
    color:var(--jeff-md-color);
    width:auto !important;
    padding-top:3px;
}
.swiper_pagination_inner{
    font-size:0.75rem;
    color:var(--jeff-color);
}
.view_all_icon{
    height:15px;
    width:25px;
    background-image:url('../img/view-all-icon.svg');
    background-size: auto;
    background-repeat: no-repeat;
    margin-left:2rem;
    margin-top:4px;
    display:inline-block;
    float:right;
    cursor:pointer;
}
/* portfolio page ends here */

/* contact page strts here */
.contact_wrapper{
    height:100%;
    padding-bottom:3.5rem;
}
.contact_wrapper .row{
    height:100%;
    margin:0;
}
.contact_img_block, .contact_form_block{
    height:100%;
    overflow:hidden;
}
.contact_form_block{
    padding-left:1rem;
    display:table;
    height:100%;
}
.contact_form_block_inner{
    display:table-cell;
    vertical-align:middle;
    position:relative;
}
.contact_form_block_inner form{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    background:white;
}

.inp-grp {
    margin-bottom:1.3rem;
    margin-top:0.2rem;
}
.inp-grp .form-control{
    border-radius:0;
    height:55px;
}
.inp-grp .form-control:focus, .text-area-grp .form-control:focus{
    color:#495057;
    border-color:var(--jeff-color);
    outline:0;
    box-shadow:0 0 0 .2rem rgba(125,125,125,.25)
}
.text-area-grp{
    height:calc(100% - 220px - 6rem) !important;
    min-height:55px;
}
.text-area-grp textarea{
    border-radius:0;
    height:100% !important;
}
.submit_btn{
    float:right;
    background:white;
    width:30%;
    border:1px solid #ced4da;
    height:55px;
    cursor:pointer;
    min-width:125px;
    margin-top: 0.9rem;
}
.submit_btn:hover{
    background:var(--jeff-md-color);
    color:white;
}
.contact_img_block img{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
}

.cA1:link{
    color:var(--jeff-dark-color);
    font-size:15px;

}

.cA1:visited{
    color:var(--jeff-dark-color);


}

.cA1:hover{
    color:var(--jeff-color);

}

.cA1:active{
    color:var(--jeff-color);

}
/* contact page ends here */

/* about page strts here */
.about_wrapper{
    padding-bottom:2.5rem;
}

.bio_main{
    height:70vh;
    margin:0;
    margin-bottom:2rem;
}

.about_img_block, .about_content_block{
    height:100%;
    overflow:hidden;
}

.about_content_block{
    -webkit-overflow-scrolling: touch;
    height:100%;
    overflow:auto;
}
.about_content_block_inner{
    display:table-cell;
    vertical-align:middle;
    position:relative;
    color:var(--jeff-md-color);
}
.about_content_block_inner a{
    color:var(--jeff-md-color);
    text-decoration:underline;
}
.about_img_block img{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
}
.mag_covers{
    width:100%;
}
.mag_covers .row{
    width:100%;
    margin:auto;
}
.img_wrapper img{
    width:100%;
    height:auto;
    padding:0.5rem;
}
.img_wrapper{
    padding:0;
}
/* about page ends here */

/* view all page strts here */
.viewall_wrapper{
    padding-bottom:2rem;
}
.grid-item{
    width: 25%;
    display:inline-block;
    cursor:pointer;
}
.doc_title{
    color:var(--jeff-md-color);
    padding-left:0.4rem;
    padding-bottom:0rem;
    text-transform: capitalize;
}
.grid-item img, .grid-item video, .grid-item iframe{
    width: 100%;
    height:auto !important;
    padding:0.4rem;
}
/* view all page ends here */

/* books page strts here */
.books_wrapper{
    margin-bottom:2rem;
    overflow:auto;
}
.book_block{
    float:left;
    text-align:center;
    width:calc(25% - 20px);
    margin:0 10px 2.2rem;
}
.book_block a{
    width:100%;
    display:block;
}
.book_cover{
    position:relative;
    transition: var(--trans-duration);
    webkit-transition: var(--trans-duration);
    -moz-transition: var(--trans-duration);
    -o-transition: var(--trans-duration);
    width:100%;
    height:calc(90vw / 4);
    background:#f9f9f9;
}
.book_cover img{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

.book_now{
    margin:1rem auto 0;
    padding:4px 0;
    border:1px solid #aaa;
    background:white;
    width:170px !important;
    font-size:small;
    cursor:pointer;
    color:#666 !important;
    display:inline-block;
}
.book_now:focus{
    outline:none;
}
.book_now:hover{
    color:white !important;
    background:var(--jeff-md-color);
}
/* books page ends here */

/* divisionpage strts here */
.proj_page_block{
    padding-left:0;
    padding:0 0.6rem !important;
    transition:var(--trans-duration);
    -moz-transition:var(--trans-duration);
    -o-transition:var(--trans-duration);
    -webkit-transition:var(--trans-duration);
    margin-bottom:0.85rem;
    cursor:pointer;
}
.division_page_wrapper{
    padding-bottom:2rem;
}
.division_page_wrapper .row{
    margin:0 !important;
    width:100%;
}
.proj_page_block img{
    width:100%;
    height:auto;
}
.proj_page_title{
    font-size:0.95rem;
    color:var(--jeff-color);
    text-transform:capitalize;
}
.proj_page_block:hover .proj_page_title{
    color:var(--jeff-dark-color);
}
/* divisionpage ends here */
/* PAGE BODIES ENDS HERE */

/* Js classes strts here */
.scroll_nav{
    box-shadow: 0 0 15px rgba(0,0,0,.2) !important;
}
.scroll_logo{
    height:30px;
    margin:10px 0;
}
/* Js classes ends here */


/* mode footer strts here */
.mode_footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:30px;
    padding:6px var(--padding_x);
    background:white;
}
.footer_left_block, .footer_right_block{
    display:inline-block;
    color:var(--jeff-md-color);
    float:left;
    font-size:0.75rem;
}
.footer_right_block{
    float:right;
}
.mode_footer a{
    color:var(--jeff-md-color);
}
/* mode footer ends here */

/* media query strts here */
@media (max-width:991px){
    .logo_img{
        height:40px;
        margin:10px 0;
    }
    /* dropdown srts here */
    #navcol-1 .nav{
        height:calc(100vh - 50px);
    }
    #navcol-1 .nav{
        padding-top:1rem;
    }
    #navcol-1 .nav-link{
        font-size:15.5px !important;
    }
    #navcol-1 .nav-item{
        padding:10px 1rem 10px 0;
        border-top: 1px solid #ddd;
    }
    #navcol-1 .nav-item:last-child{
        border-bottom: 1px solid #ddd;
    }
    /* dropdown ends here */

    /* homepage strts here */
    .imageContainer{
        height: 55vh;
    }
    /* homepage ends here */

    /* view all page strts here */
    .grid-item{
        width: 33.332%;
    }
    /* view all page ends here */

    /* books page strts here */
    .book_block{
        width:calc(33.332% - 20px);
    }
    .book_cover{
        height:calc(90vw / 3);
    }
    /* books page ends here */
}

@media (max-width: 768px){
    /* homepage strts here */
    .imageContainer{
        max-height: 40vh;
    }
    /* homepage ends here */

    /* books page strts here */
    .book_block{
        width:calc(50% - 20px);
    }
    .book_cover{
        height:calc(90vw / 2);
    }
    /* books page ends here */
}


@media (max-width: 767px){
    /* contact media query strts here */
    .text-area-grp{
        height:160px !important;
    }
    .contact_form_block_inner form{
        position:static;
    }
    .contact_img_block{
        height:300px;
        margin-bottom:1rem;

    }
    .contact_form_block{
        padding:1rem 0.2rem;
    }
    .contact_img_block img{
        width:100%;
        height:auto;
        max-height:none;
    }
    /* contact media query ends here */

    /* about page strts here */
    .bio_main{
        height:auto;
        margin-bottom:1rem;
    }
    .about_img_block{
        height:auto;
        margin-bottom:1rem;
        padding:0;
    }
    .about_content_block{
        padding:0;
    }
    .about_img_block img{
        position:static;
        width:100%;
        height:auto;
        max-height:none;
    }
    /* about page ends here */
}


@media (max-width:576px){
    .logo_img{
        height:30px;
        margin:7px 0;
    }
    /* division page media query strts here */
    .proj_page_block{
        padding:0 !important;
    }
    /* division page media query ends here */

    /* homepage strts here */
    .imageContainer{
        max-height: 280px;
    }
    .proj_block{
        margin-bottom:15px;
    }
    .proj_block img{
        width:100%;
        height:auto;
    }
    .social_block{
        margin-bottom:2.5rem;
        height:40vh;
    }
    #instaLink_0 .instalink-feed-post{
        width:33.33332% !important;
    }
    /* homepage ends here */

    /* portfolio strts here */
    .height_full_port, .portfolio_wrapper, .swiper_block{
        height:auto;
    }
    .portfolio_wrapper .swiper-container{
        width:100%;
    }
    .portfolio_wrapper .swiper-wrapper{
        display:block;
    }
    .portfolio_wrapper .swiper-slide{
        width:100%;
        margin:auto;
        margin-bottom:10px;
    }
    .portfolio_wrapper .swiper-slide img,
    .portfolio_wrapper .swiper-slide video,
    .portfolio_wrapper .swiper-slide iframe{
        position:static;
        width:100%;
        max-height:none;
        height:auto;
        padding:0;
    }
    /* portfolio ends here */

    /* view all page strts here */
    .grid-item{
        width: 50%;
    }
    /* view all page ends here */
    /* books page strts here */
    .book_block{
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .book_cover{
        height:90vw;
    }
    /* books page ends here */
}
@media (min-width:991px){
    .clean-navbar.fixed-top + .page{
        padding-top:var(--min-991-pt);
    }
}
@media (min-width:1400px){
    /* view-all page strts here */
    .grid-item{
        width: 20%;
    }
    /* view-all page ends here */
}
@media (min-width:1600px){
    /* books page strts here */
    .book_block{
        width:calc(20% - 20px);
    }
    .book_cover{
        height:calc(90vw / 5);
    }
    /* books page ends here */
}
/* media query ends here */