/*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 <head> tag, in base.*/

@font-face {
    font-family: 'Gotham-Light';
    src: url('fonts/Gotham-Light.eot');
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype');
    src: local('☺'), url('fonts/Gotham-Light.svg#font') format('svg'), url('fonts/Gotham-Light.otf') format('opentype'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-ExtraLight';
    src: url('fonts/Raleway-ExtraLight.eot');
    src: url('fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype');
    src: local('☺'), url('fonts/Raleway-ExtraLight.svg#font') format('svg'), url('fonts/Raleway-ExtraLight.otf') format('opentype'), url('fonts/Raleway-ExtraLight.ttf') format('truetype'), url('fonts/Raleway-ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sohne';
    src: url('fonts/testsohne-dreiviertelfett-webfont.woff2') format('woff2'),
    url('fonts/testsohne-dreiviertelfett-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'helvet';
    src: url('fonts/Helvetica.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* url('fonts/Raleway-ExtraLight.svg#font') format('svg'),*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Gotham-Light';
        src: url('fonts/Gotham-Light.svg') format('svg');
    }

    @font-face {
        font-family: 'Raleway-ExtraLight';
        src: url('fonts/Raleway-ExtraLight.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;
}

#sandboxDiv {
    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;
}

.divTableCellTAC {
    text-align:center;
}

.transparentHide {
    position: absolute;
    top: 0;
    left: 0;
}

#header {
    height: 62px;
    padding: 9px 0;
    position: relative;
    -webkit-box-shadow: 0 3px 10px #dddddd;
    -moz-box-shadow: 0 3px 10px #dddddd;
    box-shadow: 0 3px 10px #dddddd;
    z-index: 30;
    text-align:center;
}

#logoA {
    height: inherit;
    display: inline-block;
    /*padding: 0 0 0 30px;*/
}

#logo {
    height: inherit;
}

#phoneIcon {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    height: 25px;
    cursor: pointer;
}

#menu {
    position: fixed;
    top: 90px;
    right: -100%;
    background-color: rgba(255, 255, 255, 0.95);
    /*visibility: hidden;*/
    padding: 20px 30px 7px 25px;
    display: block;
    z-index: 100;
}

.menus:link {
    min-width: 240px;
    min-height: 26px;
    text-align: right;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 16px;
    display: block;
    color: #888888;
}

.menus:visited {
    color: #888888;
}

.menus:hover {
    color: #000000;
}

.menus:active {
    color: #000000;
}

#homepageContent {
    height: calc(100% - 80px);
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    width: 100%;
    font-size: 0;
}

#homepageContent1 {
    overflow-y: auto;
    padding: 0 20px 0 5px;
    height: 100%;
    width: calc(70% - 25px);
    width: -moz-calc(70% - 25px);
    width: -webkit-calc(70% - 25px);
    display: inline-block;
    vertical-align: top;
}

#homepageContent2 {
    padding: 25px 0 0 0;
    width:calc(100vw - 280px);
}

#homepageContent3 {
    height: 100%;
    width:30%;
    display: none;
    vertical-align: top;
    position:relative;
}

.homepageContent3Seperator
{
    position:absolute;
    top:13px;
    left:-16px;
    width:1px;
    height:calc(100% - 26px);
    background-color:#cccccc;
}

#homepageContent3a {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 26px;
    color: #000000;
    padding:10px 0 0 0;
    height:50px;
}

#homepageContent3b {
    height: calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    width: calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    padding: 0 30px 0 5px;
    overflow-y:auto;
}

.homepageImageDiv1Outer {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.homepageNews {
    width: 100%;
}

.homepageImageDiv2 {
    padding: 0 0 25px 25px;
    position: relative;
}

.homepageNews .homepageImageDiv2 {
    padding: 0 0 25px 0;
}

.homepageImageDiv3 {
    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);
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: 25px;
    left: 25px;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    overflow:auto;
}

.viewAllDiv1 .homepageImageDiv3 {
    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);
    bottom: 15px;
    left: 15px;
    pointer-events:none;
}

.viewAllDiv1 .blackOverlayPlayVideo {
    display:none;
}

.homepageNews .homepageImageDiv3 {
    width: 100%;
    left: 0;
}

.homepageImageDiv3 .divTable
{
    position:relative;
}

.homepageImage {
    width: 100%;
    display: block;
}

.videoIcon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 25px;
    left: 25px;
    margin: auto;
    display: block;
    height: 100px;
}

.homepageNews .videoIcon {
    left: 0;
}

.homepageVideoIcon {
    opacity: 0;
}

.iFrameDummyShow {
    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;
}

.homepageNews .iFrameDummyShow {
    width: 100%;
    left: 0;
}

.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;
}

.homepageNews .iFrameCMSDummyShowHomepage {
    width: 100%;
    left: 0;
}

.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;
}

.homepageNews .jwDummyShowHomepage {
    width: 100%;
    left: 0;
}

.blogContainerInner > .homepageImageDiv1 .jwDummyShowHomepage {
    height: 100%;
    bottom: 0;
}

.homepageImageDiv1Outer:hover .homepageImageDiv3 {
    /*visibility: visible;*/
    display:block;
}

.viewAllDiv1:hover .homepageImageDiv3 {
    display: block;
}


.homepageImageDiv3.masonryVidTitle {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    bottom: 30px;
    left: 30px;
}

.viewAllTitle {
    display: block;
    /*padding: 4px 0 0 10px;*/
    color: #ffffff;
    text-align: left;
}

.homepageTitle {
    display: block;
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 25px;
}

.homepageNews .homepageTitle {
    width: 100%;
    left: 0;
}

.homepageTitle1 {
    font-family: 'Raleway-ExtraLight',helvetica, sans-serif;
    font-size: 37px;
    display: inline-block;
    padding:0 20px;
    text-transform:uppercase;
}

.homepageTitle1 p {
    margin:0;
}

.homepageNews .homepageTitle1 {
    font-size: 32px;
}


.viewAllDiv1 .homepageTitle1 {
    font-size: 25px;
}

#leftMenu ~ #homepageContent1 .homepageTitle1
{
    font-size:31px;
}

.homepageTitle2 {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 22px;
    /*position: absolute;
    bottom: 50px;
    left: 0;*/
    display: inline-block;
    padding:0 20px;
    /*margin:-10px 0 0 0;*/
}

