div.nchgrid-item.nch-lightbox-trigger a .nchgrid-caption {
    background-color: rgba(179, 179, 179, 0.51) !important;
}

.desktop .client_diaries_mobile_visible{
  display:none !important;
}
.mobile .client_diaries_desktop_visible{
  display:none !important;
}
.mobile .burgermenu{
  display:none !important;
}


@media screen and (min-width:767px) and (max-width:960px){
.logosmaller{
max-width: 290px !important;
}
.port-banner-text{left: 0!important;}
.port-banner-text .ab_artist{line-height:15px;font-size:22px !important;}
}
@media screen and (min-width:481px) and (max-width:767px){
.logosmaller{
max-width:230px !important;
}
.port-banner-text{left: 0 !important;}
.port-banner-text .ab_artist{line-height:15px;font-size:22px !important;}
}

@media screen and (min-width:240px) and (max-width:480px){
.logosmaller{
max-width: 170px !important;
  height:auto;
}
		.port-banner-text{left: 0 !important;}
.port-banner-text .ab_artist{line-height:15px;font-size:22px !important;}
}



/*****------------------ portraiture page css start here -----------------*****/
/**** portraiture top main heading ****/
.portraiture_heading{
    font-size:115px;
    line-height:115px;
    color:#fff;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
    margin-left:72px !important;
    margin-top:96px !important;
}
/**** portraiture top sub heading heading ****/
.portraiture_below{
    font-size:21px;
    line-height:27px;
    color:#d1d1d1;
    font-family: 'OCR-A BT';
    margin-top:35px;
    text-align:left;
    margin-left:72px !important;
}

/*****------------------ portraiture page css end here ------------------*****/


/********** landscape page css start here ***********/
.landscape_page_heading{
    font-size:90px;
    line-height:90px;
    color:#fff;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    letter-spacing:10px;
    padding-left:48px;
    padding-top:134px;    
}
.emotional_liberation{
    font-family: 'OCR-A BT';
    font-size:19px;
    line-height:27px;
    color:#dcdad9;
    margin-top:10px;
    padding-left:48px;
}

/********** abstract art page css end here ***********/


/* abstract art page css start here*/

.abstract_page_heading{
    font-size:90px;
    line-height:90px;
    color:#e5a200;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    letter-spacing:10px;
    padding-left:48px;
    padding-top:114px;
    
}
.art_abstract{
    font-size:90px;
    line-height:90px;
    color:#fff;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:24px;
    letter-spacing:10px;
    padding-left:48px;
}
.illution{
    font-family: 'OCR-A BT';
    font-size:19px;
    line-height:27px;
    color:#dcdad9;
    margin-top:48px;
    padding-left:48px;
}

/*abstract art page css end here*/


/************------------- footer responsive start here ---------------************/

/**** footer 1231px to 1440px responsive start here ****/
@media screen and (min-width:1231px) {
  .footer_social_links{
    display:none !important;
  }
.copyright_maxjaar_footer{
  text-align:right !important;
    margin-top: -60px !important;
  margin-right:24px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: -20px !important;
}
  .f_story_work_event_connect_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
.footar-menu-text {
    font-size: 35px !important;
    line-height: 35px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}
  .mobile_960px_to_1024px{
    display:none !important;
  }
  .mobile_480px_to_960px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
}

/**** footer 1137px to 1230px responsive start here ****/
@media screen and (min-width:1137px) and (max-width:1230px){
  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
.copyright_maxjaar_footer{
  text-align:center !important;
    margin-top: -40px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: -20px !important;
}
  .f_story_work_event_connect_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
.footar-menu-text {
    font-size: 35px !important;
    line-height: 35px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -30px !important;
    margin-bottom: 20px !important;
}
  .mobile_960px_to_1024px{
    display:none !important;
  }
  .mobile_480px_to_960px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
}
/** footer 1137px to 1280px responsive start here **/

/** footer 1025px to 1136px responsive start here **/
@media screen and (min-width:1025px) and (max-width:1136px){
  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: -20px !important;
}
  .f_story_work_event_connect{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
    .f_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  margin-top: 10px !important;
  }
.footar-menu-text {
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -20px !important;
    margin-bottom: 20px !important;
}
  .desktop_1136x_to_1280px{
    display:none !important;
  }
  .mobile_480px_to_960px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
}
/** footer 1025px to 1136px responsive start here **/

/** footer 961px to 1024px responsive start here **/
@media screen and (min-width:961px) and (max-width:1024px){
  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: -20px !important;
}
  .f_story_work_event_connect{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
    .f_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  margin-top: 10px !important;
  }
.footar-menu-text {
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -20px !important;
    margin-bottom: 24px !important;
}
  .desktop_1136x_to_1280px{
    display:none !important;
  }
  .mobile_480px_to_960px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
}
/************ footer 961px to 1024px responsive start here ************/

/************ footer 768px to 960px responsive start here ************/
@media screen and (min-width:768px) and (max-width:960px){
  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: -20px !important;
}
  .f_story_work_event{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
    .f_connect_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  margin-top: 10px !important;
	margin-bottom: 20px !important;
  }
.footar-menu-text {
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -20px !important;
    margin-bottom: 24px !important;
}
  .desktop_1136x_to_1280px{
    display:none !important;
  }
  .mobile_960px_to_1024px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
}
/************ footer 768px to 960px responsive start here ************/

/************---------- footer 641px to 767px responsive start here -------------------************/
@media screen and (min-width:641px) and (max-width:767px){

/********* footer three block hover hash tag (#) text style start *********/
.FooterBlockTag {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8.8%;
    font-size: 20px !important;
    opacity: 0;
    color: #000;
}
/********* footer three block hover hash tag (#) text style end *********/
  
  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
  .copyright_maxjaar_footer {
    text-align: center!important;
    margin-top: -40px !important;
}
  .footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: 10px !important;
}
  .f_story_work_event{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
    .f_connect_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  margin-top: 10px !important;
				margin-bottom:20px !important;
  }
.footar-menu-text {
    font-size: 50px !important;
    line-height: 50px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -30px !important;
    margin-bottom: 24px !important;
}
  .desktop_1136x_to_1280px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
  .mobile_960px_to_1024px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
}
/************ footer 641px to 767px responsive css end here ************/


/************--------- footer 481px to 640px responsive css start here ------------************/
@media screen and (min-width:481px) and (max-width:640px){

/********* footer three block hover hash tag (#) text style start *********/
.FooterBlockTag {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8.8%;
    font-size: 15px !important;
    opacity: 0;
    color: #000;
}
/********* footer three block hover hash tag (#) text style end *********/

  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
.copyright_maxjaar_footer {
    text-align: center!important;
    margin-top: -40px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: 10px !important;
}
  .f_story_work_event{
  position: relative !important;
  visibility: visible !important;
  top: 5px !important;
  left: 20px !important;
  }
    .f_connect_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 5px !important;
  left: 20px !important;
  margin-top: 10px !important;
				margin-bottom:20px !important;
  }
