body {
    font-family: 'DIN Medium', sans-serif;
}

.st_sharethis_custom{
    background: url("/images/sharethis.png") no-repeat scroll left top transparent;
    padding: 0;
    width: 22px;
    height: 16px;
    display: block;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Style page content - use this if you want to push the page content to the left when you open the side navigation */
#dContentWrapper {
    margin: 0;
    padding: 0;
    right: 0;
    transition: right .5s;
    position: relative;
}

#dTitleBar {
    position: fixed!important;
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #fff;
    z-index: 1;
}

#dTitleBarInner {
    position: relative;
    padding: 10px 10px 0 10px;
    z-index: 1;
}

#dTitleBarInner .aBrand {
    float: left;
    width: auto;
}

#dTitleBarInner .aMenuToggle {
    display: block;
    background: 0 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    position: fixed;
    top: 43px;
    right: 20px;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease;
    -webkit-transition-delay: 0s;
    transition: all .5s ease 0s;
    /*media*/
    width: 33px;
    height: 22px;
    z-index: 9;
}

#dTitleBarInner .aMenuToggle.toggledOn {
    right: 250px;
}

.aMenuToggle .line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #777;
    /*media*/
    margin-bottom: 5px;
}

.aMenuToggle.toggledOn .line {
    display: none;
}

.aMenuToggle.toggledOn .line:first-child {
    display: block;
    background-color: #fff;
}

.aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
    transform: rotateZ(45deg);
    content: '';
    width: 2px;
    height: 28px;
    background-color: #777;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease;
    -webkit-transition-delay: 0s;
    transition: all .5s ease 0s;
    position: absolute;
    left: 50%;
}

.aMenuToggle.toggledOn .line:first-child:before {
    transform: rotateZ(45deg);
}
.aMenuToggle.toggledOn .line:first-child:after {
    transform: rotateZ(-45deg);
}

#dMainWrapper {
    /*media*/
    margin-top: 0;
    padding: 0;
}

.sideNav {
    /*min-height: 100%;*/
    width: 250px;
    position: fixed;
    z-index: 1;
    bottom: 0;
    top: 0;
    right: -250px;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 20px;
    transition: 0.5s;
}

.sideNavWrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.sideNav a.aItem, .sideNav a.aSubItem, .sideNav a.aSubSubItem {
    font-family: 'DIN Medium', sans-serif;
    text-decoration: none;
    color: #777;
    display: block;
    transition: 0.3s;
}

.sideNav a.aSubItem {
    margin-left: 12px;
}

.sideNav a.aSubSubItem {
    margin-left: 24px;
}


.sideNav a.selectedItem {
    color: #000;
}


.sideNav a:hover {
    color: #000;
}

.sideNav .dropdownItem + .dropdownContainer, .sideNav .dropdownItem + .dropdownContainer .subDropdownItem + .subDropdownContainer {
    display: none;
}

.sideNav .aItem.activeItem + .dropdownContainer, .sideNav .dropdownItem.activeItem + .dropdownContainer .subDropdownItem.activeItem + .subDropdownContainer {
    display: block;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
}

.sideNavWrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(128, 128, 128, 0.4);
}
.dImageContainer::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(128, 128, 128, 0.4);
}
.dImageContainer::-webkit-scrollbar {
    width: 0;
}


::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(32, 32, 32, 0.05);
}

.dMainContainer {
    padding: 20px;
}

.pTitle {
    font-size: 16px;
    margin-bottom: 5px;
}

.pDescription {
    font-size: 13px;
    margin-bottom: 20px;
}

#aImagePrev, #aImageNext {
    width: 11px;
    height: 17px;
    background-image: url("../images/new_arrows.png");
    display: block;
    line-height: 17px;
    float: left;
}

#aImagePrev {
    background-position: left top;
}
#aImageNext {
    background-position: right top;
}
#aImagePrev:hover {
    background-position: left bottom;
}
#aImageNext:hover {
    background-position: right bottom;
}

.dNavContainer {
    font-size: 16px;
    line-height: 17px;
    height: 17px;
    display: none;
}