.readMore {
    font-family: 'Gotham-Light',helvetica, sans-serif;
    font-size: 13px;
    /*position: absolute;
    bottom: 10px;
    left: 0;
    width:100%;*/
    padding:0;
    margin:7px 0 0 0;
}

.homepageTitle2 p
{
    margin:0 0 6px
}

.readMoreContent
{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 15px;
    display:none;
    text-align:left;
    padding:0 20px;
}

.readMoreContent p
{
    margin:1px 0;
    /*padding:0;
    display:inline;*/
}


.homepageShare {
    font-family: 'Gotham-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: relative;
    /*left: 0;
    bottom: 25px;
    width:100%;*/
    font-family: 'Gotham-Light', helvetica, sans-serif;
    color: #ffffff;
    font-size: 13px;
    pointer-events: auto;
    cursor: pointer;
    text-align: center;
    height: 20px;
    z-index: 1;
    padding:10px 0 20px 0;
}

.blackOverlayPlayVideo:hover {
    color: #bbbbbb;
}

#closeVideo {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    height: 35px;
    opacity: 0.5;
}

#closeVideo:hover {
    opacity: 1;
}

.iFrameValue {
    display: none;
}

.iFrameWidth {
    display: none;
}

.iFrameHeight {
    display: none;
}

#slideOuterDiv {
    position: absolute;
    top: 80px;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    display: none;
    height: calc(100% - 130px);
    height: -moz-calc(100% - 130px);
    height: -webkit-calc(100% - 130px);
    width: 100%;
    font-size: 0;
    overflow: hidden;
    /*min-width: inherit;
    min-height: 405px;*/
    padding: 20px 0 30px 0;
    z-index: 15;
}

#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: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: #ffffff;
}

.vidBottom {
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    background-color: #ffffff;
}

#leftMenu {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0 0 30px;
    width: 205px;
    vertical-align: top;
    display: inline-block;
}

#leftMenu ~ #homepageContent1 {
    width: calc(100% - 260px);
    width: -moz-calc(100% - 260px);
    width: -webkit-calc(100% - 260px);
}

#leftMenu ~ #homepageContent1 .homepageImageDiv1Outer {
    width: 33.33%;
}

#leftMenuNames {
    min-height: calc(100% - 265px);
    min-height: -moz-calc(100% - 265px);
    min-height: -webkit-calc(100% - 265px);
    /*max-height: calc(100% - 110px);
    max-height: -moz-calc(100% - 110px);
    max-height: -webkit-calc(100% - 110px);*/
    overflow: auto;
}

.leftTitle {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    color: #ffffff;
    font-size: 33px;
    padding: 20px 10px 15px 0;
    min-height: 20px;
    text-transform: uppercase;
}

.leftMenuTitle{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    padding: 20px 10px 15px 0;
    min-height: 20px;
}

.leftMenuSubTitle
{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    color: #000000;
    font-size: 16px;
    padding: 0 10px 10px 0;
    min-height: 18px;
}

.leftMenucont {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    color: #ffffff;
    font-size: 23px;
    padding: 0px 10px 15px 0;
}

.leftMenuModelNames:link {
    /*min-height: 26px;*/
    font-family: 'Gotham-Light', helvetica, sans-serif;
    color: #888888;
    font-size: 15px;
    display: block;
    padding: 0 10px 10px 0;
}

.leftMenuModelNames:visited {
    color: #888888;
}

.leftMenuModelNames:hover {
    color: #000000;
}

.leftMenuModelNames:active {
    color: #000000;
}

/*ModelHome Page Starts*/

/* 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: 'Raleway-ExtraLight', 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: 'Raleway-ExtraLight', 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: 'Raleway-ExtraLight', 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: 'Raleway-ExtraLight', 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;
}

/* 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: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}

.portfolioFooter:last-of-type {
    padding: 0;
}

.lessPadding {
    padding: 0 10px 0 0;
    cursor: default;
}

.portfolioFooterA:link {

    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 14px;
    display: inline-block;
    color: #888888;
    text-decoration: none;
    display: inline-block;
    padding: 0 20px 0 0;
}

.portfolioFooterA:visited {
    color: #888888;
    text-decoration: none;
}

.portfolioFooterA:hover {
    text-decoration: underline;
    color: #000000;
}

.portfolioFooterA:active {
    text-decoration: underline;
    color: #666666;
}

#portfolioFooterPrevious {
    position: absolute;
    left: -20px;
}

#portfolioFooterNext {
    position: absolute;
    right: 0;
}

#profilename {
    font-size: 40px;
    font-family: "times new roman", serif;
    padding: 22px 0 0 0;
}

#navigationFooter1 {
    height: 60px;
    padding: 12px 0 0 0;
    font-size: 0;
}

#navigationFooter2 {
    position: absolute;
    bottom: 8px;
    left: 0;
    font-size: 0;
}

#navigationFooter3 {
    position: absolute;
    bottom: 8px;
    right: 0;
    font-size: 0;
}

/* Portfolio Footer Ends*/

/* Share Starts*/

#sharePopup {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    opacity: 0.9;
    /*min-height: inherit;*/
    display: none;
    z-index: 30;
}

#yourMessageSandBox {
    display: none;
}

#shareMain {
    height: 304px;
    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: 'Raleway-ExtraLight', helvetica, sans-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: 'Raleway-ExtraLight', helvetica, sans-serif;
}

#shareDiv3SendEmail {
    height: 56px;
    font-size: 0;
    text-align: right;
}

#shareSendEmail {
    height: 32px;
    width: 90px;
    font-size: 13px;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    cursor: pointer;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    margin: 12px 0 0 0;
    display: inline-block;
    border:1px solid #888888;
}

#shareMainClose {
    height: 32px;
    width: 90px;
    font-size: 13px;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    cursor: pointer;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    margin: 12px 8px 0 0;
    display: inline-block;
    border:1px solid #888888;
}

#shareSendEmail:hover {
    color: #ffffff;
    background-color: #000000;
    border:1px solid #000000;
}

#shareMainClose:hover {
    color: #ffffff;
    background-color: #000000;
    border:1px solid #000000;
}

.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: 'Raleway-ExtraLight', 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: 'Raleway-ExtraLight', helvetica, sans-serif;
}

.textClass1::-webkit-input-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
}

.textClass1::-moz-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
    opacity: 1;
}

/* firefox 19+ */
.textClass1:-ms-input-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
}

/* ie */
.textClass1:-moz-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
    opacity: 1;
}

