@font-face {
    font-family: 'playbold';
    src: url('Fonts/Play-Bold-webfont.eot');
    src: url('Fonts/Play-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('Fonts/Play-Bold-webfont.woff2') format('woff2'),
    url('Fonts/Play-Bold-webfont.woff') format('woff'),
    url('Fonts/Play-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'artdesignbold';
    src: url('Fonts/ArtDesignBold-webfont.eot');
    src: url('Fonts/ArtDesignBold-webfont.eot?#iefix') format('embedded-opentype'),
    url('Fonts/ArtDesignBold-webfont.woff2') format('woff2'),
    url('Fonts/ArtDesignBold-webfont.woff') format('woff'),
    url('Fonts/ArtDesignBold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'artdesignlight';
    src: url('Fonts/ArtDesignLight-webfont.eot');
    src: url('Fonts/ArtDesignLight-webfont.eot?#iefix') format('embedded-opentype'),
    url('Fonts/ArtDesignLight-webfont.woff2') format('woff2'),
    url('Fonts/ArtDesignLight-webfont.woff') format('woff'),
    url('Fonts/ArtDesignLight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'artdesignregular';
    src: url('Fonts/ArtDesignRegular-webfont.eot');
    src: url('Fonts/ArtDesignRegular-webfont.eot?#iefix') format('embedded-opentype'),
    url('Fonts/ArtDesignRegular-webfont.woff2') format('woff2'),
    url('Fonts/ArtDesignRegular-webfont.woff') format('woff'),
    url('Fonts/ArtDesignRegular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*Normalization*/
::selection {
    background                                                                  : transparent;
    color                                                                       : #04C4FF;
}
::-moz-selection {
    background                                                                  : transparent;
    color                                                                       : #04C4FF;
}
a:link {text-decoration: none; color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:hover {color:#04C4FF;}
a:active {color:#04C4FF;}
/*Normalization*/
html {
    /*overflow: hidden;*/
}
html, body {
    width                                                                       : 100%;
    min-width                                                                   : 550px;
    height                                                                      : 100%;
    margin                                                                      : 0;
    padding                                                                     : 0;
    font-family                                                                 : "artdesignregular";
    font-size                                                                   : 14px;
    background-color: #004f7e;
    color: #004f7e;
}
h1 {
    color: #04C4FF;
    font-family                                                                 : "artdesignregular";
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 40px;
}
h2 {
    color: #04C4FF;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: bold;
    margin-bottom: 40px;
}
p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.Center {
    text-align: center;
}
.MarginBottom1 {
    margin-bottom: 20px;
}
.MarginBottom2 {
    margin-bottom: 60px;
}
.Icon1 {
    color: #04C4FF;
    font-size: 16px;
    margin-right: 10px;
}
.Bold {
    font-weight: normal;
    color: #04C4FF;
}
/*PreLoader*/
#PreLoader {
    position                                                                    : fixed;
    z-index                                                                     : 999999;
    width                                                                       : 100%;
    height                                                                      : 100%;
    top                                                                         : 0;
    left                                                                        : 0;
    background-color                                                            : #004F7E;
}
    #PreLoader td {
        vertical-align                                                          : middle;
    }
    #PreLoaderLogo {
        width                                                                   : 220px;
        height                                                                  : 75px;
        margin-left                                                             : auto;
        margin-right                                                            : auto;
        background                                                              : url(Images/legacon-logo/legacon-logo2.png);
    }
    #PreLoaderInfo {
        margin-top: 30px;
        text-align                                                              : center;
        color: #04C4FF;
    }
/*PreLoader*/

#FaderContent {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    position: fixed;
    z-index: 99;
    opacity: 0;
}

#ArtDesignSliderContent {
    background-color: #04C4FF;
    height: 450px;
    /*margin-right: 13px;*/
    position: relative;
    z-index: 100;
}
#ArtDesignSlider {
    position: relative;
    z-index: 100;
}
#NavigationPanelFixedHeight {
    position: relative;
    z-index: 101;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 85px;
}
#NavigationPanel {
    width: 100%;
    height: 85px;
    background-color: #004f7e;
    border-top: solid 1px #04C4FF;
    border-bottom: solid 4px #04C4FF;
    /*opacity: 0.4;*/
}
#NavigationPanelIn {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 85px;
}
#NavigationPanelContent {
    width: 100%;
    max-height: 85px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