.dPagination {
    float: left;
    margin: 0 20px;
    display: block;
}

.pContactHeader {
    font-size: 13px;
    font-weight: bold;
}

.dContactForm {
    width: 300px;
    float: left;
}
.inContact, textarea {
    border: solid 1px #b3b3b3;
    padding: 8px 5px;
    width: 300px;
    margin: 0 0 16px 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
}
textarea.inContact {height: 120px;}
.inContact.lError {border-color: #f00;}
label.lError, p.lError {
    color: #f00;
    position: relative;
    font-size: 10px;
    font-weight: normal;
    top: -10px;
    margin-bottom: 16px;
}

.aSend {
    background: url('/images/btn-arrow.png') no-repeat;
    height: 15px;
    display: block;
    padding: 0 0 0 25px;
    line-height: 15px;
    font-weight: bold;
    font-size: 13px;
    color: #000;
}














@media only screen and (min-width: 320px) and (max-width: 479px){
    body{
        -webkit-text-size-adjust: 100%;
    }
    .dNavContainer {
        position: fixed;
        top: 80%;
        margin-left: calc(100% - 147px);
    }

    .dDescription {
        position: fixed;
        top: 80%;
        width: 60%;
    }
    #dText, .dText2 {
        font-size: 16px;
    }
    #dTitleBarInner .aBrand {
        height: 44px;
    }
    #dMainWrapper {
        padding-top: 54px;
    }
    #dTitleBarInner .aMenuToggle {
        top: 24px;
        width: 23px;
    }
    .sideNav {
        padding-top: 13px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        height: 14px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        top: 3px;
    }
    .sideNav a.aItem, .sideNav a.aSubItem, .sideNav a.aSubSubItem {
        padding: 8px 8px 8px 18px;
    }
    .sideNav a.aItem {
        font-size: 20px;
    }
    .sideNav a.aSubItem {
        font-size: 14px;
    }
    .sideNav a.aSubSubItem {
        font-size: 14px;
    }


}

@media only screen and (min-width: 480px) and (max-width: 767px){
    body{
        -webkit-text-size-adjust: 100%;
    }
    /* ----------- */
    html, body {
        /*width: 100%;*/
        /*height: 100%;*/
    }
    .dNavContainer {
        position: fixed;
        top: 69px;
        margin-right: calc(100% - 147px);
    }
    .dDescription {
        position: fixed;
        top: 99px;
        width: 20%;
    }
    .dImageContainer {
        /*position: fixed;*/
        /*top: 29px;*/
        top: -29px;
        position: relative;
        /*left: 30px;*/
        /*width: 60%;*/
        margin-left: calc(30% - 40px);
        width: calc(80% - 40px - 27px);
        text-align: center;
        /*overflow-y: scroll;*/
        z-index: 10000;
        /*-webkit-overflow-scrolling: auto;*/
    }
    .dImageContainer img {
        max-width: 100%;
        width: auto !important;
    }
    #dMainWrapper {
        /*height: 100%;*/
        /*max-height: 100%;*/
    }
    /* ----------- */
    #dText, .dText2 {
        font-size: 16px;
    }
    #dTitleBarInner .aBrand {
        height: 59px;
    }
    #dMainWrapper {
        padding-top: 59px;
    }
    #dTitleBarInner .aMenuToggle {
        top: 31px;
        width: 27px;
    }
    .sideNav {
        padding-top: 19px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        height: 18px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        top: 2px;
    }
    .sideNav a.aItem, .sideNav a.aSubItem, .sideNav a.aSubSubItem {
        padding: 8px 8px 8px 24px;
    }
    .sideNav a.aItem {
        font-size: 24px;
    }
    .sideNav a.aSubItem {
        font-size: 17px;
    }
    .sideNav a.aSubSubItem {
        font-size: 17px;
    }


}

/*@supports (-webkit-overflow-scrolling: touch) {*/
/*    @media only screen and (min-width: 768px) and (max-width: 991px) and (max-height: 600px) {*/
/*        .dImageContainer {*/
/*            height: 75%;*/
/*        }*/
/*    }*/
/*    @media only screen and (min-width: 480px) and (max-width: 767px){*/
/*        .dImageContainer {*/
/*            height: 75%;*/
/*        }*/
/*    }*/
/*}*/

