*{
    margin:0px;
    padding:0px;
    font-family:inherit;
    color:inherit;
    box-sizing:border-box;
    -webkit-overflow-scrolling: touch;
}

a{
    text-decoration: none;
}

html,body{
    width:100%;
    height:100%;
    position:relative;
    font-family: 'FuturaLight';
    overflow-x: hidden;
    overflow-y: auto;
}

.menuMobile{
    display:none;
}

.desktop{
    display: block;
}

.breaker{
    clear:both;
}

.spacer{
    height: 40px;
}
.container{
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.logo{
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 352px;
    height:  69px;
    margin: auto;
}
.footer,
.logo{
    margin-bottom: 15px;
}
.boxCategory,
#main-nav li{
    margin-bottom: 30px;
}
.imageAboutSpacer,
.footer{
    margin-top: 40px;
    margin-bottom: 40px;
}
.textContact,
.textAbout{
    text-align: center;
    font-family: "FuturaLight";
    color: #747474;
}

.textContact{
    margin-top: 200px;
    margin-bottom: 200px;
}

.imageAbout{
    width: 310px;
    margin: auto;
}
#main-nav {
    list-style: none;
    margin: 30px 0px 40px 0px;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    overflow: hidden;

}

#main-nav li {
    display: table-cell;
    height: 100%;
    text-align: center;
    padding-left: 3px;
    font-size: 17px ;
    color: #747474;
}
#main-nav li:first-child {
    padding-left: 0
}
#main-nav li a {
    width: 100%;
    display: block;
    height: 100%;
    text-decoration: none;
    background-color: #ffffff;
    color: #021020;
}
.main-nav_selected,
#main-nav li a:hover,
.categoryRowText_1,
.boldTextBlack {
    font-weight: 700;
    font-family: 'FuturaBook';
}

.boldTextBlack{
    color:#000000;
}

.nameUser{
    margin-top: 80px;
}

.footer{
    text-align: center;
    color: #aeaeae;
    font-size: 12px;
    letter-spacing: 1px;
}
.homepageScrollerSlidesWrapper,
.innerContainer{
    max-width: 1000px;
    position: relative;

}
.innerContainer{
    margin-left: auto;
    margin-right: auto;
}

.homepageScroller
{
    position:relative;
    height:100%;
    width:100%;
    overflow:hidden;
}

.homepageScrollerSlides
{
    width:100%;
    height:100%;
}

.homepageScrollerSlide
{
    float:left;
    position:relative;
    height:100%;
}

.homepageScrollerSlidesWrapper
{
    width:100%;
    height: 100%;
    overflow:hidden;
    margin: auto;
}

.homepageScrollerContents
{
    position:relative;
    margin-top:600px;
    height:auto;
    padding:0 2%;
}

.homepageScrollerContentsTitle,
.homepageScrollerContentsSubtitle
{
    font-size:36px;
    font-weight: 500;
    text-transform: uppercase;
    color:white;
    font-family:gotham;
}

.homepageScrollerContentsSubtitle
{
    font-size:16px;
    font-weight: 300;
    font-family:arial;
    margin-bottom:38px;
}

.homepageScrollerImage,
.homepageScrollerImage_mobile
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-position:center center;
    background-size:cover;
}

.homepageScrollerImageNavigator
{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    height:30px;
    background-color:rgba(33, 36, 33, 0.7);
    text-align: center;
}

.homepageScrollerImageNavigatorMobile
{
    display:none;
}

.homepageScrollerImageNavigatorItemWrapper
{
    display:inline-block;
    height:100%;
    cursor:pointer;
}

.homepageScrollerImageNavigatorItem,
.homepageScrollerImageNavigatorItem_active
{
    margin-top:15px;
    height:3px;
    width:60px;
    margin-right:15px;
    background-color:#565a59;
}

.homepageScrollerImageNavigatorItemLoadingBar
{
    background-color:#6887a4;
    height:100%;
    width:0%;
}


.boxCategory{
    width: 100%;
    height: 216px;
}

.colorCategory,
.colorCategory_1{
    width: 45px;
    height: 100%;
    opacity: 0.4;

}
.colorCategory{
    float: left;
}


.colorCategory_1{
    height:216px;
    position: absolute;
    top:0;
    display: block;
}