.footar-menu-text {
    font-size: 50px !important;
    line-height: 50px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -30px !important;
    margin-bottom: 24px !important;
}
  .desktop_1136x_to_1280px{
    display:none !important;
  }
  .mobile_960px_to_1024px{
    display:none !important;
  }
  .mobile_240px_to_480px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
}
/************ footer 480px to 640px responsive css end here ************/


/************------------- footer 240px to 480px responsive css start here ----------************/
@media screen and (min-width:240px) and (max-width:480px){
/********* footer three block hover hash tag (#) text style start *********/
.FooterBlockTag {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8.8%;
    font-size: 10px !important;
    opacity: 0;
    color: #000;
}
/********* footer three block hover hash tag (#) text style end *********/
  .footer_social_links{
  margin-top:48px !important;
  margin-bottom:30px !important;
}
.copyright_maxjaar_footer {
    text-align: center!important;
    margin-top: -40px !important;
}
.footer-copyright {
    margin-top: -40px !important;
    margin-bottom: 20px !important;
    margin-left: 10px !important;
}
  .f_story_work{
  position: relative !important;
  visibility: visible !important;
  top: 5px !important;
  left: 20px !important;
  }
    .f_event_connect{
  position: relative !important;
  visibility: visible !important;
  top: 5px !important;
  left: 20px !important;
  margin-top: 10px !important;
  }
    .f_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 5px !important;
  left: 20px !important;
  margin-top: 10px !important;
  }
.footar-menu-text {
    font-size: 40px !important;
    line-height: 40px !important;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    font-family: 'TypoGraphica';
    font-variant-ligatures: none;
    margin-top: -40px !important;
    margin-bottom: 24px !important;
}
  .desktop_1136x_to_1280px{
    display:none !important;
  }
  .mobile_960px_to_1024px{
    display:none !important;
  }
  .mobile_480px_to_960px{
    display:none !important;
  }
  .copyright_maxjaar_footer_social_icon{
    display:none !important;
  }
} 
  
/************ footer 240px to 480px responsive end here ************/

/***********------------------ footer responsive menu end here -------------------------***********/

/***********----- footer menu use on desktop --------***********/
  .f_story_work_event_connect_client_diaries{
  position: relative !important;
  visibility: visible !important;
  top: 0px !important;
  left: 20px !important;
  }
.spacing_desktop_1136x_to_1280px{
  word-spacing:10px !important;
}
.copyright_maxjaar_footer_social_icon{
  margin-top: 10px !important;
}


/******** footer social links ******/
.footer_social_links{
  margin-top:40px !important;
  margin-bottom:10px !important;
}

/******** footer copyright padding ******/
.footer-copyright{
    margin-top: -10px !important;
    margin-bottom: 20px !important;
}
.maxjaar-footar{
  color:#757575 !important;
  text-decoration: none !important;
  margin-top: -10px !important;
}
.maxjaar-footar a{
  color:#757575 !important;
  text-decoration: none !important;
}
.maxjaar-footar a:hover, .maxjaar-footar a:focus{
  color:#757575 !important;
  text-decoration: none !important;
}
.footar-menu-text a, .footar-menu-text a:hover, .footar-menu-text a:focus{
      color: #000 !important;
  text-decoration: none !important;
}

/***********-------------------- footer menu end here ----------------------***********/

/**********--------- work page css start here ----------**********/
.work_desktop_top_margin_600{
  margin-bottom:600px !important;
}
.divine_art,a.divine_art,a.divine_art:hover{
    font-size:100px;
    line-height:100px;
    font-family: 'TypoGraphica';
    letter-spacing:10px;
    color:#000;
    font-variant-ligatures: none;
    margin-bottom:48px;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 750px;
    left: 90px !important;
    text-decoration: none;
    top:-120px !important;
}
.divinearthyperlink:hover{
 cursor:pointer;
}
.divine_art_details{
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 220px;
    left:200px !important;
    text-decoration: none;
}
.abstract, a.abstract, a.abstract:hover{
    font-size:100px;
    line-height:100px;
    font-family: 'TypoGraphica';
    letter-spacing:10px;
    color:#000;
    font-variant-ligatures: none;
    margin-bottom:48px;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 750px;
    left: 90px !important;
    text-decoration:none;
    top:-60px !important;
}
.abstract_details{
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 220px;
    left:200px !important;
}
.landscapes, a.landscapes, a.landscapes:hover{
    font-size:100px;
    line-height:100px;
    font-family: 'TypoGraphica';
    letter-spacing:10px;
    color:#000;
    font-variant-ligatures: none;
    margin-bottom:48px;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 750px;
    left: 90px !important;
    text-decoration:none;
    top:-60px !important;
}
.landscapes_details{
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 220px;
    left:200px !important;
}
.abstract_landscapes, a.abstract_landscapes, a.abstract_landscapes:hover{
    font-size:100px;
    line-height:100px;
    font-family: 'TypoGraphica';
    letter-spacing:6px;
    color:#000;
    font-variant-ligatures: none;
    margin-bottom:48px;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 1250px;
    left: -30px !important;
    text-decoration:none;
    top:-60px !important;
}
.abstract_landscapes_details{
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 220px;
    left:200px !important;
}
.realism_art, a.realism_art, a.realism_art:hover{
    font-size:100px;
    line-height:100px;
    font-family: 'TypoGraphica';
    letter-spacing:10px;
    color:#000;
    font-variant-ligatures: none;
    margin-bottom:48px;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 750px;
    left: 90px !important;
    top:-50px !important;
    text-decoration:none;
    top:-60px !important;
}
.realism_art_details{
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 220px;
    left:200px !important;
}
.portraiture, a.portraiture, a.portraiture:hover{
    font-size:100px;
    line-height:100px;
    font-family: 'TypoGraphica';
    letter-spacing:10px;
    color:#000;
    font-variant-ligatures: none;
    margin-bottom:48px;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 750px;
    left: 90px !important;
    text-decoration:none;
    top:-60px !important;
}
.portraiture_details{
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    display: inline-block !important;
    width: 220px;
    left:200px !important;
}
.view_button_work_page, a.view_button_work_page, a.view_button_work_page:hover{
    font-size:14px;
    line-height:18px;
    font-family: 'OCR-A BT';
    color:#333333 !important;
    margin-top:25px;
    position: relative !important;
    visibility: visible !important;
    text-decoration:none !important;

}
/**********--------- work page css end here ----------**********/

/******** ---------connect page css end here--------- ********/
/* info page main heading */
.info_main_heading{
    font-size:150px;
    line-height:115px;
    color:#999;
    font-family: 'typographica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
  padding-top:500px !important;
  padding-bottom:200px !important;
}
/* info page meet us heading */
.info_main_heading_2{
    font-size:150px;
    line-height:115px;
    color:#000;
    font-family: 'typographica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
}
/* info page first right side image bottom margin */
.info_image_1_margin_desktop_bottom_300{
  margin-bottom:150px !important;
}
/* info page coffee you & me heading */
.info_main_heading_3{
    font-size:35px;
    line-height:35px;
    color:#000;
    font-family: 'typographica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:24px;
}
/* padding below contact form 7 */
.info_contact_form_desktop_bottom_padding_560 {
    padding-bottom: 560px !important;
}

/******** ---------connect page css end here--------- ********/