/*@supports not (-webkit-overflow-scrolling: touch) {*/
/*    @media only screen and (min-width: 768px) and (max-width: 991px) and (max-height: 600px) {*/
/*        .dImageContainer {*/
/*            height: 85%;*/
/*        }*/
/*    }*/
/*    @media only screen and (min-width: 480px) and (max-width: 767px){*/
/*        .dImageContainer {*/
/*            height: 85%;*/
/*        }*/
/*    }*/
/*}*/

@media only screen and (min-width: 768px) and (max-width: 991px) and (max-height: 600px) {
    /* ----------- */
    html, body {
        /*width: 100%;*/
        /*height: 100%;*/
    }
    .dNavContainer {
        position: fixed;
        top: 69px;
        margin-right: calc(100% - 147px);
    }
    .dDescription {
        position: fixed;
        top: 99px;
        width: 20%;
    }
    .dImageContainer {
        /*position: fixed;*/
        /*top: 29px;*/
        top: -29px;
        position: relative;
        left: -20px;
        width: 70%;
        margin-left: calc(30% - 40px);
        text-align: center;
        /*overflow-y: scroll;*/
        /*-webkit-overflow-scrolling: auto;*/
        z-index: 10000;
    }
    .dImageContainer img {
        max-width: 100%;
        width: auto !important;
    }
    #dMainWrapper {
        /*height: 100%;*/
        /*max-height: 100%;*/
    }
    /* ----------- */
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (min-height: 601px) {
    .dImageContainer {
        height: 72%;
        text-align: center;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .dImageContainer img {
        max-width: 100%;
        width: auto !important;
    }
    #dMainWrapper {
        height: 100%;
        max-height: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    body{
        -webkit-text-size-adjust: 100%;
    }
    #dText, .dText2 {
        font-size: 16px;
    }
    #dTitleBarInner .aBrand {
        height: 59px;
    }
    #dMainWrapper {
        padding-top: 59px;
    }
    #dTitleBarInner .aMenuToggle {
        top: 31px;
        width: 29px;
    }
    .sideNav {
        padding-top: 19px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        height: 22px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        top: 1px;
    }
    .sideNav a.aItem, .sideNav a.aSubItem, .sideNav a.aSubSubItem {
        padding: 8px 8px 8px 24px;
    }
    .sideNav a.aItem {
        font-size: 24px;
    }
    .sideNav a.aSubItem {
        font-size: 17px;
    }
    .sideNav a.aSubSubItem {
        font-size: 17px;
    }
}

@media only screen and (min-width: 992px){
    body{
        -webkit-text-size-adjust: 100%;
    }
    #dText, .dText2 {
        font-size: 16px;
    }
    .pTitle {
        font-size: 20px;
    }
    .pDescription {
        font-size: 16px;
    }

    #dTitleBarInner .aBrand {
        height: 59px;
    }
    #dMainWrapper {
        padding-top: 69px;
    }
    #dTitleBarInner .aMenuToggle {
        top: 31px;
        width: 33px;
    }
    .sideNav {
        padding-top: 19px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        height: 28px;
    }
    .aMenuToggle.toggledOn .line:first-child:before, .aMenuToggle.toggledOn .line:first-child:after {
        top: -2px;
    }
    .sideNav a.aItem, .sideNav a.aSubItem, .sideNav a.aSubSubItem {
        padding: 8px 8px 8px 24px;
    }
    .sideNav a.aItem {
        font-size: 24px;
    }
    .sideNav a.aSubItem {
        font-size: 17px;
    }
    .sideNav a.aSubSubItem {
        font-size: 17px;
    }
    .dImageContainer {
        height: 70%;
        padding: 0;
        text-align: center;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .dImageContainer img {
        min-width: 100%;
        max-width: 100%;
        width: auto !important;
    }
    #dMainWrapper {
        height: 100%;
        max-height: 100%;
    }
}