#yourMessage::-webkit-input-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
}

#yourMessage::-moz-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
    opacity: 1;
}

/* firefox 19+ */
#yourMessage:-ms-input-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
}

/* ie */
#yourMessage:-moz-placeholder {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 13px;
    color: #888888;
    opacity: 1;
}

/* Share Ends*/

/*Instagram Feed Starts*/

#instagramDiv {
    height: calc(100% - 155px);
    height: -moz-calc(100% - 155px);
    height: -webkit-calc(100% - 155px);
    width: 100%;
    position: absolute;
    top: 90px;
    opacity: 0;
    /*min-width: 620px;
    min-height: 410px;*/
    z-index: 25;
    visibility: hidden;
    background-color: #ffffff;
}

#instagramDiv1 {
    height: 100%;
    width: calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 30px 0 15px;

}

#instagramDivInner {
    display: inline-block;
    height:100%;
    vertical-align:top;
    width:100%;
}

#instagramDivInner .instalink {
    min-height:0;
    min-width:0;
}

.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: 'Raleway-ExtraLight', 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: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#leftMenu > #instagramDiv {
    height: 242px;
    position: static;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    visibility: visible;
}

#leftMenu #instagramDiv1 {
    height: calc(100% - 58px);
    height: -moz-calc(100% - 58px);
    height: -webkit-calc(100% - 58px);
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    padding: 0 20px 0 0;
}

#leftMenu #instagramDivInner {
    width: 100%;
}

#leftMenu .instagramClass {
    width: 33.33%;
}

#leftMenu .instagramClass1 {
    padding: 0 3px 3px 0;
}

#instagramDivColumn {
    width: 100%;
    height:100%;
}

#instagramDivColumnInner {
    width: calc(100% - 14px);
    width: -moz-calc(100% - 14px);
    width: -webkit-calc(100% - 14px);
    padding: 0 14px 0 0;
    /*height: calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);*/
    height:100%;
}

.column3 #instagramDivColumnInner
{
        width: 100%;
        padding: 0;
}

#instagramDivColumn #instagramDiv1 {
    /*height: 100%;*/
    height: calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    width: calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 16px 0 0;
}

#instagramDivColumn #instagramDivInner {
    width: 100%;
    height:100%;
}

#instagramDivColumn .instagramClass {
    width: 33.33%;
}

#instagramDivColumn .instagramClass1 {
    padding: 0 5px 5px 0;
}

/*Instagram Feed Ends*/

/*Print popup Starts*/
.printPopup {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    opacity: 0.9;
    display: none;
    z-index: 37;
}

.pop_wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 300px;
    width: 485px;
    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: 37;
}

.pop_head {
    height: 65px;
    padding-top: 2px;
}

.pop_head_text {
    font-size: 14px;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    float: left;
    margin: 15px 0 0 30px;
    color: #1a1a1a
}

.pop_close {
    opacity: 0.7;
    cursor: pointer;
    position:absolute;
    top:10px;
    right:10px;
}

.pop_close:hover {
    opacity: 1;
}

.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: 'Raleway-ExtraLight', helvetica, sans-serif;
    line-height: 95%;
    font-size: 13px;
}

.btn {
    background-color: #ffffff;
    padding: 8px 13px 8px 13px;
    text-decoration: none;
    width: 75px;
    margin: 0 auto;
    color: #000000;
    font-size: 13px;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    display: block;
    border:1px solid #000000;
}

.btn:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}

.line {
    height: 194px;
    width: 1px;
    background-color: #000000;
    float: left;
}

@-moz-document url-prefix() {
            /*.pop_head_text {
                font-size: 16px;
            }*/
        }

/*Print popup Ends*/

/*Agent Contact Popup Starts*/

#contactAgentOuter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
    display: none;
    z-index: 35;
}

#contactAgent {
    width: 455px;
    height: 335px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 23px 27px 0 25px;
    background-color: #ffffff;
    display: none;
    z-index: 35;
}

#contactAgentTitle {
    font-family: 'Raleway-ExtraLight', helvetica, sans-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: 'Raleway-ExtraLight', 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: 'Raleway-ExtraLight', helvetica, sans-serif;
    border: 1px solid #888888;
    font-size: 13px;
    margin: 0 0 10px 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: 'Raleway-ExtraLight', helvetica, sans-serif;
    display: inline-block;
    font-size: 13px;
    background-color: #ffffff;
    color: #000000;
    height: inherit;
    width: 90px;
    text-align: center;
    cursor: pointer;
    border:1px solid #888888;
}

#contactAgentSend {
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    display: inline-block;
    font-size: 13px;
    background-color: #ffffff;
    color: #000000;
    height: inherit;
    width: 90px;
    text-align: center;
    cursor: pointer;
    border:1px solid #888888;
}

#contactAgentClose:hover {
    background-color: #000000;
    color: #ffffff;
    border:1px solid #000000;
}

#contactAgentSend:hover {
    background-color: #000000;
    color: #ffffff;
    border:1px solid #000000;
}

/*Agent Contact Popup Ends*/

/*SlideShowG Starts*/

.columnContainer {
    height: calc(100% - 80px);
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    font-size: 0;
    padding: 0 30px 0 30px;
}

.column1, .column2, .column3 {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    font-size: 0;
}

.contentAll {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    overflow: hidden;
    display:none;
}


.ssOuter {
    width: 100%;
    height: 100%;
}

.ssMiddle {
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    padding: 0 30px 0 0;
    height: calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
}

.ssInner {
    width: 100%;
    height: 100%;
}

.slideMainContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.mainSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    z-index: 0;
}

.newLeftArrow {
    height: 40px;
    display: block;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 1;
}

.newRightArrow {
    height: 40px;
    display: block;
    position: absolute;
    top: 25px;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 1;
}

.videoOuterContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoOuterContainer > .divTable {
    text-align: center;
}

.videoInnerContainer {
    display: inline-block;
    height: 50%;
    width: 50%;
    position: relative;
}

.videoInnerContainer > iframe {
    width: 100%;
    height: 100%;
}

.hoverLayer
{
    color:#ffffff;
    font-family: "Raleway-ExtraLight",helvetica,sans-serif;
    font-size: 18px;
    opacity:0;
    background-color: rgba(0, 0, 0, 0.8);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    /*display:none;*/
}

