/*Sathish's work begins here. Don't modify this highly optimised and saturated CSS file. If you are going to add a new feature then create a new CSS file and add your code in it, and place it immediately after the art.css in the tag, in base.*/ @font-face { font-family: 'AkzidenzGroteskBE-Light'; src: url('fonts/AkzidenzGroteskBE-Light.eot'); src: url('fonts/AkzidenzGroteskBE-Light.eot?#iefix') format('embedded-opentype'); src: local('☺'), url('fonts/AkzidenzGroteskBE-Light.svg#font') format('svg'), url('fonts/AkzidenzGroteskBE-Light.ttf') format('truetype'), url('fonts/AkzidenzGroteskBE-Light.woff2') format('woff2'), url('fonts/AkzidenzGroteskBE-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'akzidenzgroteskbe-md-webfont'; src: url('fonts/akzidenzgroteskbe-md-webfont.eot'); src: url('fonts/akzidenzgroteskbe-md-webfont.eot?#iefix') format('embedded-opentype'); src: local('☺'), url('fonts/akzidenzgroteskbe-md-webfont.svg#font') format('svg'), url('fonts/akzidenzgroteskbe-md-webfont.ttf') format('truetype'), url('fonts/akzidenzgroteskbe-md-webfont.woff2') format('woff2'), url('fonts/akzidenzgroteskbe-md-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'caslonvthin-italic-webfont'; src: url('fonts/caslonvthin-italic-webfont.eot'); src: url('fonts/caslonvthin-italic-webfont.eot?#iefix') format('embedded-opentype'); src: local('☺'), url('fonts/caslonvthin-italic-webfont.svg#font') format('svg'), url('fonts/caslonvthin-italic-webfont.ttf') format('truetype'), url('fonts/caslonvthin-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ActaDisplay-Book'; src: url('fonts/ActaDisplay-Book.eot'); src: url('fonts/ActaDisplay-Book.eot?#iefix') format('embedded-opentype'); src: local('☺'), url('fonts/ActaDisplay-Book.svg#font') format('svg'), url('fonts/ActaDisplay-Book.otf') format('opentype'), url('fonts/ActaDisplay-Book.ttf') format('truetype'), url('fonts/ActaDisplay-Book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ActaDisplay-Medium'; src: local('☺'), url('fonts/actadisplay-medium.otf') format('opentype'), url('fonts/actadisplay-medium-webfont.woff2') format('woff2'), url('fonts/actadisplay-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'AkzidenzGroteskBE-Light'; src: url('fonts/AkzidenzGroteskBE-Light.svg') format('svg'); } @font-face { font-family: 'akzidenzgroteskbe-md-webfont'; src: url('fonts/akzidenzgroteskbe-md-webfont.svg') format('svg'); } @font-face { font-family: 'ActaDisplay-Book'; src: url('fonts/ActaDisplay-Book.svg') format('svg'); } } html { height: 100%; width: 100%; } body { height: 100%; width: 100%; margin: 0; padding: 0; cursor: default; -webkit-font-smoothing: antialiased; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*min-width: 630px; min-height: 590px;*/ } a { text-decoration: none; outline: 0; border: 0; } a img { border: 0; } #imageCacheDiv { position: absolute; top: 0; left: 0; width: 10px; height: 10px; opacity: 0; overflow: hidden; } .divTable { display: table; height: 100%; width: 100%; margin: 0; padding: 0; } .divTableCell { display: table-cell; height: 100%; vertical-align: middle; margin: 0; padding: 0; } .transparentHide { position: absolute; top: 0; left: 0; } #headerBig { height: 285px; position: relative; } #headerSocialIconsDiv { position: absolute; right: 25px; top: 0; font-size: 0; white-space: nowrap; padding: 14px 0 0 0; z-index: 4; } .headerSocialIcons { display: inline-block; vertical-align: top; padding: 0 0 0 16px; } .headerSocialIcons1 { display: inline-block; vertical-align: top; position: relative; top: 0px; } .headerSocialIconsImg { height: 15px; opacity: 0.3; } .headerSocialIconsImg:hover { opacity: 1; } #headerSearchInput { height: 12px; width: 0; display: none; margin: 0 0 0 16px; border: 1px solid #aaaaaa; font-size: 11px; } #mainLogoDiv { padding: 50px 0 20px 0; text-align: center; } #mainLogoA { display: inline-block; } #mainLogoImage { display: block; height: 70px; } #navigation1 { padding: 10px 0 0 0; font-size: 0; text-align: center; } #headerSmall > #navigation1 { padding: 75px 0 0 0; text-align: center; } @media all and (max-width: 1640px) { #headerSmall > #navigation1 { /*padding: 20px 130px 0 320px; text-align: right;*/ } } .navigation1Div { display: inline-block; /*padding:0 12px 10px 13px;*/ padding: 0 12px 0 13px; vertical-align: top; /*position:relative; z-index:1;*/ } .navigation2Main { font-size: 0; text-align: center; display: none; position: absolute; left: 0; width: 100%; background-color: #ffffff; z-index: 1; height: 20px; padding: 0 0 0 0; } .navigation2Alternate { font-size: 0; text-align: center; display: none; position: absolute; left: 0; width: 100%; background-color: #ffffff; z-index: 1; height: 20px; padding: 0 0 30px 0; } .navigation1:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; color: #000000; display: block; height: 25px; overflow: hidden; letter-spacing: 1px; position: relative; z-index: 1; } .navigation1:visited { color: #000000; } .navigation1:hover { color: #000000; } /*.navigation1Div:hover > .navigation2Main { display: block; z-index: 2; }*/ .navigation2Main:hover { display: block; z-index: 2; } .navigation1:active { color: #000000; } .navigation1:focus ~ .navigation2Main { display: block; z-index: 2; } .navigation1:focus{ font-weight:900; } .navigation1Selected { /*font-family: 'akzidenzgroteskbe-md-webfont',helvetica,sans-serif !important; position: relative; top: -3px;*/ font-weight: 900; } .navigation1Selected ~ .navigation2Main { display: block; z-index: 1 !important; } .navigation1M:link { /*font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif;*/ font-family: "ActaDisplay-Book", serif !important; font-size: 14px; color: #000000; display: block; height: 25px; overflow: hidden; letter-spacing: 1px; position: relative; z-index: 1; } .navigation1M:visited { color: #000000; } .navigation1M:hover { color: #000000; } .navigation1M:active { color: #000000; } .navEAD { display: none; } .navigationEA { position: relative; } .navigationEA .navigation2Main { width: auto; left: -44px; white-space: nowrap; } .navigationEA .navigation1Selected ~ .navigation2Main { left: -12px; } .navigation1Selected .navEA { display: none; } .navigation1Selected .navEAD { display: inline; } .navigationInfo { position: relative; } .navigationInfo .navigation2Main { width: auto; left: auto; right: 0; white-space: nowrap; } /*#headerSocialIconsDiv .headerSocialIcons { display:none; } #headerSocialIconsDiv .headerSocialIcons:last-of-type { display:inline-block; }*/ /*.navigation1Selected:focus ~ .navigation2Alternate { display: block; }*/ .navigation2:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; padding: 0 12px 0 13px; display: inline-block; color: #888888; text-decoration: none; letter-spacing: 1px; } .navigation2:visited { color: #888888; text-decoration: none; } .navigation2:hover { text-decoration: underline; color: #000000; } .navigation2:active { text-decoration: underline; color: #000000; } .navigation4:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; padding: 0 15px 0 0; display: inline-block; color: #888888; text-decoration: none; letter-spacing: 1px; } .navigation4:visited { color: #888888; text-decoration: none; } .navigation4:hover { text-decoration: underline; color: #000000; } .navigation4:active { text-decoration: underline; color: #000000; } .navigation4:last-of-type { padding: 0; } .navigation2Selected { text-decoration: underline !important; color: #000000 !important; } .divider { color: #888888 !important; text-decoration: none !important; padding: 0 23px 0 8px !important; } #navigation3 { padding: 55px 0 0 0; font-size: 0; text-align: center; } .navigation3:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; padding: 0 25px 0 0; display: inline-block; color: #888888; letter-spacing: 1px; } .navigation3:visited { color: #888888; } .navigation3:hover { color: #000000; } .navigation3:active { color: #000000; } .navigation3:last-of-type { padding: 0; } .navigation3Selected { color: #000000 !important; } .navigationSubMobileHeadingSelected { /*font-family: 'akzidenzgroteskbe-md-webfont', helvetica, sans-serif !important;*/ font-family: "ActaDisplay-Medium", serif !important; } /*.navigationSubMobileHeadingSelected ~ .seco_menu { display: block !important; }*/ #homepageContent1 { /*height: calc(100% - 285px); height: -moz-calc(100% - 285px); height: -webkit-calc(100% - 285px);*/ height: calc(100% - 240px); height: -moz-calc(100% - 240px); height: -webkit-calc(100% - 240px); position: absolute; top: 240px; left: 0; /*min-width: 590px;*/ overflow-y: auto; /*padding: 0 25px 0 0;*/ width: 100%; } #homepageContent2 { /*min-width: 600px;*/ width: calc(100vw - 25px); } .homepageImageDiv1Outer { width: 33.33%; position: relative; } /* @media all and (max-width: 1200px) { .homepageImageDiv1Outer { width: 33.32%; } } */ .homepageImageDiv2 { padding: 0 0 25px 25px; } .homepageImageDiv3 { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); padding: 0 0 0 25px; height: calc(100% - 25px); height: -moz-calc(100% - 25px); height: -webkit-calc(100% - 25px); color: #000000; text-align: center; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0); } .homepageImageDiv3 > .divTable { visibility: hidden; } .homepageImageDiv3:hover { background: rgba(255, 255, 255, 0.9); } .homepageImageDiv3:hover > .divTable { visibility: visible; } .homepageImage { width: 100%; display: block; margin: 0 0 0 -1px; } .homepageVideoIcon { opacity: 0; } .iFrameDummyShow { border: 0; width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: calc(100% - 15px); height: -moz-calc(100% - 15px); height: -webkit-calc(100% - 15px); position: absolute; bottom: 15px; left: 15px; } .iFrameCMSDummyShowHomepage { border: 0; width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); height: calc(100% - 25px); height: -moz-calc(100% - 25px); height: -webkit-calc(100% - 25px); position: absolute; bottom: 25px; left: 25px; opacity: 0; z-index: 0; overflow: hidden; } .jwDummyShowHomepage { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); height: calc(100% - 25px); height: -moz-calc(100% - 25px); height: -webkit-calc(100% - 25px); position: absolute; bottom: 25px; left: 25px; opacity: 0; z-index: 0; overflow: hidden; } .homepageImageDiv1Outer:hover .homepageImageDiv3 { display: block; } .viewAllDiv1:hover .homepageImageDiv3 { display: block; } .viewAllTitle { display: block; /*padding: 4px 0 0 10px;*/ color: #ffffff; text-align: left; } .homepageTitle:link { display: block; /*padding: 4px 0 0 10px;*/ color: #000000; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; padding: 15px 0 0 0; } .homepageTitle:visited { color: #000000; } .homepageTitle:hover { color: #000000; } .homepageTitle:active { color: #000000; } .homepageTitle1 { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 15px; font-weight: 900; } .homepageTitle2 { font-family: 'caslonvthin-italic-webfont', 'times new roman', serif; font-size: 15px; padding: 3px 0 0 0; } .homepageTitle3 { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; padding: 2px 0 0 0; } .homepageShare { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 15px; position: absolute; bottom: 6px; left: 7px; color: #ffffff; cursor: pointer; z-index: 1; } .homepageShare:hover { color: #dddddd; } .blackOverlayPlayVideo { position: absolute; left: 25px; /*bottom: 30px;*/ bottom: 6px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #000000; font-size: 14px; pointer-events: auto; cursor: pointer; text-align: center; width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); height: 20px; } #closeVideo { cursor: pointer; display: block; position: absolute; top: 0; right: 30px; height: 35px; opacity: 0.6; } #closeVideo:hover { opacity: 1; } .iFrameValue { display: none; } .iFrameWidth { display: none; } .iFrameHeight { display: none; } #slideOuterDiv { position: absolute; top: 135px; left: 0; background: rgba(255, 255, 255, 0.9); display: none; height: calc(100% - 185px); height: -moz-calc(100% - 185px); height: -webkit-calc(100% - 185px); width: 100%; font-size: 0; overflow: hidden; /*min-width: inherit; min-height: 405px;*/ padding: 20px 0 30px 0; z-index: 5000; } #headerSmall ~ #slideOuterDiv { top: 0; padding: 125px 0 60px 0; } #headerSmall ~ #slideOuterDiv #closeVideo { top: 85px; } #slideshowwrapper { position: relative; width: 100%; text-align: center; z-index: 0; /*overflow: hidden;*/ } #videoslideshow { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; cursor: pointer; z-index: 1; } #iframeyt { border: 0; width: 100%; height: 100% } #vidTop { height: 4px; width: 100%; position: absolute; top: 0; z-index: 1; background-color: #f5f5f5; visibility: hidden; } #vidBottom { height: 4px; width: 100%; position: absolute; bottom: 0; z-index: 1; background-color: #f5f5f5; visibility: hidden; } #thumbnailContent1 { height: calc(100% - 285px); height: -moz-calc(100% - 285px); height: -webkit-calc(100% - 285px); /*min-width: 590px;*/ overflow-y: auto; /*padding: 0 25px 0 0; width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px);*/ width: 100%; } #thumbnailContent2 { font-size: 0; width: calc(100vw - 25px); } .thumbnailDiv1:link { display: inline-block; color: #000000; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; position: relative; z-index: 0; vertical-align: top; } .thumbnailDiv1:visited { color: #000000; } .thumbnailDiv1:hover { color: #000000; } .thumbnailDiv1:active { color: #000000; } .thumbnailDiv1 { width: 25% } #viewAllContainerInner .thumbnailDiv1 { width: 33.33% } /*@media all and (max-width: 2000px) { .thumbnailDiv1 { width: 25% } } @media all and (max-width: 1000px) { .thumbnailDiv1 { width: 33.30% } }*/ .thumbnailDiv2 { padding: 0 0 0 25px; overflow: hidden; position: relative; } .thumbnails { width: 100%; display: block; position: relative; z-index: 1; } .thumbnailsDiv { /*width: 100%; display: block;*/ position: relative; z-index: 1; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; transform: scale(1, 1); transition: all 0.8s ease 0s; height: inherit; } .thumbnailsDiv:hover { transform: scale(1.2, 1.2); } .thumbnailsDivParent { padding: 0; margin: 0 0 0 25px; /*width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px);*/ } .thumbnailsDivParent .videoClipDiv { left: 0; } .thumbnailTitles { height: 55px; overflow: hidden; /*position: absolute; bottom: 0; left: 15px;*/ width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); padding: 0 0 0 25px; text-align: left; } #viewAllContainerInner .thumbnailTitles { padding: 0 0 0 15px; } #viewAllContainerInner .thumbnailDiv2 { padding: 0 0 0 15px; } .thumbnailTitles1 { padding: 0 0 11px 0; } .thumbnailTitles1LH { line-height: 18px; padding: 5px 0 6px 0; } /*ModelHome Page Starts*/ #headerSmall { height: 125px; position: relative; } #headerSmall > #navigation3 { padding: 45px 0 0 0; } #smallLogoA { position: absolute; top: 14px; left: 0; z-index: 16; right: 0; margin: 0 auto; width: 308px; } #smallLogoImage { height: 42px; } /*Slider Starts*/ #contentRightOuter { height: calc(100% - 290px); height: -moz-calc(100% - 290px); height: -webkit-calc(100% - 290px); width: 100%; position: relative; overflow: hidden; font-size: 0; } #contentRight { height: 100%; width: calc(100% - 45px); width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); /*display: inline-block; vertical-align: top;*/ margin: 0 auto; padding: 0 25px 0 20px; } #contentRightStrip { position: absolute; top: 0; left: 15px; width: 5px; background-color: #ffffff; height: 100%; display: none; } #contentRightInner { height: inherit; font-size: 0; white-space: nowrap; display: inline-block; } .contentRightInnerDivs { height: inherit; padding: 0 5px 0 5px; display: inline-block; /*overflow: hidden;*/ position: relative; } #contentRightInnerDivsLast { height: 1px; width: 1px; display: inline-block; } .contentImages { height: inherit; opacity: 0; } .contentImagesReal { position: absolute; top: 0; left: 5px; } #leftClickDiv { cursor: pointer; } #rightClickDiv { cursor: pointer; } #singleImageDiv { height: 100%; left: 0; position: absolute; top: 0; display: none; text-align: center; width: 100%; background-color: #ffffff; } .slideshowarrows { width: 94px; height: 59px; position: absolute; top: 0; bottom: 0; margin: auto; visibility: hidden; } .hiddenTitleShow { position: absolute; bottom: -5px; left: 5px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; height: 20px; opacity: 0; /*font-style: italic;*/ } .videoPlayIcon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 100px; pointer-events: none; } .videoDivss { cursor: pointer; } .videoDivss .contentImagesReal { opacity: 0.6; } .videoDivss:hover .contentImagesReal { opacity: 1; } #notesDiv { height: auto; width: 275px; min-height: 100px; position: absolute; top: 10px; right: 10px; background-color: #ffffff; display: none; box-shadow: 3px 3px 3px #777777; border: 1px #999999 solid; color: #000000; z-index: 5; } #notesDiv1 { width: auto; padding: 10px 10px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 16px; position: relative; } #notesDiv2 { height: auto; width: auto; padding: 6px 10px 10px 10px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 12px; } #notesButton { position: absolute; top: 5px; right: 5px; cursor: pointer; height: 25px; } #notesButton:hover { opacity: 0.8; } #notesLeftDiv { position: absolute; top: -27px; left: 0; display: none; cursor: pointer; font-weight: 700; } #notesLeftDiv:hover { color: #ffffff; } #mCSB_1_scrollbar_vertical .mCSB_dragger { height: 80px; } #mCSB_2_scrollbar_vertical .mCSB_dragger { height: 80px; } #mCSB_3_scrollbar_vertical .mCSB_dragger { height: 80px; } #mCSB_1_scrollbar_horizontal .mCSB_dragger { width: 80px; } #mCSB_2_scrollbar_horizontal .mCSB_dragger { width: 80px; } #mCSB_3_scrollbar_horizontal .mCSB_dragger { width: 80px; } /*Slider Ends*/ /*View All Starts*/ #viewAllContainerOuter { height: calc(100% - 290px); height: -moz-calc(100% - 290px); height: -webkit-calc(100% - 290px); padding: 0 25px 0 10px; width: calc(100% - 35px); width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); overflow-y: auto; overflow-x: hidden; position: absolute; top: 125px; left: 0; opacity: 0; /*min-width: 595px; min-height: 300px;*/ z-index: 10; visibility: hidden; background-color: #ffffff; /*display:none;*/ /*font-size: 0;*/ } #viewAllContainerInner { font-size: 0; } .viewAllDiv1 { z-index: 0; height: auto; width: 20%; display: inline-block; vertical-align: top; position: relative; } .viewAllDiv2 { height: auto; width: auto; padding: 0 0 15px 15px; } .viewAllDiv1Image { width: 100%; height: auto; cursor: pointer; display: block; /*box-shadow: 2px 2px 2px #cccccc;*/ } .hiddenTitle { display: none; } /*View All Ends*/ /* Video Styling Starts*/ .viewAllDiv2vid { position: relative; overflow: hidden; } .blackOverlay { position: absolute; bottom: 7px; left: 7px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; pointer-events: none; } .viewAllDiv2vid:hover .blackOverlay { opacity: 1; } .blackOverlayTitle { position: absolute; top: 20px; left: 15px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #ffffff; font-size: 14px; display: block; } .blackOverlayTitleHP { font-size: 23px; padding: 0 25px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .blackOverlayCTP { position: absolute; bottom: 10px; left: 15px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #ffffff; font-size: 12px; } .blackOverlayCTPAFull { display: block; position: absolute; width: 100%; height: 100%; font-size: 10px; pointer-events: auto; } .blackOverlayCTPA:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #ffffff; font-size: 10px; pointer-events: auto; } .blackOverlayCTPA:visited { color: #ffffff; } .blackOverlayCTPA:hover { color: #cccccc; } .blackOverlayCTPA:active { color: #cccccc; } .blackOverlayShare { position: absolute; bottom: 10px; right: 25px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #ffffff; font-size: 12px; pointer-events: auto; cursor: pointer; } .blackOverlayShare:hover { color: #cccccc; } .videoClipDiv { width: 100%; height: inherit; position: absolute; top: 0; left: 15px; z-index: 0; display: none; overflow: hidden; } .videoClipDiv video { height: auto !important; } /* Video Styling Ends*/ :focus { outline: none; } ::-moz-focus-inner { border: 0; } /* Portfolio Footer Starts*/ #portfolioFooter { height: 165px; font-size: 0; margin: 0 25px; position: relative; } .portfolioFooter { display: inline-block; padding: 0 20px 0 0; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; color: #000000; cursor: pointer; } .portfolioFooter:last-of-type { padding: 0; } .lessPadding { padding: 0 10px 0 0; cursor: default; } .portfolioFooterADiv { padding: 0 20px 10px 0; display: inline-block; vertical-align: top; } .portfolioFooterADivInner { font-size: 0; text-align: left; display: none; position: absolute; left: 0; width: 100%; background-color: #ffffff; z-index: 1; height: 20px; padding: 0 0 20px 0; overflow-x:auto; overflow-y:hidden; } /*.portfolioFooterADiv:hover > .portfolioFooterADivInner { display: block; z-index: 2; }*/ .footer1Hover > .portfolioFooterADivInner { display: block; z-index: 2; } .portfolioFooterASelected ~ .portfolioFooterADivInner { display: block; } .portfolioFooterA:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; color: #888888; height: 21px; display: block; } .portfolioFooterA:visited { color: #888888; } .portfolioFooterA:hover { color: #000000; } .portfolioFooterA:active { color: #000000; } .portfolioFooterASelected { color: #000000 !important; font-weight: 400 !important; } .portfolioFooterAInner:link { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 14px; color: #888888; height: 21px; padding: 0 20px 10px 0; display: inline-block; vertical-align: top; } .portfolioFooterAInner:visited { color: #888888; } .portfolioFooterAInner:hover { color: #000000; } .portfolioFooterAInner:active { color: #000000; } .portfolioFooterAInnerSelected { color: #000000 !important; } #portfolioFooterPrevious { position: absolute; left: -20px; } #portfolioFooterNext { position: absolute; right: 0; } #profilename { font-size: 40px; font-family: "ActaDisplay-Book", "times new roman", serif; padding: 22px 0 0 0; } #navigationFooter1 { height: 60px; padding: 12px 0 0 0; font-size: 0; white-space: nowrap; } #navigationFooter2 { position: absolute; bottom: 8px; left: 0; font-size: 0; } #navigationFooter3 { position: absolute; bottom: 8px; right: 0; font-size: 0; z-index: 2; } #navigationFooter4 { text-align: center; height: 15px; } /* Portfolio Footer Ends*/ /*Print Starts*/ #print { position: relative; } .printDiv { display: none; height: auto; width: auto; /*padding:9px;*/ position: absolute; bottom: 35px; left: -54px; /*background-color: #ffffff;*/ white-space: nowrap; cursor: pointer; z-index: 1; font-size: 0; /*border-radius: 7px; box-shadow: 0px 0px 5px #000000; height:50px; width:77px;*/ /*box-shadow: 2px 2px 3px #cccccc;*/ } .printLink { display: inline-block; } /*Print Ends*/ /* Share Starts*/ #sharePopup { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #000000; opacity: 0.7; /*min-height: inherit;*/ display: none; z-index: 30; } #yourMessageSandBox { display: none; } #shareMain { height: 340px; width: 525px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #ffffff; display: none; z-index: 30; padding: 10px 17px 0 17px; } #shareTitle { height: 33px; padding: 0 0 10px 0; } #shareTitle1 { display: inline-block; font-family: "ActaDisplay-Book", "times new roman", serif; font-size: 24px; margin: 6px 0 0 0; } .shareIcons { float: right; margin: 6px 0 0 10px; } .shareIcons:hover > img { opacity: 0.8; } #shareDiv1 { } #shareDiv2 { height: 135px; position: relative; } #yourMsg { position: absolute; top: 10px; left: 10px; font-size: 13px; color: #888888; pointer-events: none; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; } #shareDiv3SendEmail { height: 56px; font-size: 0; text-align: right; } #shareSendEmail { height: 32px; width: 90px; font-size: 13px; color: #ffffff; background-color: #000000; text-align: center; cursor: pointer; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; margin: 12px 0 0 0; display: inline-block; } #shareMainClose { height: 32px; width: 90px; font-size: 13px; color: #ffffff; background-color: #000000; text-align: center; cursor: pointer; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; margin: 12px 8px 0 0; display: inline-block; } #shareSendEmail:hover { color: #000000; background-color: #eeeeee; } #shareMainClose:hover { color: #000000; background-color: #eeeeee; } .textClass1 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 28px; background-color: #ffffff; border-radius: 0; border: 1px solid #888888; padding: 0 0 0 10px; margin: 0 0 7px 0; font-size: 13px; color: #000000; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; } #yourMessage { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0; font-size: 13px; color: #000000; border: 1px solid #888888; width: 100%; height: 100%; padding: 10px 0 0 10px; resize: none; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; } .textClass1::-webkit-input-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; } .textClass1::-moz-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; opacity: 1; } /* firefox 19+ */ .textClass1:-ms-input-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; } /* ie */ .textClass1:-moz-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; opacity: 1; } .textClass1GetB::-webkit-input-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #000000; } .textClass1GetB::-moz-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #000000; opacity: 1; } /* firefox 19+ */ .textClass1GetB:-ms-input-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #000000; } /* ie */ .textClass1GetB:-moz-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #000000; opacity: 1; } .textClass1GetB::placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #000000; opacity: 1; } #yourMessage::-webkit-input-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; } #yourMessage::-moz-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; opacity: 1; } /* firefox 19+ */ #yourMessage:-ms-input-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; } /* ie */ #yourMessage:-moz-placeholder { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 13px; color: #888888; opacity: 1; } /* Share Ends*/ /*Instagram Feed Starts*/ #instagramDiv { height: calc(100% - 290px); height: -moz-calc(100% - 290px); height: -webkit-calc(100% - 290px); width: 100%; position: absolute; top: 125px; left: 0; opacity: 0; /*min-width: 620px;*/ /*min-width:inherit; min-height: 300px;*/ z-index: 25; visibility: hidden; background-color: #ffffff; } #instagramDiv1 { height: 100%; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); overflow-y: auto; overflow-x: hidden; padding: 0 10px 0 10px; } #instagramDivInner { display: inline-block; height: 100%; vertical-align: top; } .instalink-cap::before { display: none !important; } .instagramClass { height: auto; width: 14.25%; float: left; } .instagramClass1 { padding: 0 0 15px 15px; } .instagramClassLinks { display: block; width: 100%; } .instagramClass2 { /*padding:27px 10px 32px 10px;*/ background: rgba(255, 255, 255, 0); position: relative; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; font-size: 11px; color: #555555; } .instagramClass2Top { position: absolute; width: 100%; height: 17px; padding: 10px 0 0 0; text-align: center; left: 0; top: 0; opacity: 0; display: none; } .instagramClass2Bottom { position: absolute; width: 100%; height: 22px; padding: 10px 0 0 0; text-align: center; left: 0; bottom: 0; opacity: 0; display: none; } .instagramClass:hover .instagramClass2 { background: rgba(255, 255, 255, 1); } .instagramClass:hover .instagramClass2Bottom { opacity: 1; } .instagramClass:hover .instagramClass2Top { opacity: 1; } .instagramImages { width: 100%; padding: 100% 0 0 0; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .instaHC { vertical-align: -2px; } .loadingDiv { height: 100%; width: 100%; background: rgba(230, 230, 230, 0.8); display: none; position: absolute; bottom: 0; left: 0; /*pointer-events:none;*/ } .loadingDivImage { display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } /*Instagram Feed Ends*/ /*Print popup Starts*/ .pop_wrap { position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -242px; height: 300px; width: 485px; border: 0px solid #f1f1f1; background-color: #ffffff; -webkit-box-shadow: 6px 6px 10px -1px rgba(107, 107, 107, 0.9); -moz-box-shadow: 6px 6px 10px -1px rgba(107, 107, 107, 0.9); box-shadow: 6px 6px 10px -1px rgba(107, 107, 107, 0.9); display: none; z-index: 20; } .pop_head { height: 65px; padding-top: 2px; } .pop_head_text { font-size: 15px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; float: left; margin: 15px 0 0 30px; color: #1a1a1a } .pop_close { margin: 10px; float: right; opacity: 0.7; } .pop_close:hover { margin: 10px; float: right; opacity: 1; cursor: pointer; } .pop_icons { text-align: center; } .pop_icon1 { margin-left: 40px; margin-right: 27px; height: 194px; float: left; } .pop_icon2 { margin-left: 25px; margin-right: 18px; height: 194px; float: left; } .pop_icon3 { margin-left: 15px; height: 200px; float: left; } .icon_text { margin: 10px auto; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; line-height: 95%; font-size: 13px; } .btn { background: #000000; padding: 8px 13px 8px 13px; text-decoration: none; width: 75px; margin: 0 auto; color: #ffffff; font-size: 13px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; display: block; } .btn:hover { background: #777777; text-decoration: none; } .line { height: 194px; width: 1px; background-color: #000000; float: left; } @-moz-document url-prefix() { /*.pop_head_text { font-size: 16px; }*/ .pop_close { margin: 8px; } .pop_close:hover { margin: 8px; } } /*Print popup Ends*/ /*Agent Contact Popup Starts*/ #contactAgentOuter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0; visibility: hidden; z-index: 35; } #contactAgent { width: 455px; height: 365px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 23px 27px 0 25px; background-color: #ffffff; opacity: 0; visibility: hidden; z-index: 35; } #contactAgentTitle { font-family: "ActaDisplay-Book", "times new roman", serif; font-size: 24px; height: 24px; padding: 0 0 12px 0; } .contactAgentInput { display: block; margin: 0 0 7px 0; width: 100%; height: 28px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; border: 1px solid #888888; font-size: 13px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 10px; } #contactAgentTextArea { width: 100%; height: 130px; display: block; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; border: 1px solid #888888; font-size: 13px; margin: 0 0 7px 0; resize: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 0 0 10px; } #contactAgentButtons { height: 32px; font-size: 0; text-align: right; } #contactAgentClose { margin: 0 8px 0 0; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; display: inline-block; font-size: 13px; background-color: #000000; color: #ffffff; height: inherit; width: 90px; text-align: center; cursor: pointer; } #contactAgentSend { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; display: inline-block; font-size: 13px; background-color: #000000; color: #ffffff; height: inherit; width: 90px; text-align: center; cursor: pointer; } #contactAgentClose:hover { background-color: #eeeeee; color: #000000; } #contactAgentSend:hover { background-color: #eeeeee; color: #000000; } /*Agent Contact Popup Ends*/ /*ModelHome Page Ends*/ /*About Page Starts*/ #aboutOuter { position: relative; height: calc(100% - 285px); height: -moz-calc(100% - 285px); height: -webkit-calc(100% - 285px); overflow: auto; } #aboutInner { position: absolute; top: 0; right: 0; /*bottom: 0;*/ left: 0; margin: auto; width: 730px; /*height: 95px;*/ font-size: 14px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #000000; line-height: 20px; letter-spacing: 1px; } /*About Page Ends*/ /*Bio Page Starts*/ #biography { height: calc(100% - 290px); height: -moz-calc(100% - 290px); height: -webkit-calc(100% - 290px); width: 100%; position: absolute; top: 125px; left: 0; /*min-width: 620px;*/ /*min-width:inherit; min-height: 300px;*/ background-color: #ffffff; z-index: 23; overflow: auto; } #biographyInner { font-size: 14px; color: #000000; text-decoration: none; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; margin: 0 auto; max-width: 915px; } #biography img { margin: 5px 35px 0 0 !important; } #biography p { /*margin:0;*/ } /*#biography p span { font-size:14px; color:#000000; text-decoration:none; font-family: 'AkzidenzGroteskBE-Light',helvetica,sans-serif; }*/ /* Bio Page Ends*/ /* Sathish's Work Ends here*/ /*RK styling start*/ /*Contact Us Starts*/ #contactOuter { position: absolute; top: 255px; left: 0; height: calc(100% - 255px); height: -moz-calc(100% - 255px); height: -webkit-calc(100% - 255px); width: 100%; overflow: auto; } #contactContainer { /*min-width: 1250px;*/ width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); font-size: 0; position: absolute; top: 0; right: 0; left: 0; padding: 0 25px; text-align: center; margin: auto; } .contact_left { font-size: 15px; display: inline-block; vertical-align: top; text-align: left; } .inner_main1 { width: 250px; } .inner_main2 { width: 250px; margin-top: 22px; } .contact_head { font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; text-transform: uppercase; color: #333; } .contact_name { list-style-type: none; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #646464; } .active { color: #333333; } .contact_info { display: block; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #646464; padding-top: 3px; line-height: 20px; } .accordion-section { padding-top: 4px; width: 250px; position: relative; min-height: 0; } .accordion-section-content { display: none; padding-bottom: 18px; width: 250px; position: relative; min-height: 0; } .accordion { overflow: hidden; position: relative; min-height: 0; } .contact_mid1 { font-size: 15px; display: inline-block; vertical-align: top; width: 320px; text-align: left; } .contact_mid2 { font-size: 15px; display: inline-block; vertical-align: top; width: 375px; text-align: left; } .contact_det { display: block; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; color: #646464; padding-top: 3px; } .contact_det1 { color: #333; font-family: "AkzidenzGroteskBE-Light", helvetica, sans-serif; } #contactContainer1 { max-width: 790px; padding: 20px 25px 0 25px; color: #646464; font-family: "AkzidenzGroteskBE-Light", helvetica, sans-serif; font-size: 15px; text-align: left; margin: 0 auto; line-height: 20px; } .contact_individ { padding-bottom: 4px; } .contact_right { font-size: 15px; display: inline-block; vertical-align: top; /*width:465px;*/ text-align: left; } .open { display: block; } .contact_init { color: #646464; font-family: "AkzidenzGroteskBE-Light", helvetica, sans-serif; line-height: 20px; padding-top: 3px; } .contact_det_click_2 { display: none; } .contact_det_click_1 { cursor: pointer } .contact_top { padding: 20px 0 2px 0; } .contact_top:first-of-type { padding: 0 0 2px 0; } .cAdditionalPadding { padding-bottom: 3px; } .agentBox { vertical-align: top; display: inline-block; width: calc(100% - 196px); height: 32px; margin: 12px 8px 0 0; } /*Contact Us Ends*/ .thumbnailContent1NoLoc { height: calc(100% - 240px); height: -moz-calc(100% - 240px); height: -webkit-calc(100% - 240px); position: absolute; top: 240px; left: 0; } .mobile_menu { display: none; } .mobile_menu1 { display: none; } .displayNoneI { display: none !important; } /*safari only*/ /*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .navigation1Selected {*/ /*font-family: 'akzidenzgroteskbe-md-webfont',helvetica,sans-serif !important; position: relative; top: 0px !important;*/ /*} }}*/ /*RK styling end*/ .navigation2DropDownOuter { position: relative; height: 1px; width: 1px; display: none; z-index: 40; } .navigation2DropDown { background: rgba(255, 255, 255, 0.9); left: -21px; padding: 25px 0 0 8px; position: absolute; text-align: left; top: -2px; max-height: 600px; overflow: auto; } .navigation1Div:hover > .navigation2DropDownOuter { display: block; } .blackColor { color: #000000 !important; } .navigation2DropDownInner { min-height: 24px; min-width: 210px; } #searchmobile { display: none; } label.menuTitle { display: none; } #toggleMenu { display: none; } #headersearchmob { display: none; } /*.location_s{ font-family: 'AkzidenzGroteskBE-Light',helvetica,sans-serif; font-size: 13px; } .location_cont{ padding-bottom:5px; }*/ div.eapps-widget.eapps-widget-show-toolbar::before { border: 0 !important; } a { -webkit-tap-highlight-color: transparent; } span { -webkit-tap-highlight-color: transparent; } label { -webkit-tap-highlight-color: transparent; } div { -webkit-tap-highlight-color: transparent; } .naviOuter1 { height: 100%; z-index: 0; position: absolute; left: 25px; top: 0; display: none; overflow: hidden; } .naviOuter1_P { height: 100%; z-index: 0; position: absolute; right: 25px; top: -5px; } .mobileDivisionDisplay{ display:none; } .thumbnailDiv2D{ } .thumbnailDiv2M1{ display:none; overflow: hidden; position: relative; margin: 0 0 0 25px; } .thumbnailDiv2M2{ width:100%; height:auto; display:block; } .thumbnailDiv2M3 { position:absolute; z-index:1; top:0; left:0; display:block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; /*transform: scale(1, 1); transition: all 0.8s ease 0s;*/ height: 100%; width:100%; } .mobile_menu_P { background: #fff none repeat scroll 0 0; display: none; position: absolute; width: 100%; z-index: 1070; overflow: auto; top: 99px; left: 0; height: calc(100% - 99px); } @media all and (max-width: 1000px) { /*RK styling start*/ .mainMenu { display: block; position: relative; width: 100%; margin: 0; text-align: left; float: left; } #toggleMenu, .toggleMenu { display: none; } .toggleMenu { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } #toggleMenu:checked ~ .menu { /*max-height: 800px;*/ opacity: 1; } .main { /*height: calc(100% - 71px);*/ height:100%; overflow-y: auto; overflow-x: hidden; } .menu { width: calc(100% - 25px); display: none; margin: 0; padding: 0; list-style: none; float: left; overflow-y: auto; text-align: left; padding-left: 25px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .menu a { text-decoration: none; display: block; outline: 0px !important; font-size: 18px !important; } .menu li:first-child { border-left: 0; } .menu li { padding: 0 0 1em 0; } .menu1 li { padding: 0.5em 0 0 0; width:48%; display:inline-block; vertical-align:top; } label.menuTitle { cursor: pointer; float: left; font-size: 5em !important; /*margin-left: 0.16em;*/ margin-left: 0.5em; display: none; margin-top: -0.3em; } .mobile_menu { background: #fff none repeat scroll 0 0; display: none; position: absolute; width: 100%; z-index: 4000; overflow: auto; top: 60px; left: 0; height: calc(100% - 66px); } .thumbnailDiv1:link { font-size: 25px; width: 50%; } .viewAllDiv1 { width: 100% !important; } .viewAllDiv1:last-of-type .viewAllDiv2{ padding: 0 0 100px 15px; } #contactOuter { top: 130px; height: calc(100% - 130px); height: -moz-calc(100% - 130px); height: -webkit-calc(100% - 130px); } #headerSmall{ } #headerSmall ~ .mobile_menu { top: 65px; } .contact_right, .contact_mid2, .contact_mid1, .contact_left { font-size: 25px; } .contact_info { line-height: 40px; } .sub_menu { cursor: pointer; color: #000000; display: block; /*font-family: "AkzidenzGroteskBE-Light", helvetica, sans-serif;*/ font-family: 'ActaDisplay-Book', serif; font-size: 18px !important; /*height: 21px;*/ letter-spacing: 1px; overflow: hidden; } .sub_menu1 { cursor: pointer; color: #000000; display: block; font-family: "AkzidenzGroteskBE-Light", helvetica, sans-serif; font-size: 18px !important; /*height: 21px;*/ letter-spacing: 1px; overflow: hidden; } .seco_menu { display: none; padding-top: 20px; padding-left:10px; } .seco_menu li { list-style: none; } .seco_menu_P{ padding-top: 10px; padding-left:30px; margin:0; } .seco_menu_P li { list-style: none; padding:0 0 10px 0; } .seco_menu1 { display: none; padding-top: 20px; padding-left:23px; } .seco_menu1 li { list-style: none; } .sub_menu_di { display: block !important; } #headerBig { height: 66px; } #navigation1 { display: none; } label.menuTitle { display: block; } .menu { display: block; } #headerBig > #navigation3 { /*padding:0;*/ padding: 55px 0 0 0; } #headerSmall > #navigation3 { padding: 20px 0 0 0; } /*RK styling end*/ /*new styles*/ #toggle_Menu, .toggleMenu { display: none; } .toggle_Menu { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } label.menu_Title { cursor: pointer; float: left; font-size: 5em !important; padding-left: 30px; display: none; } #toggle_Menu:checked ~ .menu1 { /*max-height: 800px;*/ opacity: 1; } .menu1 { width: 100%; display: none; margin: 0; padding: 0; list-style: none; float: left; overflow-y: auto; text-align: left; padding-left: 40px; /*padding-top: 20px;*/ -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; max-height: 50vh; overflow: auto; } .portfolioFooterA:link { text-decoration: none; display: block; outline: 0px !important; font-size: 14px !important; font-family: 'akzidenzgroteskbe-md-webfont', helvetica, sans-serif; } .portfolioFooterAInner:link { text-decoration: none; display: block; outline: 0px !important; font-size: 14px !important; font-family: 'akzidenzgroteskbe-md-webfont', helvetica, sans-serif; } .menu1 li:first-child { border-left: 0; } .mobile_menu1 { background: #fff none repeat scroll 0 0; display: inline-block !important; position: absolute; width: 100%; z-index: 2100; overflow: hidden; bottom: 0; right: 0; } .menu_Title_Img{ height:10px; display:block; position:absolute; right:18px; top:39px; transform: rotate(180deg); transition: 0.5s ease-in-out; } .rotatedVAr{ transform: rotate(0deg); } .navigation1:link { height: auto; } .navigation1M:link { height: auto; } #navigationFooter1 { display: none; } label.menu_Title { display: none; } .menu_Title { display: block; } .menu1 { display: block; } #portfolioFooter { font-size: 3em !important; } .secon_menu { display: none; padding:0 0 0 0.7em; } .secon_menu li { list-style: none; padding:0.2em 0 0 0; width: calc(100% - 1em); } #profilename { font-size: 27px; font-family: "ActaDisplay-Book", "times new roman", serif; padding:35px 30px 25px 25px !important; } /*.navigation1Selected { margin-top: 0px !important; }*/ #homepageContent1 { height: calc(100% - 66px) !important; height: -moz-calc(100% - 66px) !important; height: -webkit-calc(100% - 66px) !important; position: absolute; top: 66px !important; left: 0; } #thumbnailContent1 { position:absolute; height: calc(100% - 100px) !important; height: -moz-calc(100% - 100px) !important; height: -webkit-calc(100% - 100px) !important; min-width: 0; top: 100px; } #aboutOuter { height: calc(100% - 66px); height: -moz-calc(100% - 66px); height: -webkit-calc(100% - 66px); } #aboutInner { width: auto; font-size: 15px; line-height: 20px; padding: 50px 25px; } #headerSearchInput { height: 28px !important; /*height:40px !important; font-size: 48px !important;*/ } .headerSocialIconsImg { height: 35px !important; /*height:60px !important;*/ } .headerSocialIcons { padding: 0 0 0 30px !important; } #mainLogoDiv { /*padding: 90px 0 20px 0 !important;*/ padding: 19px 0 0 0 !important; } .navigation2Selected { text-decoration: underline !important; color: #000000 !important; } .headerSocialIcons1 { display: none; } .desk_sear { display: none; } #headersearchmob { height: 100%; display: block; } #searchbox_mob { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); height: 25px; font-size: 16px; border: 0; padding: 0 0 0 25px; display: block; } .searcinmob { position: absolute; right: 25px; top: 23px; display: block; height: 20px; } #headerSocialIconsDiv { display: none; } #mainLogoA { /*padding-right: 100px;*/ } .close-icon { border: 0px solid transparent; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; position: absolute; right: 0; } .close-icon:after { content: url('/media/publicsite/images/3x.svg'); display: inline-block; position: relative; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; } .search-box:not(:valid) ~ .close-icon { /*display: inline-block;*/ display: none; } .close-icon { display: none !important; } #searchmobile { display: none; position: absolute; z-index: 1081; width: 100%; padding: 10px 0 0 0; background-color: #ffffff; } #headerSmall #searchmobile { /*padding: 0; width: 70%; left: 15%;*/ top:60px; } #headerSmall .mobileDivisionDisplay{ top:66px; } .menu > li:first-of-type { padding: 30px 0 1em 0; } .portfolioFooter { font-size: 45px; line-height: 45px; padding: 0 40px 0 0; } #contactContainer { min-width: 0; text-align: left; } .contact_mid2, .contact_right { padding: 100px 0 0 0; } .contact_mid1, .contact_right { /*padding:0 0 0 100px;*/ } .contact_right, .contact_mid2, .contact_mid1, .contact_left { font-size: 16px; width: 50%; vertical-align: top; } .accordion-section-content, .accordion-section, .inner_main1 { width: auto; } #rightClickDiv > img { height: 30px; } #leftClickDiv > img { height: 30px; } .portfolioFooterA:link, .portfolioFooterAInner:link { height: auto; } .portfolioFooterAInner:link { display: block; } .menu > li { padding: 1.3em 0 0.7em 0; border-bottom: 1px solid #bbbbbb; width: calc(100% - 25px); } #navigation3 { display: none; } .mobile_menu #navigation3 { display: block; } .navigation3:link { display: inline-block; font-size: 18px; padding: 0 15px 0 15px; vertical-align: top; } .navigation3Selected:link { /*margin: 1px 0 0 0;*/ } .thumbnailTitles { font-size: 16px; height: auto; padding: 10px 0 10px 25px; } .thumbnailTitles1LH { line-height: 60px; padding: 0 0 11px 0; } .thumbnailTitles1{ padding: 8px 0 15px 0; } .homepageImageDiv1Outer { width: 100%; } .mobileDivisionDisplay { height: 14px; text-align: right; display:block; position:relative; } .mobileDivisionDisplay .navigation3:link { font-size: 13px; padding:0 25px 0 0; } .mobileDivision:link { float: left; font-size: 13px; margin: 0 0 0 25px; font-family: 'AkzidenzGroteskBE-Light', helvetica, sans-serif; text-transform:capitalize; color:#000000; } .mobileDivision:visited { color:#000000; } .mobileDivision:hover { color:#000000; } .mobileDivision:active { color:#000000; } .lessPadding { pading: 10px 40px 0 0; } #navigationFooter3 { z-index: 2000; bottom: 20px; } #navigationFooter2 { left: 80px; bottom: 20px; z-index: 2000; } #contactAgentOuter { z-index: 3500; } #contactAgent { width: 45.5em; height: 37.5em; padding: 2.3em 2.7em 0 2.5em; z-index: 3500; font-size:7px; } #contactAgentButtons{ } #contactAgentTitle { font-size: 2.4em; height: 0.5em; padding: 0 0 1.2em 0; } .contactAgentInput { margin: 0 0 0.4em 0; height: 1.8em; border: 0.1em solid #888888; font-size: 2em; padding: 0 0 0 0.5em; } #contactAgentTextArea { height: 5em; border: 0.1em solid #888888; font-size: 2em; margin: 0 0 0.4em 0; padding: 0.5em 0 0 0.5em; } #contactAgentButtons { height: 3.2em; font-size:6px; } #contactAgentClose { margin: 0 0.8px 0 0; font-size: 1.5em; width: 9em; } #contactAgentSend { font-size: 1.5em; width: 9em; } .mainMobile { visibility: hidden; } .mainMobileVV { visibility: visible; } .nyShow { display: none; } .laShow { display: none; } .navigationHighlightMobHeader { color: #000000 !important; } .naviOuter1, .naviOuter2 { display: block; } #mainLogoImage { height: 28px; } .navi { display: inline-block; } .navi_P{ display: inline-block; } .navIcon1, .navIcon2, .navIcon3, .navIcon4 { width: 20px; height: 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .navIcon1 span, .navIcon3 span, .navIcon4 span { display: block; position: absolute; height: 0.9em; width: 100%; background: #000000; border-radius: 0.9em; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .navIcon1 span:nth-child(1) { top: 0; } .navIcon1 span:nth-child(2) { top: 12px; } .navIcon1 span:nth-child(3) { top: 25px; } .navIcon1.mobileMenuOpened span:nth-child(1) { top: 1.8em; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .navIcon1.mobileMenuOpened span:nth-child(2) { opacity: 0; left: -6em; } .navIcon1.mobileMenuOpened span:nth-child(3) { top: 1.8em; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } /* Icon 2 */ .navIcon2 { } .navIcon2 span { display: block; position: absolute; height: 0.12em; width: 50%; background-color: #000000; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .navIcon2 span:nth-child(even) { left: 50%; border-radius: 0 0.9em 0.9em 0; } .navIcon2 span:nth-child(odd) { left: 0; border-radius: 0.9em 0 0 0.9em; } .navIcon2 span:nth-child(1), .navIcon2 span:nth-child(2) { top: 0; } .navIcon2 span:nth-child(3), .navIcon2 span:nth-child(4) { top: 7px; } .navIcon2 span:nth-child(5), .navIcon2 span:nth-child(6) { top: 14px; } .navIcon2.mobileMenuOpened span:nth-child(1), .navIcon2.mobileMenuOpened span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .navIcon2.mobileMenuOpened span:nth-child(2), .navIcon2.mobileMenuOpened span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navIcon2.mobileMenuOpened span:nth-child(1) { left: 0.3em; top: 0.2em; } .navIcon2.mobileMenuOpened span:nth-child(2) { left: calc(50% - 0.1em); top: 0.2em; } .navIcon2.mobileMenuOpened span:nth-child(3) { left: -50%; opacity: 0; } .navIcon2.mobileMenuOpened span:nth-child(4) { left: 100%; opacity: 0; } .navIcon2.mobileMenuOpened span:nth-child(5) { left: 0.3em; top: 0.4em; } .navIcon2.mobileMenuOpened span:nth-child(6) { left: calc(50% - 0.1em); top: 0.4em; } /* Icon 3 */ .navIcon3 span:nth-child(1) { top: 0; } .navIcon3 span:nth-child(2), .navIcon3 span:nth-child(3) { top: 1.6em; } .navIcon3 span:nth-child(4) { top: 3.6em; } .navIcon3.mobileMenuOpened span:nth-child(1) { top: 1.8em; width: 0%; left: 50%; } .navIcon3.mobileMenuOpened span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .navIcon3.mobileMenuOpened span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navIcon3.mobileMenuOpened span:nth-child(4) { top: 1.8em; width: 0; left: 50%; } /* Icon 4 */ .navIcon4 { } .navIcon4 span:nth-child(1) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .navIcon4 span:nth-child(2) { top: 1.8em; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .navIcon4 span:nth-child(3) { top: 3.6em; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .navIcon4.mobileMenuOpened span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -0.3em; left: 0.8em; } .navIcon4.mobileMenuOpened span:nth-child(2) { width: 0; opacity: 0; } .navIcon4.mobileMenuOpened span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 3.9em; left: 0.8em; } .homepageImageDiv3 { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); padding: 0 0 0 25px; height: calc(100% - 25px); height: -moz-calc(100% - 25px); height: -webkit-calc(100% - 25px); color: #000000; text-align: center; position: static; background: rgba(255, 255, 255, 1); } .homepageImageDiv3 > .divTable { visibility: visible; } .homepageTitle3{ display:none; } .homepageTitle:link{ position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity:0; margin:0; } .homepageImageDiv2{ padding:0 0 12px 25px; } .homepageImageDiv3{ padding:0 0 25px 25px; margin:0; } .homepageTitle2{ font-family: 'AkzidenzGroteskBE-Light', sans-serif; font-size:12px; padding: 3px 0 0 0; } .homepageTitle1{ font-family: 'ActaDisplay-Book', serif; font-size:17px; font-weight:normal; } .thumbnailDiv2D{ display:none; } .thumbnailDiv2M1{ display:block; } #smallLogoA { top: 19px; width:206px; } #smallLogoImage{ height:28px; } #headerSmall > .naviOuter1{ height:53%; } #viewAllContainerOuter { padding: 0 0 0 10px; width: calc(100% - 10px); width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); top:100px; height: calc(100% - 100px); height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); z-index:2000; opacity:1; visibility:visible; } #contactAgent{ display:none; } .portfolioFooter{ font-size:25px; } #viewAllContainerInner .thumbnailDiv1 { width: 100% } #viewAllContainerInner .thumbnailDiv1:last-of-type .thumbnailTitles1 { padding: 8px 0 100px 0; } .contact_left, .contact_mid1, .contact_mid2, .contact_right{ width:100%; text-align:center; } .inner_main2{ width: auto; margin-top: 70px; } .contact_mid1{ margin-top: 70px; } .contact_top { padding: 80px 0 2px 0; } .thumbnailTitles1LH{ line-height: 25px; } .viewAllDiv1Image { width: 100% !important; height: auto !important; } #biography { height: calc(100% - 210px); height: -moz-calc(100% - 210px); height: -webkit-calc(100% - 210px); width: calc(100% - 40px); padding:0 20px; /*top:125px;*/ z-index: 2050; } /*mmm*/ } @media all and (max-width: 870px) { #headerSmall > #navigation3 { padding: 20px 0 0 340px; text-align: left; } } .curioSite { display: none !important; } .sunStudioSite { display: none !important; }