#NavigationPanelContentLeft {
    width                                                                   : 220px;
    border-collapse:collapse;
    border-spacing                                                              : 0px;
    margin                                                                      : 0px;
    padding                                                                     : 0px;
    border                                                                      : none;
    outline                                                                     : none;
}
#NavigationPanelContent tr,
#NavigationPanelContent td{
    height: 85px;
    vertical-align                                                              : top;
    border-spacing                                                          : 0px;
    margin                                                                      : 0px;
    padding                                                                     : 0px;
    border                                                                      : none;
    outline                                                                     : none;
}

.LegaConLogo {
    width                                                                   : 280px;
    height                                                                  : 90px;
    margin-top: 2px;
    cursor                                                                  : pointer;
    /*background                                                              : url(Images/legacon-logo/logo.svg);*/
}
.LegaConLogo img {
    margin-top: -6px;
}
#NavigationPanelContentRight {
    display: none;
}
.LanguageSwitch {
    padding-left: 5px;
    width: 76px;
    height: 28px;
    position: absolute;
    margin-top: -56px;
    right: 0;
    background-color: #04C4FF;
    z-index: 999;
}
.LanguageSwitcher {
    display: inline-block;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
}

#Menu {
    margin-top: 16px;
    margin-left: 30px;
}
#Menu .M_Level-0 em {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 0.6em;
    color: #04C4FF;
    display: block!important;
    position: relative!important;
    opacity: 1 !important;
}



#SiteContentWrap {
    width: 100%;
    background-color                                                            : #FFFFFF;
    position: relative;
}
#SiteContentWrapIn {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#SiteContent {
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 30px 40px 20px;
    line-height: 1.6em;
}


#CompanyInfoWrap {
    width: 100%;
    /*background-color: #3E617E;*/
    background-color: #003f64;
    position: relative;
    z-index: 100;
    border-top: solid 4px #04C4FF;
}
#CompanyInfoWrapIn {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#CompanyInfo {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 20px 30px 20px;
    color: #799ebb;
    line-height: 1.8em;
}
.CompanyInfoLeftLogo {
    font-family                                                                 : "artdesignbold";
    font-size                                                                   : 26px;
    color                                                                       : #04C4FF;
    cursor                                                                      : default;
    margin-bottom: 40px;
}
.CompanyInfoLeftTitle {
    color                                                                       : #04C4FF;
    margin-bottom: 20px;
}
.CompanyInfoLeftText {
    margin-bottom: 30px;
}
#TelephoneInfo {
    width: 160px;
    font-size: 15px;
    text-align: right;
    line-height: 1.6em;
    color: #FFFFFF;
}
#TelephoneInfoContent {
    margin-top: 16px;
}
.Emergency {
    font-size: 18px;
    color                                                                       : #04C4FF;
}
.IconTelephone {
    font-size: 18px;
    color                                                                       : #04C4FF;
    padding-right: 6px;
}

.ArtDesignMenu {
    max-width: 510px;
}
.CompanyInfoRightMenu div {
    height: 30px;
}
.CompanyInfoRightMenu a {
    float: right;
    color: #799ebb;
}
.CompanyInfoRightMenu i {
    float: right;
    color: #04C4FF;
    margin-left: 20px;
    font-size                                                                   : 16px;
}


#DeveloperInfoWrap {
    width: 100%;
    height: 160px;
    background-color: #003656;
    position: relative;
    z-index: 100;
}
#DeveloperInfoWrapIn {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#DeveloperInfo {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 20px 30px 20px;
    color: #799ebb;
    line-height: 1.8em;
}
#DeveloperInfoLogo {
    font-size                                                                   : 16px;
    color: #04C4FF;
}