.videoInnerContainer:hover > .hoverLayer
{
    /*display:block;*/
    opacity:1;
}

/* Footer Starts*/

.footer {
    font-size: 0;
    height: 40px;
    padding: 5px 30px 0 0;
}

.footerElements {
    display: inline-block;
    cursor: pointer;
    padding: 0 15px;
    font-size: 13px;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    white-space: nowrap;
    color: #888888;
}

.footerElements:hover {
    color: #000000;
}

.footerElementsA:link {
    color: #888888;
}

.footerElementsA:visited {
    color: #888888;
}

.footerElementsA:hover {
    color: #000000;
}

.footerElementsA:active {
    color: #000000;
}

.backAgain
{
    float:right;
    padding:0;
}

.currentCount {
    display: inline-block;
    cursor: default;
    color: #000000;
}

.slash {
    display: inline-block;
    padding: 0 5px;
    cursor: default;
    color: #000000;
}

.totalCount {
    display: inline-block;
    cursor: default;
    color: #000000;
}

/* Footer Ends*/

/*View All Starts*/
.viewAllContainerOuter {
    height: calc(100% - 155px);
    height: -moz-calc(100% - 155px);
    height: -webkit-calc(100% - 155px);
    padding: 0 0 0 15px;
    width: calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 90px;
    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;
}

.mainSlide .mainImage {
    width:100%;
    height:100%;
    display:block;
    opacity:0;
    position:absolute;
    top:0;
    left:0;

    /*box-shadow: 2px 2px 2px #cccccc;*/
}


.viewAllDiv1 .mainImage {
    height: 200px;
    width: auto;
    display: block;
    opacity: 0;
    cursor: pointer;
}

.mainImageOuter
{
    display:inline-block;
    position:relative;
}

.mainImageCaption {
    height: 100px;
    width:auto;
    opacity:0;
}

.captions
{
    width:100%;
    position:absolute;
    bottom:-24px;
    height:20px;
    left:0;
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size:12px;
    color:#aaaaaa;
}

.leftCaption
{
    float:left;
    height:inherit;
}

.rightCaption
{
    float:right;
    height:inherit;
}


/*View All Ends*/

/*Notes Starts*/
.notes {
    display: none;
}

.notesDiv {
    height: auto;
    width: 275px;
    min-height: 100px;
    position: absolute;
    bottom: 65px;
    right: 10px;
    background-color: #ffffff;
    display: none;
    box-shadow: 3px 3px 3px #777777;
    border: 1px #999999 solid;
    color: #000000;
    z-index: 15;
}

.notesDiv1 {
    width: auto;
    padding: 10px 10px;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 16px;
    position: relative;
}

.notesDiv2 {
    height: auto;
    width: auto;
    padding: 6px 10px 10px 10px;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 12px;
}

.notesDivClose {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    height: 25px;
    opacity: 1;
}

.notesDivClose:hover {
    opacity: 0.8;
}

/*Notes Ends*/
.selectedClass {
    color: #000000 !important;
}
.selectedClassAlt {
    color: #000000 !important;
}
/*SlideShowG Ends */

#portfolioMenuOuter {
    position: absolute;
    top: 30px;
    right: 80px;
    height: 25px;
    display: none;
}

#bottomArrow {
    height: 9px;
    margin: 1px 0 0 10px;
    opacity: 0;
}

.portfolioMenuInner {
    position: absolute;
    top: 17px;
    left: 0;
    display: none;
    padding: 42px 0 0 0;
    min-width:210px;
}

.artistName:link {
    display: inline-block;
    padding: 0 50px 0 0;
    font-family: "Raleway-ExtraLight", helvetica, sans-serif;
    font-size: 16px;
    color:#000000;
    text-transform:uppercase;
}

.artistName:visited {
    color:#000000;
}

.artistName:hover {
    color:#000000;
}

.artistName:active {
    color:#000000;
}


.instaPhotoDashboardName:link {
    display: inline-block;
    padding: 0 20px 0 0;
    font-family: "Raleway-ExtraLight", helvetica, sans-serif;
    font-size: 16px;
    color:#000000;
    text-transform:lowercase;
}

.instaPhotoDashboardName:visited {
    color:#000000;
}

.instaPhotoDashboardName:hover {
    color:#000000;
}

.instaPhotoDashboardName:active {
    color:#000000;
}


.artistNamePhotoDashboard1:link{
    display:none;
}

.artistNamePhotoDashboard2:link{

    position:absolute;
    left: 30px;
    top:35px;
    display:block;
    font-family: 'helvet', sans-serif;
    font-size: 14px;
    color:#000000;
    font-weight:900;
}

.portfolioName {
    display: inline-block;
    position: relative;
}

.portfolioName:hover > .portfolioMenuInner {
    display: block;
}

.portfolioName:hover #bottomArrow {
    opacity: 1;
}

.portfolioMenus:link {
    min-height: 26px;
    text-align: left;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 16px;
    display: block;
    color: #888888;
    padding: 0 10px 0 10px;
    background-color: #ffffff;
    text-transform:lowercase;
}

.portfolioMenus:visited {
    color: #888888;
}

.portfolioMenus:hover {
    color: #000000;
}

.portfolioMenus:active {
    color: #000000;
}

.displayNone {
    display: none;
}



/*Dash Board Starts*/
.nameContainer {
    display: inline-block;
    width: 100%;
    position: relative;
}

.nameContainerDN {
    display: inline-block;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 0 10px 0 0;
    text-transform:uppercase;
}

.fullPortfolio:link {
    display: inline-block;
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    padding: 0 20px 0 0;
}

.fullPortfolio:visited {
    color: #000000;
}

.fullPortfolio:hover {
    color: #888888;
}

.fullPortfolio:active {
    color: #888888;
}