.textCategory{
    width: calc(100% - 90px);
    height: 100%;
    float: left;
    margin-left: 45px;
}
.categorySectionText,
.categoryName,
.categoryName_1{
    font-family: "EufoniemOne";
    font-size: 62px;
}

.categoryName_1{
    font-size: 120px;
    line-height: 120px;
}

.categorySubTitleSection,
.categoryTitle{
    font-family: "FuturaLight";
    font-size: 35px;
    color: #747474;
}

.categorySubTitleSection{
    font-size: 43px;
}

.categoryRowText{
    color:#606060;
}
.closeButtonPopup,
.userLogin{
    position: absolute;
    top:35px;
    right:35px;
    line-height: 25px;
    color: #747474;
    font-family: "FuturaLight";
    font-size: 15px;
    cursor: pointer;
}
.closeButtonPopup{
    z-index: 100;

}

.popupTitlePanel{
    font-size: 22px;
    color:#000000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "FuturaBook";
    margin-top: 40px;
    margin-bottom: 20px;
}
.popupSubtitlePanel{
    font-family: "FuturaLight";
    font-size: 17px;
    color: #555555;

}


.popupPanelContainer{


}
.popupPanelBackGround{
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    width:100%;
    height: 100%;
    z-index: 10;
}

.popupPanelContent{

    text-align: center;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 300px;
    margin-top: -150px;
    margin-left: -300px;
    position: absolute;
    z-index: 11;
}

.textInput{
    width: 450px;
    height: 40px;
    font-family: "FuturaLight";
    font-size: 17px;
    color: #555555;
    padding-left:10px;
    margin-bottom: 30px;
    margin-top:30px;
}
.titleText,
.greyText,
.subtitleMyphoto{
    font-family: "FuturaBook";
    font-size: 30px;
    color: #3f3f3f;
}

.greyText{
    font-size: 32px;

    color: #9c9c9c;
}
.subtitleMyphoto{
    font-family: "FuturaLight";

    font-size: 16px;
    margin-top: 7px;
    font-weight: normal;

}
.myphotoImageLast,
.myphotoImage{

    width: calc(33.00% - 30px);
    margin-right: 30px;
    height: 200px;
    margin-bottom: 30px;
    display: block;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
    }

.myphotoImageLast{
    width: 33.00%;
    margin-right: 0px;
}

.myphotoSection{
    width: 100%;
    margin-top: 50px;

}

.myphotoTitleLeft{
    float: left;
}

.myphotoTitleRight{
    float: right;
    background-image: url('../images/download.jpg');
    width: 99px;
    height: 25px;
    cursor: pointer;
}

.myphotoTitleRight:hover{
    background-image: url('../images/download_over.jpg');
}

.categoryslideImage{
    width:1000px;
    margin-right: auto;
    margin-left: auto;
    height: 600px;
    margin-bottom: 60px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

.categoryslideOverlayDiv{
    width:1000px;
    margin-right: auto;
    margin-left: auto;
    height: 650px;
    display:table;
}

.categoryImage{
    display:table;
    height: 700px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);

}
.categoryslideOverlayText{
    width: calc(100%);
    height: 100%;
    display:table-cell;vertical-align:middle;text-align:center;
}

.content
{
    width:100%;
    height:calc(100vh - 202px);
    margin:auto;
    position:relative;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.95);

}

.contentOverlay
{
    position:absolute;
    top:0;
    height: calc(100vh - 180px);
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);

}


.categoryslideOverlayTextTable{
    width: 500px;
    height:300px;
    margin: auto;
    position: relative;
    display: table;
}

.categoryslideOverlayTextCell{
    width: 400px;
    margin: auto;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.contentText
{
    position:absolute;
    top:0;
    width:100%;

}
.contentSpacer{

}


.quoteCategory_top,
.quoteCategory_bottom{
    font-family: "ARCENA";
    font-size: 130px;
    position: absolute;
    height: 60px;
}

.quoteCategory_top{
    top: 0;
    left: 0;
}
.quoteCategory_bottom{
    bottom: 0;
    right: 0;
    height: 75px;
}


.contentTextScrolling{
    position:fixed;
    margin-top:203px;
    width:calc(100% -  17px);
    top:0;
}


.contentTextScrollingAfter{
    position:absolute;
    margin-top:0px;
    width:100% ;
    top:0;
}


.imageCategoryScroll{
    position: absolute;
    bottom:50px;

}