/*CAPTIONS*/
.CaptionText {
    cursor                                                                      : pointer;
}
.CaptionIcon {
    color                                                                       : #04C4FF;
    margin-right: 15px;
}
/*.CaptionLogo {*/
    /*font-family                                                                 : "artdesignbold";*/
    /*font-size                                                                   : 26px;*/
    /*color                                                                       : #18B9E2;*/
    /*margin-top                                                                  : 55px;*/
    /*margin-left                                                                 : 10%;*/
    /*cursor                                                                      : default;*/
/*}*/
/*.Caption1 {*/
    /*font-family                                                                 : "artdesignbold";*/
    /*font-size                                                                   : 16px;*/
    /*color                                                                       : #FFFFFF;*/
    /*margin-top                                                                  : 35px;*/
    /*margin-left                                                                 : 10%;*/
    /*cursor                                                                      : default;*/
/*}*/

.CaptionLogo {
    font-family                                                                 : "playbold";
    font-size                                                                   : 38px;
    color                                                                       : #FFFFFF;
    margin-top                                                                  : 94px;
    margin-left                                                                 : 10%;
    cursor                                                                      : default;
    line-height: 1.6;
    /*text-align: center;*/
}
.CaptionLogoSpan1 {
    background                                                              : url(Images/legacon-logo/BlackTransparent.png);
    padding: 4px 10px 2px 10px;
    border-bottom: 4px solid #00629c;
}
.CaptionLogoSpan2 {
    background                                                              : url(Images/legacon-logo/BlackTransparent.png);
    padding: 10px 10px 6px 10px;
    border-bottom: 4px solid #00629c;
}
.Caption1 {
    font-family                                                                 : "artdesignbold";
    font-size                                                                   : 26px;
    color                                                                       : #FFFFFF;
    margin-top                                                                  : 40px;
    margin-left                                                                 : 10%;
    cursor                                                                      : default;
    line-height: 2.2;
    /*text-align: center;*/
}
.Caption2 {
    font-family                                                                 : "artdesignbold";
    font-size                                                                   : 18px;
    color                                                                       : #FFFFFF;
    margin-top                                                                  : 140px;
    margin-left                                                                 : 10%;
    cursor                                                                      : default;
    line-height: 2.7;
}

/*CAPTIONS*/


#ScrollPad {
    width: 13px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1000;
    background-color: #004f7e;
}

.ImageWrap {
    border: dotted 1px #04C4FF;
    padding: 10px 10px 3px 10px;
}
.Image {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0;
}


.PageStyle1 {
    font-size                                                                   : 16px;
    color: #04C4FF;
}
.PageBottom1 {
    margin-bottom: 30px;
}
.PageBottom2 {
    margin-bottom: 50px;
}
.PageRight1 {
    margin-right: 20px;
}
.PageIcon1 {
    color: #04C4FF;
    font-size                                                                   : 18px;
}




/*Activities*/
.ActivitiesMain {
    margin: 0 20px 50px 20px;
    background-color: #FFFFFF;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #E9E9E9;
    /*background-color: #004F7E;*/
}
.ActivitiesLogo {
    margin-bottom: 40px;
}
.ActivitiesLogo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.ActivitiesTitle {
    color                                                                       : #04C4FF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.ActivitiesInfo {
    color                                                                       : #004F7E;
    text-align: center;
    min-height: 300px;
}
/*Activities*/

/*Team*/
.TeamMemberName {
    color                                                                       : #04C4FF;
    font-size                                                                   : 17px;
}
.TeamMemberInfo {
    padding-top: 15px;
}
.TeamInfo {
    float: left;
}
/*Team*/


.PageLeftImage img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 40px;
}
.PageLeftText {
    color: #04C4FF;
    font-size                                                                   : 15px;
    font-style: italic;
    line-height: 1.9em;
    text-align: justify;
    text-justify: inter-word;
}

.readmore a {
    color: #004F7E;
}

.tooltip {
    display: none!important;
}

ul li {
    display: inline;
    list-style: none;
    margin-left: 5px;
    margin-right: 5px;
}

ul li a {
    color: #004F7E!important;
}

ol li a {
    color: #004F7E!important;
}

.SliderLogo {
    position: absolute;
    z-index: 101;
    left: 10%;
    margin-top: 40px;
}