/******** ---------story page css start here--------- ********/
/* story page top main heading */
.ab_artist{
    font-size:115px;
    line-height:115px;
    color:#fff;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
    margin-top:35px;
    padding-left:100px !important;
    padding-right:96px !important;
}
/* story page top main heading below font*/
.ab_nirmal_bindra{
    font-size:55px;
    line-height:55px;
    color:#a1a1a1;
    font-family: 'OCR-A BT';
    margin-top:35px;
    margin-bottom:35px;
    text-align:left;
    padding-left:100px !important;
    padding-right:96px !important;
    
}
/* story page top main heading below font css */
.ab_nirmal_bindra_inspired{
    font-size:21px;
    line-height:27px;
    color:#d1d1d1;
    font-family: 'OCR-A BT';
    margin-top:35px;
    margin-bottom:35px;
    text-align:center;
    padding-right:60px;
}

/* story page heading through artist font css*/
.story_heading_through{
    font-family: 'TypoGraphica';
    font-size:80px;
    line-height:85px;
    color:#2d2d2d;
    font-variant-ligatures: none;
  	position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    top: 5px !important;
    left: 0px !important;
    margin-left: 8px !important;
    display: inline-block !important;
    width: 310px;
    letter-spacing:8px !important;
}
.story_heading_artist_lens{
    font-family: 'TypoGraphica';
    font-size:80px;
    line-height:85px;
    color:#2d2d2d;
    font-variant-ligatures: none;
  	position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    top: 5px !important;
    left: 0px !important;
    margin-left: 8px !important;
    display: inline-block !important;
    width: 850px;
  letter-spacing:13px !important;
}
/*story page through artist below description font css */
.story_heading_through_artist_description{
    font-family: 'OCR-A BT';
    font-size: 19px;
    line-height: 24px;
    color: #333333;
}
/* sotry page the nest font css */
.ab_heading_the_nest{
    font-family: 'TypoGraphica';
    font-size:90px;
    line-height:95px;
    color:#2d2d2d;
    font-variant-ligatures: none;
    text-align:right;
    padding-right:20px;
}
/* sotry page what i paint font css */
.what_paint{
    font-family: 'TypoGraphica';
    font-size:90px;
    line-height:95px;
    color:#2d2d2d;
    font-variant-ligatures: none;
    text-align:left;
}
/* story page inspired by master description top font css */
.inspired_by_master_description_top{
    text-align: left !important;
    font-family: 'OCR-A BT' !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #fff !important;
}
/* story page inspired by master description below font css */
.inspired_by_master_description_below{
    text-align: left !important;
    font-family: 'OCR-A BT' !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #fff !important;
}
/* story page lasting influence font css */
.lasting{
    font-family: 'TypoGraphica';
    font-size:80px;
    line-height:85px;
    color:#fff;
    font-variant-ligatures: none;
  	position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
    top: 5px !important;
    left: 0px !important;
    margin-left: 8px !important;
    display: inline-block !important;
    width: 550px;
    letter-spacing:10px;
}
/* story page lasting influence below description font css */
.ab_body_white{
    font-family: 'OCR-A BT';
    font-size:19px;
    line-height:29px;
    color:#ffffff;
}
/* story page portion lasting influence 'nirmal bindra' font css */
.ab_body_nirmal{
    font-family: 'OCR-A BT';
    font-size:36px;
    line-height:29px;
    color:#f0f0f0;
}
/***************--------------- story page css end here -------------************/