.smallRightArrow {
    height: 13px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.smallLeftArrow {
    height: 13px;
    cursor: pointer;
    position: absolute;
    right: 15px;
}

.smallRightArrow:hover {
    opacity: 0.5;
}

.smallLeftArrow:hover {
    opacity: 0.5;
}

.blogContainerOuter {
    width: 100%;
    height: 100%;
}

.blogContainerTitle
{
    text-align: left;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    height: 40px;
    padding:5px 0 0 0;
}

.blogContainerMiddle {
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    height: calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    padding: 0 20px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.blogContainerInner .homepageNews {
    width:auto;
    padding:0 10px 30px 0;
}

.blogContainerInner .homepageImageDiv2
{
    padding:0;
    min-height:100px;
}

.blogContainerInner .readMoreContent
{
    padding:0;
}

.blogContainerInner .blackOverlayPlayVideo
{
    padding:10px 0 0 0;
}

.blogTitle {
    padding: 15px 80px 10px 0;
    position: relative;
    text-align: left;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
}

.blogTitle > *
{
    margin:0;
    padding:0;
}

.dashboardReadMore:link {
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 15px;
    display: block;
    color: #000000;
}

.dashboardReadMore:visited {
    color: #000000;
}

.dashboardReadMore:hover {
    color: #888888;
}

.dashboardReadMore:active {
    color: #888888;
}


/*Dash Board Ends*/
/*ModelHome Page Ends*/


/*ETA Page Starts*/

.etaOuterContainer
{
    height:calc(100% - 80px);
    overflow:auto;
}

.etaInnerContainer
{
    max-width:940px;
    margin:0 auto;
    padding:0 30px;
}

.etaLogoLarge
{
    display:block;
    margin:30px auto 45px auto;
}

.etaInnerContainerText
{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size:13px;
    text-align:justify;
    color:#444444;
    font-weight:900;
    padding:0 0 40px 0;
}

.etaInnerContainerTextTitle
{
    margin:0 0 25px 0;
    color:#000000;
}

.inF
{
    height:36px;
    width:100%;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    border: 1px solid #000000;
    font-size: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

.txtA
{
    height:100px;
    width:100%;
    display: block;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    border: 1px solid #000000;
    font-size: 13px;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.formName
{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size:13px;
    color:#000000;
    font-weight:900;
    padding:0 0 2px 0;
}


.inputField
{
    padding:0 0 10px 0;
}

.emailText
{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size:13px;
    color:#000000;
}

.iTA
{
    padding: 0 0 15px 0;
}


.infS
{
    width:50%;
    background-color: #000000;
    color: #ffffff;
    font-weight:900;
}

.infS:hover
{
    background-color: #aaaaaa;
    color: #000000;
}

.inputFieldS
{
    padding:0 0 50px 0;
}

.headerLine
{
    width:1px;
    height:50px;
    top:15px;
    position:absolute;
    right:70px;
    background-color:#000000;
    display:none;
}

.etaLogoA
{
    position:absolute;
    display:block;

    /*right:85px;
    top:15px;*/

    left:30px;
    top:15px;
}


.lampLogoA
{
    position:absolute;
    left:30px;
    top:18px;
    display:none;
}

.lampLogo
{
    display:block;
    height:43px;
    opacity:0.75;
}

.lampLogo:hover
{
    opacity:1;
}

.homepageHoverLogo
{
    height:40px;
    /*margin:0 0 0 0;*/
}

.etaLogo
{
    display:block;
}


/*ETA Page Ends*/



/* Sathish's Work Ends here*/

/*RK styling starts*/
/*Contact styling start*/

.contact_whole
{
    height:calc(100% - 80px);
}

#leftmenu_ct {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0 0 30px;
    width: 397px;
    vertical-align: top;
    display: inline-block;
}

.left_head{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    padding: 20px 10px 15px 0;
    min-height: 29px;
}

#leftmenu_ct ~ .stil_mot, #leftmenu_ct ~ .privacyPolicy, #leftmenu_ct ~ .beau_sty{
    width: calc(100% - 437px);
    width: -moz-calc(100% - 437px);
    width: -webkit-calc(100% - 437px);
    margin-top: 62px;
    display: none;
    height:calc(100% - 62px);
    overflow:auto;
    vertical-align:top;
}

#leftmenu_ct ~ .stil_mot{
    display: inline-block;
}



.contact_cont{
    display: inline-block;
    width: 33%;
    min-width: 250px;
    min-height: 211px;
    vertical-align: top;
    text-align:left;
}

.contact_top{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 18px;
    color: #888888;
    text-transform: uppercase;
    padding-bottom: 12px;
}

.smallBP
{
    height:8px;
    margin-top:4px;
}

.cnt_line{
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    padding-bottom: 2px;
    text-transform:lowercase;
}

.mail_link{
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    padding-bottom: 2px;
}

.mail_link:hover{
    color: #888888;
}

.mail_link_info{
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 18px;
    color: #ffffff;
}

.mail_link_info:hover{
    color: #888888;
}

.trans{
    color: transparent;
}

.cntfirst, .cntsecond, .cntthird {
    min-height: 26px;
    font-family: 'Gotham-Light', helvetica, sans-serif;
    color: #888888;
    font-size: 15px;
    display: block;
    padding: 0 10px 0 0;
    cursor: pointer;
}

.cntfirst {
    color: #000000;
}

.leftlink:hover {
    color: #000000;
}
/*Contact styling end*/

/*Elf Sight feed overwrite Starts*/
.instalink-header, .instalink-panel, .instalink-alert
{
    display:none !important;
}

.instalink-user .instalink-feed-wrapper
{
    top:0 !important;
}

div.eapps-widget.eapps-widget-show-toolbar:hover::before
{
    border:0 !important;
}
/*Elf Sight feed overwrite Ends*/



/*Info page start*/
.wrapper {
    text-align: center;
    margin: 0 auto;
    /*position: absolute;*/
    height: calc(100% - 130px);
    height: -moz-calc(100% - 130px);
    height: -webkit-calc(100% - 130px);
    width: 100%;
    overflow: hidden;
    /*min-width: 700px;*/
    padding: 20px 0;
}

.img_whole{
    height: 100%;
    z-index: 0;
    padding: 0px 20px 0px 20px;
}

.backimg_cont{
    display: block;
    margin: 0;
    max-width: 100%;
    height:100%;
    position: relative;
}

.backimg {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.title1{
    display: none;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height:100%;
    align-items: center;
    justify-content: center;
    text-align:center;
}
.infoPage:hover > .title1{
    display: flex;
}

.text_cont{
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_cont{
    text-align: right;
    width: calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
}

.footer_back{
    position:absolute;
    bottom:30px;
    font-family: 'Raleway-ExtraLight', helvetica, sans-serif;
    font-size: 16px;
    color: #888888;
}

.footer_back:hover{
    color: #000000;
}

.news_info{
    width: 70%;
    display: inline-flex;
    position: relative;
    height: calc(100% - 85px);
    height: -moz-calc(100% - 85px);
    height: -webkit-calc(100% - 85px);
    align-items: center;
    justify-content: center;
}

.news_info2{
    width:29%;
    height: calc(100% - 130px);
    height: -moz-calc(100% - 130px);
    height: -webkit-calc(100% - 130px);
}
.insta_info{
    width: 60%;
    display: inline-flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.instalink-cap::before { display: none !important; }

.infoPage
{
    position:relative;
    height:100%;
    margin:0 25px 0 0;
}
/*Info page end*/
/*RK styling end*/

#mobileHeading
{
    display:none;
    font-size:20px;
    text-transform:uppercase;
    font-family: 'Gotham-Light',sans-serif;
    height:40px;
    padding:0 0 0 20px;
}

.covid19Outer {
    height: calc(100% - 80px);
    overflow: auto;
}

.covid19Inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 30px;
}

.covid19Block {
    /*padding: 0 0 200px 0;*/
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    line-height:25px;
    padding:0 0 50px;
}

.covid19Block100{
    /*min-height:100%;
    padding:0;*/
}

.covid19BlockCenter {
    text-align: left;
}

.covid19Logo {
    height: 200px;
    display: block;
    margin: 50px auto 20px auto;
}

.covid19Text01 {
    text-align: center;
    font-size: 20px;
}

.covid19ContentCenter {
    display: inline-block;
    text-align: left;
}

.covid19ContentTitle {
    font-size: 30px;
    padding: 10px 0 20px;
    line-height:40px;
}

.covid19ContentTitle1{
    font-size: 18px;
    padding:10px 0 0 0;
    line-height:30px;
}

.covid19UL1 {
    padding: 0 0 0 18px;
    margin: 0;
    width:170px;
}


.covid19UL3 {
    padding: 0 0 0 18px;
    margin: 0;
}

.covid19UL2{
    padding: 0 30px 0 18px;
    margin: 0;
}

.covid19Li1 {
    padding: 0 0 10px;
}

.covid19Li2{
    padding: 0 0 20px;
}

.covid19AWNW{
    white-space:nowrap;
}

.covid19A:link{
    color:#000000;
}

.covid19A:visited{
    color:#000000;
}

.covid19A:hover{
    color:#888888;
}

.covid19A:active{
    color:#888888;
}

.covid19BlockLeft1{
    width:50%;
    display:inline-block;
    height:calc(100vh - 60px);
    vertical-align:top;
    font-size:18px;
}

.covid19BlockRight1{
    width:50%;
    display:inline-block;
    min-height:100%;
    vertical-align:top;
}


.covid19BlockLeft2{
    width:65%;
    display:inline-block;
    min-height:100%;
    vertical-align:top;
}

.covid19BlockRight2{
    width:35%;
    display:inline-block;
    height:auto;
    vertical-align:top;
    position:relative;
    padding:78px 0 0 0;
}


.covid19BlockLeft3{
    width:50%;
    display:inline-block;
    min-height:100%;
    vertical-align:top;
}

.covid19BlockRight3{
    width:50%;
    display:inline-block;
    height:auto;
    vertical-align:top;
    position:relative;
    padding:118px 0 0 0;
}

.covid19Image1{
    /*position:absolute;
    top:0;
    bottom:0;
    left:0;*/
    margin:0 auto;
    width:95%;
    display:block;
}


.covid19PopupLayer{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.90);
    display: none;
    z-index: 30;
}

.covid19PopupOuter{
    width:calc(90% - 60px);
    max-width:600px;
    height:auto;
    padding:30px;
    margin:0 auto;
    position:relative;
    background-color: #ffffff;
    box-shadow: 6px 6px 10px -1px rgba(107, 107, 107, 0.9);
}

.covid19PopupInner{
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    line-height: 25px;
}

.closeCovid19Popup{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 5px;
    right: 6px;
    height: 25px;
    opacity: 0.5;
}

.closeCovid19Popup:hover {
    opacity: 1;
}

.captionsFooter{
    text-transform:uppercase;
    color:#000000;
}

.masonryLayout0{
    width:100%;
    padding:30px 0 0 0;
    height:calc(100% - 30px);
}

.masonryLayout1{
    /*width:calc(100% - 30px);*/
    padding:0 0 0 0;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

.masonryLayout2{
    /*width:calc(65vw - 60px);*/
    width:calc(100% - 30px);
}
.masonryLayoutInner1:link{
    width:33.33%;
    display:inline-block;
    vertical-align:top;
    color:#000000;
}

.masonryLayoutInner1:visited{
    color:#000000;
}

.masonryLayoutInner1:hover{
    color:#888888;
}

.masonryLayoutInner1:active{
    color:#888888;
}

.masonryLayoutInner2{
    padding:0 0 30px 30px;
}

.masonryLayoutInner3{
    position:relative;
}

.masonryLayoutInnerText{
    font-family: 'Raleway-ExtraLight',helvetica, sans-serif;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    padding:10px 0 0 0;
    text-align:center;
}


.classOfPlayerMP4Clip{
    width:100%;
    height:100%;
    display:block;
}

.columnContainerML{
    /*height:calc(100% - 110px);
    padding:0 30px 0 0;*/
    padding:0;
}

.masonryLayoutInner2Image{
    width:100%;
    display:block;
    opacity:0;
}


.videoOuterContainerML {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
}

.videoInnerContainerML {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.homepageImageDiv3ML {
    width: 100%;
    height:100%;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:1;
    visibility:hidden;
}

.masonryLayoutInner2:hover .homepageImageDiv3ML{
    visibility:visible;
}

.jobOuter{
    height: calc(100% - 80px);
    overflow: auto;
    width:auto;
    text-align:center;
    padding:0 20px;
}

.jobInner{
    width:100%;
    max-width:532px;
    display:inline-block;
    padding:20px 0 40px 0;
}

.jobInnerImg{
    display:block;
    width:100%;
}

.jobContent{
    padding:30px 0 0 0;
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    text-align:left;
}

.jobContentA:link{
    text-decoration:underline;
}

.simpleUnderConstruction{
    position:fixed;
    background-color: #ffffff;
    left:0;
    width:100%;
    height:calc(100% - 80px);
    z-index:90;
}

.contactLine{
    font-family: 'Gotham-Light', helvetica, sans-serif;
    font-size: 17px;
    padding:0 0 15px 0;
}




@media (max-width: 767px) {

    .artistNamePhotoDashboard1:link{
        display:inline-block;
    }

    .artistNamePhotoDashboard2:link{
        display:none;
    }


    .masonryLayout2{
        /*width:calc(100vw - 27px);*/
        width: calc(100% - 20px);
    }

    .masonryLayout0{
        height: auto;
    }

    .masonryLayout1 {
        padding: 0 0 0 0;
        height: auto;
        overflow: hidden;
    }

    .masonryLayoutInner2{
        padding:0 0 25px 13px;
    }

    .masonryLayoutInnerText{
        font-size:12px;
    }
/*
    #leftMenu {
        width: 305px;
        -webkit-overflow-scrolling: touch;
    }

    #leftMenu ~ #homepageContent1 {
        width: calc(100% - 360px);
        width: -moz-calc(100% - 360px);
        width: -webkit-calc(100% - 360px);
    }

    #leftMenu ~ #homepageContent1 .homepageImageDiv1Outer {
        width: 50%;
    }

    .leftMenuModelNames:link {
        min-height: 60px;
        font-size: 30pt;
    }

    .menus:link {
        min-width: 320px;
        min-height: 76px;
        font-size: 35pt;
    }

    .leftMenuTitle {
        font-size: 23pt;
        min-height: 30px;
    }

    .artistName:link {
        font-size: 20pt;
    }

    .portfolioMenus:link {
        min-height: 40px;
        font-size: 20pt;
    }

    .portfolioMenuInner {
        min-width:200px;
    }

    .footer {
        height: 70px;
    }

    .nameContainerDN {
        font-size: 20pt;
    }

    .fullPortfolio:link {
        font-size: 20pt;
    }

    .smallLeftArrow {
        height: 25pt;
        padding: 0 50px 0 0px
    }

    .smallRightArrow {
        height: 25pt;
        padding: 0 20px 0 0px
    }


    .ssMiddle {

    }

    .footerElements{
        font-size: 18pt;
    }

    #contactAgent{
        width: calc(100% - 60px) !important;
        width: -moz-calc(100% - 60px) !important;
        width: -webkit-calc(100% - 60px) !important;
        height: 500px !important;
    }

    .contactAgentInput{
        height: 60px !important;
        font-size: 2.6em ;
    }

    #contactAgentTextArea{
        height: 185px !important;
        font-size: 2.6em ;
    }

    #contactAgentClose{
        font-size: 20pt;
        width: 150px;
    }

    #contactAgentSend{
        font-size: 20pt;
        width: 150px;
    }

    #contactAgentButtons {
        height: 42px;
    }

    #contactAgentTitle{
        font-size: 24pt;
    }

    #shareMain{
        width: calc(100% - 60px) !important;
        width: -moz-calc(100% - 60px) !important;
        width: -webkit-calc(100% - 60px) !important;
        height: 540px !important;
    }

    #shareTitle1{
        font-size: 24pt;
    }

    .textClass1{
        height: 60px !important;
        font-size: 2.6em;
    }

    .textClass1::-webkit-input-placeholder {
        font-size: 40px;
    }


    .textClass1::-moz-placeholder {
        font-size: 40px;
    }

    #shareDiv2{
        height: 255px !important;
    }

    #yourMessage{
        font-size: 2.6em;
    }

    #yourMsg{
        font-size: 2.6em;
    }

    #shareMainClose{
        font-size: 20pt;
        width: 150px;
        height: 42px;
    }

    #shareSendEmail{
        font-size: 20pt;
        width: 150px;
        height: 42px;
    }

    .pop_wrap{
        width: calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        height: 435px;
    }

    .pop_head_text{
        font-size: 1.8em;
    }

    .pop_icon1 img{
        height: 225px;
        margin-top: 0px !important;
    }

    .pop_icon2 img{
        height: 225px;
    }

    .pop_icon3 img{
        height: 225px;
    }

    .pop_icon1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .icon_text{
        font-size: 1.8em;
        width: 220px !important;
    }

    .btn{
        font-size: 1.8em;
        width: 110px !important;
    }

    .pop_close img{
        height: 50px;
    }

    .line {
        height: 350px;
    }

    .shareIcons img{
        height: 68px;
    }

    #menu {
        position: absolute;
        top: 90px;
        right: 20px;
        background-color: rgba(255, 255, 255, 0.95);
        visibility: hidden;
        padding: 20px 0 15px 0;
        display: block;
        z-index: 1;
        width: 630px
    }
*/

    #leftMenu {
        -webkit-overflow-scrolling: touch;
    }
    #leftMenuNames{
        -webkit-overflow-scrolling: touch;
    }

    #homepageContent{
        -webkit-overflow-scrolling: touch;
    }

    div.columnContainer{
        -webkit-overflow-scrolling: touch;
    }


    #instagramDiv {
        height: calc(100% - 135px);
        height: -moz-calc(100% - 135px);
        height: -webkit-calc(100% - 135px);
        top:70px;
    }

    div#instagramDiv1{
        -webkit-overflow-scrolling: touch;
    }

    .blogContainerMiddle{
        -webkit-overflow-scrolling: touch;
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        padding: 0 20px 0 0;
    }

    #phoneIcon {
        height: 30px;
        top: 20px;
        right:20px;
    }

    #instagramDivColumn #instagramDiv1
    {
        height:500px;
    }

    #logoA
    {
        padding:0 0 0 20px;
    }

    /*
    .headerLine
    {
        right:85px;
    }

    .etaLogoA
    {
        right:100px;
    }
    */

    .lampLogo
    {
        opacity:1;
    }

    #header
    {
        text-align:left;
        height: 40px;
        padding: 10px 0;
    }

    #homepageContent {
        height:calc(100% - 60px);
    }

    .columnContainer {
        height:calc(100% - 60px);
    }

    .contact_whole {
        height:calc(100% - 60px);
    }

    .etaOuterContainer {
        height:calc(100% - 60px);
        -webkit-overflow-scrolling: touch;
    }


    .artistName:link
    {
        padding: 0 10px 0 0;
        font-size:13px;
    }

    #portfolioMenuOuter
    {
        top:21px;
        left:90px;
        right:auto;
    }

    .portfolioMenuInner
    {
        padding:17px 0 0 0;
    }

    .leftMenuTitle
    {
        font-size:16px;
    }

    #leftMenu ~ #homepageContent1 .homepageImageDiv1Outer {
        width: 50%;
    }


    .contact_cont
    {
        min-height:0;
        padding:0 0 30px 0
    }


    #leftMenu ~ #homepageContent1 .homepageTitle1
    {
        font-size:14px;
        padding:0 0 5px;
    }


    .homepageImageDiv2 {
        padding: 0 0 10px 10px;
    }



    .homepageImageDiv3 {
        width: calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        height: calc(100% - 10px);
        height: -moz-calc(100% - 10px);
        height: -webkit-calc(100% - 10px);
        bottom: 10px;
        left: 10px;
    }


    /*#leftMenu ~ #homepageContent1 .homepageImageDiv3
    {
        position:static;
        padding: 0 0 0 10px;
        height:40px;
        background:rgba(255,255,255,1);
        color:#000000;
        text-align:left;
        display:block;
    }*/

    .pop_wrap
    {
        width:361px;
    }

    #shareMain
    {
        width:361px;
    }

    #contactAgent
    {
        width:341px;
    }

    .pop_head_text
    {
        width:280px;
    }

    .pop_icon2 {
        margin: 0 10px;
    }

    .pop_icon1 {
        margin: 0 10px 0 2px;
    }


    .pop_icon3
    {
        margin-left:10px;
    }



    .viewAllDiv1 .homepageTitle1
    {
        font-size:17px;
    }

    #leftMenu
    {
        padding:0 0 0 20px;
        position:fixed;
        z-index:-5;
        left:-700px;
    }

    #leftMenu ~ #homepageContent1 {
        width: calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        padding:0 10px 0 0px;
        height:calc(100% - 40px);
    }

    #homepageContent2 {
        padding: 0 0 0 0;
        width:calc(100vw - 10px);
    }

    #mobileHeading
    {
        display:block;
    }

    #leftMenu ~ #homepageContent1 .homepageImageDiv2
    {
        padding: 0 0 0 10px;
        overflow:hidden;
    }

    #leftMenu ~ #homepageContent1 .homepageImageDiv3
    {
        position:static;
        padding: 0 0 0 10px;
        height:40px;
        background:rgba(255,255,255,1);
        color:#000000;
        text-align:left;
        display:block;
    }

    #leftmenu_ct {
        height: 100px;
        width: calc(100% - 20px);
        padding: 0 0 0 20px;
        display:flex;
        align-items:baseline;
        justify-content: space-between;
    }

    .left_head
    {
        display:none;
    }

    .contactA
    {
        display:inline-block;

    }

    #leftmenu_ct ~ .stil_mot, #leftmenu_ct ~ .privacyPolicy, #leftmenu_ct ~ .beau_sty {
        width: calc(100% - 20px);
        padding:0 0 0 20px;
        text-align:left;
        -webkit-overflow-scrolling: touch;
        margin-top:0;
        height:calc(100% - 100px);
    }

    .cntfirst, .cntsecond
    {
        font-size:19px;
        padding:20px 20px 10px 0;
        min-height:0;
    }

    .cntthird
    {
        font-size:19px;
        padding:20px 5px 10px 0;
        min-height:0;
    }

    .portfolioName
    {
        display:none;
    }

    #instagramDivColumnInner .nameContainerDN
    {
        padding: 0 10px 0 11px;
    }

    #menu
    {
        top:60px;
        padding:0;
        display:flex;
        align-content:center;
        height:calc(100% - 60px);
        flex-wrap: wrap;
        width:100%;
    }

    .menus:link
    {
        text-align:center;
        min-width:100%;
        text-transform:lowercase;
        min-height:50px;
        font-size:25px;
    }

    .viewAll
    {
        display:none !important;
    }

    .share
    {
        display:none !important;
    }

    .fullScreen
    {
        display:none !important;
    }

    .counters
    {
        display:none !important;
    }

    .viewAllContainerOuter
    {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-overflow-scrolling: touch;
        top:70px;
        height: calc(100% - 135px);
        height: -moz-calc(100% - 135px);
        height: -webkit-calc(100% - 135px);
        padding: 0 15px 0 15px;
        width: calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
    }

    .viewAllDiv2 .mainImage
    {
        height:auto !important;
        width:100% !important;
    }

    .viewAllDiv1
    {
        width:100% !important;
    }

    .viewAllDiv2
    {
        padding: 0 0 15px 6px;
    }

    .infoPage
    {
        min-height:300px;
    }

    .ssMiddle {
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        padding: 0 20px 0 0;
    }

    .footer {
        position:relative;
    }

    .personalWebsiteLink
    {
        padding:0 15px 0 0;
        position:absolute;
        left:-10px;
    }

    .backAgain
    {
        position:absolute;
        right:-15px;
        float:none;
    }

    .smallRightArrow {
        visibility:hidden;
    }

    .smallLeftArrow {
        visibility:hidden;
    }

    a {
        -webkit-tap-highlight-color:transparent;
    }

    .underM
    {
        width:calc(100% - 9px) !important;
    }

    .underM .leftTitle
    {
        font-size:26px;
    }

    .title1
    {
        width:100% !important;
    }

    .underM .backimg
    {
        position:static;
    }

    .infoPage ~ .column2 #instagramDiv1
    {
        height:500px;
    }

    .covid19BlockLeft1{
        width:100%;
        height:auto;
        font-size:30px;
        line-height:40px;
    }

    .covid19BlockRight1{
        width:100%;
    }

    .covid19BlockLeft2{
        width:100%;
    }

    .covid19BlockRight2{
        width:100%;
    }

    .covid19BlockLeft3{
        width:100%;
    }

    .covid19BlockRight3{
        width:100%;
    }

    .covid19BlockRight2{
        height:auto;
        padding:0 0 0 0;
    }

    .covid19BlockRight3{
        height:auto;
        padding:0 0 0 0;
    }

    .covid19Image1{
        position:static;
        margin:0 auto;
    }

    .covid19BlockCenter {
        text-align: left;
    }

    .covid19UL1 {
        width:auto;
    }

    .covid19ContentTitle {
        padding: 10px 0 20px;
    }

    .covid19Block100{
        min-height:0;
        padding:0 0 100px;
    }

    .covid19ContentTitle1{
        padding:20px 0 0 0;
    }

    #instagramDivColumn{
        width:100% !important;
    }

    .masonryLayoutInner1:link{
        width:100%;
    }

    .simpleUnderConstruction{
        height:calc(100% - 60px);
    }

}

.posRel{
    position:relative;
}


.displayNoneI{
    display:none !important;
}