/******** ---------portfolio page CSS Start*/
.port-banner-text .ab_artist{color:#000;font-size:72px;margin-top: 0;padding:0 !important;}
.port-banner-text  .ab_nirmal_bindra{color:#000;}
.sub-title {
    max-width: 170px;
    width: 100%;
    position: relative;
    text-align: right;
    display: block;
    padding-bottom: 15px;
}
.sub-title .h5 {
    line-height: 34px;
}
.sub-title:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 2px;
    background: #272b2b;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
.port-banner-text{position: absolute;top: 50%;transform: translateY(-50%);left: -90px;}


/***************--------------- upcoming events page css start here -------------************/
/* upcoming event page top main heading */
.upcoming{
    font-size:110px;
    line-height:110px;
    color:#000;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    margin-top:150px !important;
    padding-left:48px !important;
}
/* upcoming event page top main heading 2 */
.upcoming-events{
    font-size:110px;
    line-height:110px;
    color:#000;
    font-family: 'TypoGraphica';
    font-weight:300;
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
  padding-left:48px !important;
}


/***************--------------- upcoming events page css end here -------------************/


/***************--------------- event page css start here -------------************/
/* event page top main heading */
.event{
    font-size:140px;
    line-height:140px;
    color:#000;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    margin-top:150px !important;
    padding-left:96px !important;
}
/* event page top main heading 2 */
.covered{
    font-size:117px;
    line-height:117px;
    color:#000;
    font-family: 'TypoGraphica';
    font-weight:300;
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
  padding-left:96px !important;
}
/* event page heading */
.essence{
    font-size:90px;
    line-height:90px;
    color:#000;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    display:inline-block;
    width:700px;
    z-index:4 !important;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
}
.essence-below{
    font-size:40px;
    line-height:40px;
    color:#000;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    z-index:4 !important;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
}
/* event page heading */
.art{
    font-size:90px;
    line-height:90px;
    color:#000;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    display:inline-block;
    width:700px;
    z-index:4 !important;
    position: relative !important;
    visibility: visible !important;
    z-index: 50 !important;
}
/* event page font style of shows deatails*/
.show_details{
    font-family: 'OCR-A BT';
    font-size:23px;
    line-height:32px;
    color:#2d2d2d;
}
/***************--------------- event page css end here -------------************/


/***************--------------- divinity page css start here -------------************/
/** divinity page image margin from top css start here**/

/*********** two generation image css ***********/
.divinity_text_3_img{
    margin-top:-100px !important;
  left:-120px !important;
}
/*********** little girlfull image css ***********/
.divinity_text_4_img{
    margin-top:-160px !important;
}
/*********** timeless love image css ***********/
.divinity_text_5_img{
    margin-top:-140px !important;
  left:-30px !important;
}
/*********** juvenile love text ***********/
.divinity_text_6_img{
    margin-top:-150px !important;
}
/*********** oil on canvas image css 2***********/
.divinity_text_7_img{
    margin-top: 10px !important;
}
/*********** two generation image css 2***********/
.divinity_text_8_img{
    margin-top:-150px !important;
  left:-40px !important;
}
/*********** little girlfull image css 2***********/
.divinity_text_9_img{
    margin-top:-160px !important;
}
/*********** timeless love image css 2***********/
.divinity_text_10_img{
    margin-top:-70px !important;
}
/*********** juvenile love image css 2 ***********/
.divinity_text_11_img{
    margin-top:-100px !important;
}
/*********** oil on canvas image css 3***********/
.divinity_text_12_img{
    margin-top:-150px !important;
  left:-130px !important;
}
.divinity_text_13_img{
    margin-top:-90px !important;
  left:0px !important;
}
.divinity_text_14_img{
    margin-top:-70px !important;
  left:-130px !important;
}
.divinity_text_15_img{
    margin-top:-120px !important;
  left:0px !important;
}
.divinity_text_16_img{
    margin-top:-70px !important;
  left: -130px !important;
}
.divinity_text_17_img{
    margin-top:-120px !important;
  left:0px !important;
}

/** divinity page image margin from top css end here**/


/************ divinity page text align css start here ***************/
.top_-60_left_90_17{
  position: relative !important;
  visibility: visible !important;
  top: -85px !important;
  left: 275px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-105_left_240_16{
  position: relative !important;
  visibility: visible !important;
  top: -60px !important;
  left: 90px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-85_left_275_15{
  position: relative !important;
  visibility: visible !important;
  top: -85px !important;
  left: 275px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-105_left_240_14{
  position: relative !important;
  visibility: visible !important;
  top: -60px !important;
  left: 90px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 220px;
  z-index: 50 !important;
}
.top_-85_left_275_13{
  position: relative !important;
  visibility: visible !important;
  top: -75px !important;
  left: 275px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-105_left_240_12{
  position: relative !important;
  visibility: visible !important;
  top: -150px !important;
  left: 90px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-85_left_275_11{
  position: relative !important;
  visibility: visible !important;
  top: -85px !important;
  left: 275px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-105_left_82_10{
  position: relative !important;
  visibility: visible !important;
  top: -55px !important;
  left: 82px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-105_left_250_9{
  position: relative !important;
  visibility: visible !important;
  top: -105px !important;
  left: 250px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 200px;
  z-index: 50 !important;
}
.top_-105_left_150_8{
  position: relative !important;
  visibility: visible !important;
  top: -105px !important;
  left: 90px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_45_left_455_7{
  position: relative !important;
  visibility: visible !important;
  top: 45px !important;
  left: 455px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 210px;
  z-index: 50 !important;
}
.top_-105_left_275_6{
  position: relative !important;
  visibility: visible !important;
  top: -105px !important;
  left: 275px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-105_left_82_5{
  position: relative !important;
  visibility: visible !important;
  top: -120px !important;
  left: 150px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_-115_left_260_4{
  position: relative !important;
  visibility: visible !important;
  top: -115px !important;
  left: 260px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 200px;
  z-index: 50 !important;
}
.top_-105_left_175_3{
  position: relative !important;
  visibility: visible !important;
  top: -95px !important;
  left: 165px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 190px;
  z-index: 50 !important;
}
.top_45_left_450_2{
  position: relative !important;
  visibility: visible !important;
  top: 45px !important;
  left: 450px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 210px;
  z-index: 50 !important;
}
.top_120_left_10_1{
  position: relative !important;
  visibility: visible !important;
  top: 120px !important;
  left: 10px !important;
  margin-left: 8px !important;
  display: inline-block !important;
  width: 210px;
  z-index: 50 !important;
}

/************ divinity page text align css end here ***************/


/************ divinity page main heading ***************/
.divinity{
    font-size:115px;
    line-height:115px;
    color:#fff;
    font-family: 'TypoGraphica';
    text-align:left;
    font-variant-ligatures: none;
    margin-bottom:48px;
  margin-top:140px !important;
}
/************ divinity page below main heading ***************/
.divinity_below{
    font-size:21px;
    line-height:27px;
    color:#d1d1d1;
    font-family: 'OCR-A BT';
    margin-top:35px;
    text-align:left;
}

/***************--------------- divinity page css end here -------------************/


/** all art pages art sub-title like divinity, portratuire, abstract art page **/
.art_size_text{
  font-family: 'OCR-A BT';
  font-size:15px;
  line-height:21px;
  color:#2d2d2d;
  width: 140px;
  z-index: 50 !important;
  display: inline-block !important;
}
/** all art pages art code css like divinity, portratuire, abstract art page **/
.art_code_text{
  font-family: 'OCR-A BT';
  font-size:15px;
  line-height:21px;
  color:#2d2d2d;
  width: 100px;
  z-index: 50 !important;
  display: inline-block !important;
}
/************ all art pages art title like divinity, portratuire, abstract art page ***************/
.page_gallery_heading_text{
  font-family: 'OCR-A BT';
  font-size:19px;
  line-height:29px;
  color:#2d2d2d;
  z-index: 50 !important;
  font-weight:700 !important;
  display: inline-block !important;
}

/************************* fottar mobile responsive ***************************/
@media screen and (min-width:240px) and (max-width:480px){
  /******** all page footar 3 hover image white portion *********/
	.bigword_new_insta_white{
	font-size:50px !important;
	line-height:60px !important;
	color:#000;
  letter-spacing:6px !important;
  text-align:center;
	font-family: 'TypoGraphica';
  padding-left:5px !important;
  padding-right:25px !important;
    margin-top:40px !important;
    margin-bottom:40px !important;
	}
/******** all page footar 3 hover image black portion *********/
	.bigword_new_insta{
	font-size:50px !important;
	line-height:60px !important;
	color:#fff;
  text-align:center;
	font-family: 'TypoGraphica';
  letter-spacing:6px !important;
  margin-left:25px !important;
  margin-right:45px !important;    
    margin-top:10px !important;
    margin-bottom:10px !important;
	}
}
/************************* fottar mobile responsive end here ***************************/

/*********** home page client diaries css *************/
#client-diaries{
    text-align: left;
    font-size: 80px;
    line-height: 80px;
    color:#fff !important;
    font-family: 'TypoGraphica';
    letter-spacing:7px;
    font-variant-ligatures: none;
  text-decoration: none !important;
}
#client-diaries a{
    text-align: left;
    font-size: 80px;
    line-height: 80px;
    color:#fff !important;
    font-variant-ligatures: none;
  text-decoration: none !important;
}
#client-diaries a:hover, #client-diaries a:focus{
    text-align: left;
    font-size: 80px;
    line-height: 80px;
    color:#e5a200 !important;
    font-variant-ligatures: none;
  text-decoration: none !important;
}

.jumbo-by-bonfire .menu > li > a{
      font-family: 'TypoGraphica' !important;
    letter-spacing:7px;
    font-variant-ligatures: none;
}



/********** home page bigwords css on hover effects **********/
.bigword a {
    text-align: left;
    font-size: 80px !important;
    line-height: 80px !important;
    color: #fff !important;
    font-family: 'TypoGraphica';
    letter-spacing: 7px;
    font-variant-ligatures: none;
    text-decoration: none !important;
}
.bigword{
    text-align: left;
    font-size: 80px !important;
    line-height: 80px !important;
    color:#fff !important;
    font-family: 'TypoGraphica';
    letter-spacing:7px;
    font-variant-ligatures: none;
  text-decoration: none !important;
}
.bigword:a{
    text-align: left;
    font-size: 80px !important;
    line-height: 80px !important;
    color:#fff !important;
    font-variant-ligatures: none;
  text-decoration: none !important;
}
.bigword a:hover, .bigword a:focus{
    text-align: left;
    font-size: 80px !important;
    line-height: 80px !important;
    color:#e5a200 !important;
    font-variant-ligatures: none;
  text-decoration: none !important;
}
.smallword{
    text-align: left;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 7px;
    color:#fff;
    font-family: 'OCR-A BT';
}

/************* css for slider story S Letter Capital********************/
.tp {
    z-index: 6;
    white-space: nowrap;
    font-size: 126px;
    line-height: 126px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-family: TypoGraphica;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform-origin: 50% 50% 0px;
    transform: translate3d(0px, 0px, 0px);
    font-variant-ligatures: none !important;
}


/*********** all pages body text ***********/
.page_body, a.page_body, a.page_body:hover{
    font-family: 'OCR-A BT';
    font-size:19px;
    line-height:24px;
    color:#333333 !important;
    text-decoration:none !important;
}
/******** TypoGraphica font *********/
@font-face {
   font-family: 'TypoGraphica';
   src: url('https://www.nirmalsartbox.com/fonts/TypoGraphica.eot');
   src: url('https://www.nirmalsartbox.com/fonts/TypoGraphica.eot?#iefix') format('embedded-opentype'),
       url('https://www.nirmalsartbox.com/fonts/TypoGraphica.woff2') format('woff2'),
       url('https://www.nirmalsartbox.com/fonts/TypoGraphica.woff') format('woff'),
       url('https://www.nirmalsartbox.com/fonts/TypoGraphica.ttf') format('truetype'),
       url('https://www.nirmalsartbox.com/fonts/TypoGraphica.svg#TypoGraphica') format('svg');
   font-weight: normal;
   font-style: normal;
}
/******** OCR-A BT font *********/
@font-face {
   font-family: 'OCR-A BT';
   src: url('https://www.nirmalsartbox.com/fonts/OCRAbyBT-Regular.woff2') format('woff2'),
       url('https://www.nirmalsartbox.com/fonts/OCRAbyBT-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

/******** all page footar 3 hover image white portion *********/
.bigword_new_insta_white{
	font-size:80px;
	line-height:90px;
	color:#000;
  letter-spacing:6px;
  text-align:center;
	font-family: 'TypoGraphica';
  padding-top:100px !important;
  padding-bottom:150px !important;
  padding-left:30px !important;
  padding-right:30px !important;
  margin-top:18px !important;
	background-color: #fff !important;
}
/******** all page footar 3 hover image black portion *********/
.bigword_new_insta{
	font-size:80px;
	line-height:90px;
	color:#fff;
	text-align:center;
	font-family: 'TypoGraphica';
  letter-spacing:6px;
  padding-top:150px !important;
  padding-bottom:150px !important;
  padding-left:30px !important;
  padding-right:30px !important;
  background-color: #000 !important;
}

/********* theme menu line button hide **************/
@media screen and (min-width:240px) {
	.menu-toggle .lines-button, .hide-overlay .lines-button {
  	  display: none !important;
	}
}

/**** client diaries css and all heading like client diaries,story page inspired by the master ****/
.bigword_new{
font-size:90px;
line-height:90px;
color:#e5a200;
letter-spacing:10px;
text-align:center;
font-family: 'TypoGraphica';
font-variant-ligatures: none;
}
/******* client diary below description text css ********/
.client_diaries_description{
  text-align: left;
  font-family: 'OCR-A BT';
  font-size: 22px;
  line-height: 28px;
  color: #fff;
  padding-left:90px !important;
  padding-right:90px !important;
}
/******* client diary testimonials text css ********/
.testimonials-hm{
  font-size:30px !important;
  line-height:40px !important;
  color:#fff !important;
  font-family: 'OCR-A BT';
  margin-left:45px !important;
  margin-top:30px !important;
}
/****** home page testimonials from css *********/
.testimonials-hm-name{
  font-size:14px !important;
  line-height:17px !important;
  color:#fff !important;
  font-family: 'OCR-A BT';
  margin-left:30px !important;
  margin-top:60px !important;
}
/****** home page testimonials name css *********/
.testimonials-hm-name-color-change{
  font-size:18px !important;
  line-height:24px !important;
  color:#e5a200 !important;
  text-decoration:underline !important;
  font-weight:400;
  font-family: 'OCR-A BT';
  margin-left:30px !important;
}
/****** home page testimonials designation css *********/
.testimonials-hm-designation{
  font-size:15px !important;
  line-height:21px !important;
  color:#fff !important;
  font-weight:400;
  font-family: 'OCR-A BT';
  margin-left:30px !important;
  width:170px !important;
}



/**************-------------- all page menu css start ---------------**************************/

/* ----------- MAIN MENU CSS BEGINS HERE ----------- */
/* ----------- DO NOT EDIT ----------- */
/* ----------- Menu Profile Pic and Overlay CSS ----------- */
.lower{
  }

.lower:hover{
}

input.noinputhere{
  display:none;
}

.lower .profile-pic label .burgermenu{
	padding-top: 7px;	
	padding-right: 7px;
	position: absolute;
	right: -52px;
	top: 35px;
		display: none;
}

.lower .profile-pic:hover label .burgermenu{
	display: block;
	fill: #AAA9A9 !important;
}

.lower .profile-pic label:hover{
  cursor:pointer;
}
 .profile-pic{
 position: fixed !important;
display: inline-block !important;
padding-left: 0px !important;
margin-top: 30px !important;
z-index: 10000 !important;
}
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index: 99999 !important;
}

.overlay label{
	width: 30px;
	height:30px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: url('https://www.nirmalsartbox.com/wp-content/uploads/2018/10/cross-gray-2.png');
	z-index: 100;
  cursor:pointer;
}

.overlay nav {

	}


.lower~.overlay-hugeinc{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

#op:checked~.overlay-hugeinc{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}



/* ----------- Landscape mode for mobiles ----------- */
@media screen
and (orientation: landscape)
 and (max-height: 480px)
 {
a.menuart5 {
display: none !important;
}
}
/* ----------- Mobile Queries ----------- */
/* ----------- Portrait mode for mobiles and tablets ----------- */
@media 
  (max-width: 800px) 
  and (orientation: portrait) {
.right-partition {
display:none !important;
}
.NavigationArea .left-partition {
    position: absolute !important;
    top: .6vw !important;
    left: .6vw !important;
    right: .6vw !important;
    bottom: .6vw !important;
    overflow: hidden !important;
}
.left-partition {
width: 100% !important;
}
.left-partition .home-class{
display:none !important;
}
.left-partition .story-class{
display:none !important;
}
.left-partition .work-class{
display:none !important;
}
.left-partition .events-class{
display:none !important;
}
.left-partition .connect-class{
display:none !important;
}
.left-partition .empty-area{
display:none !important;
}
.left-partition .empty-area-content{
display:none !important;
}
.left-partition .mobile-home-class{
    position: relative !important;
    height: 20% !important;
    width: 100% !important;
    display: block !important;
}
.left-partition .mobile-home-class .bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.left-partition .mobile-home-class .bg rect{
fill: #fff;
}
.left-partition .mobile-home-class .text{
left: -0.43103vh;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.left-partition .mobile-home-class .text rect{
fill: #000;
}
.left-partition .mobile-home-class .text path{
fill: #fff;
}
.left-partition .mobile-story-class{
    position: relative !important;
    height: 20% !important;
    width: 100% !important;
    display: block !important;
}
.left-partition .mobile-story-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .mobile-story-class .bg rect{
    fill: #fff;
}
.left-partition .mobile-story-class .text {
    width: 100%;
    position: absolute;
    left: -0.53879vh;
    top: 0;
    height: 100%;
    transition: transform .35s ease-out;
    pointer-events: none;
}
.left-partition .mobile-story-class .text rect{
    fill: #000;
}

.left-partition .mobile-story-class .text path{
    fill: #fff;
}
.left-partition .mobile-work-class{
    position: relative !important;
    height: 20% !important;
    width: 100% !important;
    display: block !important;
}
.left-partition .mobile-work-class .bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.left-partition .mobile-work-class .bg rect{
fill: #fff;
}
.left-partition .mobile-work-class .text{
left: -0.43103vh;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.left-partition .mobile-work-class .text rect{
fill: #000;
}
.left-partition .mobile-work-class .text path{
fill: #fff;
}
.left-partition .mobile-events-class{
    position: relative !important;
    height: 20% !important;
    width: 100% !important;
    display: block !important;
}
.left-partition .mobile-events-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .mobile-events-class .bg rect{
    fill: #fff;
}
.left-partition .mobile-events-class .text {
    width: 100%;
    position: absolute;
    left: -0.53879vh;
    top: 0;
    height: 100%;
    transition: transform .35s ease-out;
    pointer-events: none;
}
.left-partition .mobile-events-class .text rect{
    fill: #000;
}

.left-partition .mobile-events-class .text path{
    fill: #fff;
}
.left-partition .mobile-connect-class{
    position: relative !important;
    height: 20% !important;
    width: 100% !important;
    display: block !important;
}
.left-partition .mobile-connect-class .bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.left-partition .mobile-connect-class .bg rect{
fill: #fff;
}
.left-partition .mobile-connect-class .text{
left: -0.43103vh;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.left-partition .mobile-connect-class .text rect{
fill: #000;
}
.left-partition .mobile-connect-class .text path{
fill: #fff;
}
}

/* ----------- Responsive Queries for Right Partition ----------- */

@media only screen and (max-width:1200px) {
.right-partition .right-partition-table .centering-wrapper .recent {
    width: 400px !important;
   font-family: 'OCR-A BT';
}
}
@media only screen and (max-width:1023px) {
.right-partition .right-partition-table .centering-wrapper .recent {
    width: 320px !important;
}
.right-partition .right-partition-table .centering-wrapper {
    font-size: 12px !important;
}
}
@media only screen and (max-width:960px) {
.right-partition .right-partition-table .centering-wrapper .recent {
    width: 320px !important;
}
.right-partition .right-partition-table .centering-wrapper {
    font-size: 10px !important;
}
}
@media only screen and (max-width:800px) {
.right-partition .right-partition-table .centering-wrapper .recent {
    width: 260px !important;
}
.right-partition .right-partition-table .centering-wrapper {
    font-size: 8px !important;
}
}
@media only screen and (max-width:600px) {
.right-partition .right-partition-table .centering-wrapper .recent {
    width: 160px !important;
}
.right-partition .right-partition-table .centering-wrapper {
    font-size: 6px !important;
}
}
@media only screen and (max-width:400px) {
.right-partition .right-partition-table .centering-wrapper .recent {
    width: 120px !important;
}
.right-partition .right-partition-table .centering-wrapper {
    font-size: 6px !important;
}
.right-partition .shop-link {
    font-size: 16px !important;
    line-height: 34px !important;
    width: 100px !important;
    height: 36px !important;
    margin-left: -50px !important;
}
}
 @media only screen and (orientation: landscape) {
.mobile .right-partition .shop-link{
display:none !important;
}
}
/* ----------- Main Area CSS ----------- */
.NavigationArea {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #000;
    color: #fff;}

/* ----------- Desktop Left Partition CSS ----------- */

.left-partition {
    position: absolute;
    left: .53924506vh;
    top: .2%;
    width: 50%;
    height: 99.6%;
    overflow: hidden;
}

.left-partition .home-class{
    position: relative;
    height: 20%;
    width: 100%;
    display: block;
    overflow: hidden;
}
.left-partition .mobile-home-class{
display:none;
}
.left-partition .mobile-story-class{
display:none;
}
.left-partition .mobile-work-class{
display:none;
}
.left-partition .mobile-events-class{
display:none;
}
.left-partition .mobile-connect-class{
display:none;
}

.left-partition .home-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .home-class .bg rect{
    fill: #fff;
}
.left-partition .home-class .text {
    width: calc(100% + .5387931vh);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transition: transform .35s ease-out;
    pointer-events: none;
}
.left-partition .home-class .text rect{
    fill: #000;
}

.left-partition .home-class .text path{
    fill: #fff;
}
 @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 

.left-partition .home-class:hover{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.left-partition .story-class:hover{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.left-partition .work-class:hover{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.left-partition .events-class:hover{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.left-partition .connect-class:hover{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.left-partition .story-class{
    position: relative;
    height: 20%;
    width: 100%;
    display: block;
    overflow: hidden;
}

.left-partition .story-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .story-class .bg rect{
    fill: #fff;
}
.left-partition .story-class .text {
    width: 100%;
    position: absolute;
    left: -0.53879vh;
    top: 0;
    height: 100%;
    pointer-events: none;
}
.left-partition .story-class .text rect{
    fill: #000;
}

.left-partition .story-class .text path{
    fill: #fff;
}
.left-partition .work-class{
    position: relative;
    height: 20%;
    width: 100%;
    display: block;
    overflow: hidden;
}
.left-partition .work-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .work-class .bg rect{
    fill: #fff;
}
.left-partition .work-class .text {
    width: calc(100% + .5387931vh);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
}
.left-partition .work-class .text rect{
    fill: #000;
}

.left-partition .work-class .text path{
    fill: #fff;
}

.left-partition .events-class{
    position: relative;
    height: 20%;
    width: 100%;
    display: block;
    overflow: hidden;
}
.left-partition .events-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .events-class .bg rect{
    fill: #fff;
}
.left-partition .events-class .text {
    width: 100%;
    position: absolute;
    left: -0.53879vh;
    top: 0;
    height: 100%;
    pointer-events: none;
}
.left-partition .events-class .text rect{
    fill: #000;
}

.left-partition .events-class .text path{
    fill: #fff;
}
.left-partition .connect-class{
    position: relative;
    height: 20%;
    width: 100%;
    display: block;
    overflow: hidden;
}
.left-partition .connect-class .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.left-partition .connect-class .bg rect{
    fill: #fff;
}
.left-partition .connect-class .text {
    width: calc(100% + .5387931vh);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    pointer-events: none;
}
.left-partition .connect-class .text rect{
    fill: #000;
}

.left-partition .connect-class .text path{
    fill: #fff;
}
.left-partition .empty-area{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media (max-aspect-ratio: 109/70) {
.left-partition .empty-area {
    position: relative !important;
    height: 16.6666667% !important;
    width: 100% !important;
    display: block !important;
}
.left-partition .empty-area .empty-area-content{
position: absolute !important;
left: 0 !important;
top: 1.19731801% !important;
height: 97.60536398% !important;
width: 100% !important;
background: #fff !important;
}
.left-partition .home-class{
    height: 16.66666667% !important;
}
.left-partition .story-class{
    height: 16.66666667% !important;
}
.left-partition .work-class{
    height: 16.66666667% !important;
}
.left-partition .events-class{
    height: 16.66666667% !important;
}
.left-partition .connect-class{
    height: 16.66666667% !important;
}
}
@media (max-aspect-ratio: 13/10) {
.left-partition .empty-area {
    height: 28.571428% !important;
}
.left-partition .home-class{
    height: 14.285714% !important;
}
.left-partition .story-class{
    height: 14.285714% !important;
}
.left-partition .work-class{
    height: 14.285714% !important;
}
.left-partition .events-class{
    height: 14.285714% !important;
}
.left-partition .connect-class{
    height: 14.285714% !important;
}
.left-partition .empty-area .empty-area-content{
top: .598659% !important;
height: 98.80268199% !important;
}
}
@media (max-aspect-ratio: 6/5) {
.left-partition .empty-area {
    height: 37.5% !important;
}
.left-partition .home-class{
    height: 12.5% !important;
}
.left-partition .story-class{
    height: 12.5% !important;
}
.left-partition .work-class{
    height: 12.5% !important;
}
.left-partition .events-class{
    height: 12.5% !important;
}
.left-partition .connect-class{
    height: 12.5% !important;
}
.left-partition .empty-area .empty-area-content{
top: .399106% !important;
height: 99.20178799% !important;
}
}
@media (max-aspect-ratio: 1/1) {
.left-partition .empty-area {
    height: 41.1764705% !important;
}
.left-partition .home-class{
    height: 11.7647058% !important;
}
.left-partition .story-class{
    height: 11.7647058% !important;
}
.left-partition .work-class{
    height: 11.7647058% !important;
}
.left-partition .events-class{
    height: 11.7647058% !important;
}
.left-partition .connect-class{
    height: 11.7647058% !important;
}
.left-partition .empty-area .empty-area-content{
top: .399106% !important;
height: 99.20178799% !important;
}
}
@media (max-aspect-ratio: 13/14) {
.left-partition .empty-area {
    height: 44.4444444% !important;
}
.left-partition .home-class{
    height: 11.111111% !important;
}
.left-partition .story-class{
    height: 11.111111% !important;
}
.left-partition .work-class{
    height: 11.111111% !important;
}
.left-partition .events-class{
    height: 11.111111% !important;
}
.left-partition .connect-class{
    height: 11.111111% !important;
}
.left-partition .empty-area .empty-area-content{
    top: .2993295% !important;
    height: 99.401341% !important;
}
}
@media (max-aspect-ratio: 6/7) {
.left-partition .empty-area {
    height: 50% !important;
}
.left-partition .home-class{
    height: 10% !important;
}
.left-partition .story-class{
    height: 10% !important;
}
.left-partition .work-class{
    height: 10% !important;
}
.left-partition .events-class{
    height: 10% !important;
}
.left-partition .connect-class{
    height: 10% !important;
}
.left-partition .empty-area .empty-area-content{
top: .2394636% !important;
height: 99.5210728% !important;
}
}
@media (max-aspect-ratio: 55/70) {
.left-partition .empty-area {
    height: 55% !important;
}
.left-partition .home-class{
    height: 9% !important;
}
.left-partition .story-class{
    height: 9% !important;
}
.left-partition .work-class{
    height: 9% !important;
}
.left-partition .events-class{
    height: 9% !important;
}
.left-partition .connect-class{
    height: 9% !important;
}
.left-partition .empty-area .empty-area-content{
top: .199553% !important;
height: 99.600894% !important;
}
}
@media (max-aspect-ratio: 52/70) {
.left-partition .empty-area {
    height: 57.5% !important;
}
.left-partition .home-class{
    height: 8.5% !important;
}
.left-partition .story-class{
    height: 8.5% !important;
}
.left-partition .work-class{
    height: 8.5% !important;
}
.left-partition .events-class{
    height: 8.5% !important;
}
.left-partition .connect-class{
    height: 8.5% !important;
}
.left-partition .empty-area .empty-area-content{
top: .199553% !important;
height: 99.600894% !important;
}
}
@media (max-aspect-ratio: 47/70) {
.left-partition .empty-area {
    height: 60% !important;
}
.left-partition .home-class{
    height: 8% !important;
}
.left-partition .story-class{
    height: 8% !important;
}
.left-partition .work-class{
    height: 8% !important;
}
.left-partition .events-class{
    height: 8% !important;
}
.left-partition .connect-class{
    height: 8% !important;
}
.left-partition .empty-area .empty-area-content{
top: .199553% !important;
height: 99.600894% !important;
}
}
@media (max-aspect-ratio: 3/5) {
.left-partition .empty-area {
    height: 63.63% !important;
}
.left-partition .empty-area .empty-area-content{
    top: .17104543% !important;
    height: 99.65790914% !important;
}
}
@media (max-aspect-ratio: 18/35) {
.left-partition .empty-area {
    height: 66.666667% !important;
}
.left-partition .empty-area .empty-area-content {
    top: .14966475% !important;
    height: 99.7006705% !important;
}
}
.left-partition .empty-area {
    display: none;
}
/* ----------- Desktop Right Partition CSS ----------- */

.right-partition {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
	}
	
.right-partition .right-partition-table {
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
}	

.right-partition .right-partition-table .centering-wrapper {
    font-size: 12px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: .375em;
    padding-bottom: 40px;
	font-family: 'OCR-A BT';
}
.right-partition .right-partition-table .centering-wrapper h3 {
    font-weight: 600;
    color: #4e5153;
    padding-bottom: .6875em;
    font-size: 1.375em;
}
.right-partition .right-partition-table .centering-wrapper .recent {
    position: relative;
    display: inline-block;
    width: 480px;
    border-top: 1px solid #333637;
    padding: 1.75em 24px 1.5625em;
    font-weight: 400;
    box-sizing: border-box;
    letter-spacing: -.01em;
    text-decoration: none;
}
.right-partition .right-partition-table .centering-wrapper .recent .title {

    color: #fff;
    font-size: 2em;
    line-height: 1.25;

}

.right-partition .right-partition-table .centering-wrapper .recent .category {

    color: #fff;
    font-size: 1em;
    line-height: 1.25;
    padding-top: .375em;

}
.right-partition .shop-link {
    position: absolute;
    display: block;
    bottom: 36px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 50px;
    box-shadow: inset 0 0 0 2px #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    color: #fff;
}
/* ----------- MAIN MENU CSS ENDS HERE ----------- */
/* ----------- OTHER THINGS BEGINS ----------- */

/*************--------------- all page menu css end ---------------*************************/

/**---------------- Responsive contact form css ----------------**/
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
    background-color: rgba(0, 0, 0, 0.54);
    font-family: 'OCR-A BT';
}
.connectformtext{
  color:white !important;
}
#page select{
      font-family: 'OCR-A BT';
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea,.wpcf input[type="select"] {
  font-family: 'OCR-A BT';
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
    font-family: 'OCR-A BT'!important;
	float: right;
	background: #000 !important;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: #ff0000;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

/**---------------- Responsive contact form css end ----------------**/

/**************-------------- Leftbar for work page starts ---------------**************************/
@media screen and (max-width:640px){
.ProjectsSection {
  display:none !important;
}
}
.ProjectsSection {
}
.ProjectsSection .ProjectsSidebar {
        padding: 70vh 0 0;
    position: fixed;
    z-index: 21;
    width: 13px;
    left: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    transition: all .2s;
}
.ProjectsSection .ProjectsSidebarPoint {
    position: relative;
    width: 13px;
    height: 13px;
    background: #000;
    cursor: pointer;
    margin-bottom: 17px;
    border-radius: 50%;
}

.ProjectsSection .ProjectsSidebarPoint span {
    display: none;
    font-size: 16px;
    line-height: 13px;
    text-transform: uppercase;
    padding-left: 27px;
    font-weight: 700;
    color: #000;
}
.ProjectsSection .ProjectsSidebarPoint:after {
    content: "";
    position: absolute;
    left: -9px;
    top: -9px;
    right: -9px;
    bottom: -9px;
}
.ProjectsSection .ProjectsSidebar[data-active="0"] .ProjectsSidebarSelected {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.iamsmooth{
    text-decoration:none;
}
.anchor::before {
    content: "";
    display: block;
    margin-top: -50px;
    position: absolute;
}
/**************-------------- Leftbar for work page ends ---------------**************************/
/**************-------------- MiniMenu for work page starts ---------------**************************/
@media screen and (min-width:641px){
.WorkMiniMenu {
  display:none !important;
  }
}
.WorkMiniMenu .WorkMiniMenuPoints {
    position: fixed;
    z-index: 21;
    width: 35px;
    height: 48px;
    top: 20px;
    right: 0;
  cursor:pointer;
  left: 90%;
}
.WorkMiniMenu .WorkMiniMenuPoints .dot1 {
    top: 12px;
}
.WorkMiniMenu .WorkMiniMenuPoints .dot2 {
    top: 21px;
}
.WorkMiniMenu .WorkMiniMenuPoints .dot3 {
    top: 30px;
}
.WorkMiniMenu .WorkMiniMenuPoints .dot1, .WorkMiniMenu .WorkMiniMenuPoints .dot2, .WorkMiniMenu .WorkMiniMenuPoints .dot3 {
    position: absolute;
    left: 14px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #000;
}
.WorkMiniMenu .WorkMiniMenuPanel {
    position: fixed;
    z-index: 71;
    width: 160px;
    height: 100%;
    top: 0;
    right: 0;
    background: #000;
    -webkit-transform: translateX(160px);
    transform: translateX(160px);
    transition: all .2s;
}
.WorkMiniMenu.WorkMiniMenu--opened .WorkMiniMenuPanel {
    -webkit-transform: none;
    transform: none;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelClose {
    position: absolute;
    right: 16px;
    top: 17px;
    width: 19px;
    height: 19px;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelClose .cross1 {
    width: 23px;
    height: 3px;
    background: #fff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -3px;
    top: 8px;
    transition: transform .15s ease-out;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelClose .cross2 {
    content: "";
    width: 23px;
    height: 3px;
    left: -3px;
    top: 8px;
    background: #fff;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    transition: transform .15s ease-out;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelClose::after {
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    right: -12px;
    bottom: -12px;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelScroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelScroll .WorkMiniMenuPanelCategory:first-child {
    margin-top: 30px;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelScroll .WorkMiniMenuPanelCategory {
    padding: 0 17px;
    margin: 26px 0;
    line-htight: 30px;
    font-size: 23px;
    color: #fff;
    text-align: left;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelScroll .WorkMiniMenuPanelCategory {
    padding: 0 17px;
    margin: 26px 0;
     font-size: 23px;
    color: #fff;
    text-align: left;
}
.WorkMiniMenu .WorkMiniMenuPanel .WorkMiniMenuPanelScroll .WorkMiniMenuPanelCategory:last-child {
    margin-bottom: 30px;
}
/**************-------------- MiniMenu for work page ends ---------------**************************/

/**************-------------- Footer Menu CSS ---------------**************************/

/* ----------- Footer 3 column css starts here ----------- */
/* ----------- DO NOT EDIT ----------- */
/* ----------- 3 column css ----------- */
.Footer {
    position: relative;
    z-index: 70;
	display: block;
	}
footer,i {
	    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
	}
	
i, cite, em, var, address, dfn {
    font-style: italic;
}
.FooterBlocks {
    background: #000;
}
.clearfix, html[xmlns] .clearfix {
    display: block;
}	
.FooterBlock {
    position: relative;
    display: inline-block;
    float: left;
    width: 33.333%;
    max-height: 600px;
    min-height: 180px;
    height: 41vw;
}
.FooterBlock--black i {
    background: #000 !important;
}
.FooterBlock i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

.FooterBlock i svg {
    transition: opacity .3s;
}

.FooterBlock--black i svg {
    fill: #fff !important;
}
.FooterBlock i svg {
    width: 100%;
    height: 100%;
    fill: #000;
}

.FooterBlockBack {
    transition: opacity .3s;
}
.FooterBlockBack {
    position: absolute;
    top: 13.4%;
    left: 12.5%;
    right: 12.5%;
    bottom: 21.5%;
    opacity: 0;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.FooterBlock--black .FooterBlockTag {
    color: #fff !important;
}
.FooterBlockTag {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8.8%;
    font-size: 24px;
    opacity: 0;
    color: #000;
}
.FooterBlockTag {
    transition: opacity .3s;
}

.custom-footer .footar-menu-text {
    padding: 0;
    margin: 0 !important;
		font-size: 16px !important;
    line-height: 21px !important;
}
.old-footer{display:none !important}
.custom-footer{padding-bottom:50px;padding-top:30px;}
.custom-footer h3 {
    position: relative;
    font-family: 'TypoGraphica';
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.custom-footer h3:after {
    position: absolute;
    content: '';
    width: 80px;
    background: #000;
    bottom: 0;
    left: 0;
    height: 2px;
}
.custom-footer .footar-menu-text a{display:block;}
.custom-footer .info a{color:#000 !important}
.custom-footer .f_story_work_event_connect_client_diaries{left:0px !important}
.custom-copy  .copyright_maxjaar_footer{text-align:center !important;margin:0px !important}
.custom-copy {
    border-top: solid 2px #eee;
    padding-top: 20px;
}
a.tcp-view{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
a.tcp-ext{display:none;}
a.tcp-view{background-color:#fff;border-color:#fff;}
a.tcpc-link{color:#000;}
.custom-footer  .f_client_diaries{margin-bottom:20px !important;}
.hamburg-icon .profile-pic {
    width: 100%;
}
.hamburg-icon .burgermenu {
    display: inline-block !important;
    right:70px !important;
    top: 0 !important;
}
.hamburg-icon svg#Layer_1 {
    background: #fff;
    padding: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);width: 25px;
    height: 25px;
}
.hamburg-icon .profile-pic{margin-top: 0px !important;}
/* ----------- 3 column css ends----------- */