*,:before,:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
}
body {
    background-color: transparent;
    overflow-x: hidden;
    font-family: 'Arial';
}
body {
   /* reveal */
   min-height: 100vh;
   height: 100vh;
} 

.modal-body {
    overflow-x: auto;
}
.link {
    color: #444 !important;
    font-size: 12px;
}

form {
    margin:0;
}

ul {
    list-style-type: none;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,html,body {
    margin:0;
    padding:0;
}
img {max-width: 100%;}
span,div {}

textarea,
input {
    display: block;
    border: solid 1px #AAA;
    width: 100%;
    min-height: 12px;
    height: 32px;
    margin:0;
}
button {
    border: solid 1px #AAA;
    min-height: 12px;
}
table {
    border-collapse: separate;
    border-spacing: 0px;
}



admin {
    display:inline-block; float: right; vertical-align: middle;
    text-align: center; position: absolute; z-index:130;
    border: solid 0px #F00; background-color: transparent;
    border-right: none; right:0; margin-right: 5px;
    margin-top: 5px;  
    min-width: 24px; 
}
adminElement {
    box-sizing:border-box;
    float: left;
    display:inline-block; 
    font-size:11px !important; 
    font-weight:normal;
    border: solid 1px #aaa; 
    border-left: solid 0px #aaa;
    left:-1px; 
    position:relative; 
    border-radius: 0px; 
    padding: 4px 4px; 
    min-width: 24px; 
    margin:0px; 
    cursor:pointer;
    background-color: #FFF;
    color: #000 !important;
    opacity:0.9;
}


@media only screen and (max-width: 767px){
    .hidden-xs { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .hidden-sm { display: none; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .hidden-md { display: none; }
}
@media only screen and (min-width: 1200px){
    .hidden-lg { display: none; }
}


message {
    display: block;
    overflow: auto;
    border: solid 3px rgba(128,128,128,0.3);
    padding: 5px;
    border-radius: 4px;
    background-color:#7e7e7e;
    text-align: left;
}
message.danger {
    background-color:#FF0000;
}
message.warning {
    background-color:#eec108;
}
message.success {
    background-color:#02e12b;
}
message.info {
    background-color:#008fc2;
}


bodyinner {
    display: block;
}

adminElement:first-child {border: solid 1px #aaa; font-family: FontAwesome;}
admin .fa-css3 { background-color: #0171BB; color: #FFF !important; font-family: FontAwesome !important; }
admin .fa-code { background-color: #63A814; color: #FFF !important; font-family: FontAwesome !important; }
admin .fa-html5 { background-color: #F16529; color: #FFF !important; font-family: FontAwesome !important;}
admin .fa-question-circle { background-color: #444; color: #FFF !important; font-family: FontAwesome !important;}

.designerClass {
    background-color: #333 !important; color: #f54545 !important;
}



block { display:block; }
content,content1,content2,content3,boximage {
    display:inline-block;
}
.fancybox-skin { padding: 0px !important; }
.fancybox-overlay { background-color: rgba(0,0,0,0.8) !important; }
.fancybox-wrap { 
    position: fixed !important; top: 0px !important;
    height: 100vh !important; display: flex; 
    justify-content: center; align-items: center; 
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    margin-right: 0px;
}
.flexCenter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
iframe{
    border: none;
}
*[class^='section'] { 
    border: solid 0px red;
    width: 100%; 
    height: auto;
    display: block;
    min-height: 50px;
    padding:0;
    background-attachment:scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
    overflow:visible;
    position: relative;
    position:initial;
    display: flex;
    align-items: stretch;
    height: auto;
}
*[class^='section'] inner {
    width: 100%;
    height: auto;
    display:block;
    position: absolute;
    position:initial;
    overflow:visible;
}
*[class^='section'] * text {
    display:block;
}

*[class^='section'] * hiddenModule {
    font-size: 45px;
    font-weight:bold;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hiddenModule {
    background-color: #FF9900;
    height: 0px;
    min-height:0;
}
.visibleModule {
    background-color: #FF9900;
    height: 50px;
}







*[class^='section'] * .no-padding {
    padding: 0px;
}

*[class^='section'] * p {
    margin: 0px;
    padding: 0px; 
}
*[class^='section'] * line {
    display: block;
    border-bottom: solid 1px #eee;
    margin-top: 10px;
    margin-bottom: 10px;
}
*[class^='section'].outbox {
    min-height: 0px;
    height:0;
    position:initial;
    z-index: 2;
}    
*[class^='section'] * outbox {
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 2;
}
*[class^='section'].foxmenu {
    min-height: 0px;
    position: relative;
    
}
*[class^='section'].foxmenu inner {
    top:0px;
    z-index: 13;
}
@media only screen and (max-width: 767px){
    *[class^='section'].foxmenu {
        display:none;
    }
}
.fixed {
    position: fixed !important;
}



container {
    display: block;
    right: auto;
    left: auto;
    margin:auto;
    width: 100%;
    overflow:visible;
}
*[class^='section'] * flexWraper {
    display: flex;
}
*[class^='section'] * flexItem {

}
*[class^='section'] * boxWraper {
    display: grid;
    grid-template-columns: auto auto auto;
}
*[class^='section'] * box {
    display:flex;
    align-items:center;
    justify-content:center;
}
*[class^='section'] * gridWraper {
    display: grid;
    grid-gap: 0px;
    color: #444;
    width: 100%;
}

*[class^='section'] * blockA { grid-area: blockA; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockB { grid-area: blockB; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockC { grid-area: blockC; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockD { grid-area: blockD; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockE { grid-area: blockE; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockF { grid-area: blockF; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockG { grid-area: blockG; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockH { grid-area: blockH; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockI { grid-area: blockI; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * blockJ { grid-area: blockJ; text-align:center; display:flex; align-items:center; justify-content:center; height: 100%; }
*[class^='section'] * a {
    text-decoration: none;
    cursor:pointer;
}
@media screen and (min-width:1400px){ 
    container {
        max-width:1400px;
    }
}
@media screen and (max-width:1399px){ 
    container {
        max-width:1200px;
    }
}
@media screen and (max-width:1199px){ 
    container {
        max-width:992px;
    }
}
@media screen and (max-width: 991px){ 
    container {
        max-width:767px;
    }
}

*[class^='section'] * .widget {
    min-height: 30px;
    display: block; 
    position: relative;
    text-align:left;
    width: 100%;
    height: 100%;
}

*[class^='section'] * .b01a {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
    ;
}
*[class^='section'] * .b02a {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
    ;
}
*[class^='section'] * .b02b {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
    ;
}
*[class^='section'] * .b03a {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockC blockC"
    ;
}
*[class^='section'] * .b03c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockB blockC"
    ;
}
*[class^='section'] * .b03d {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockA blockC"
    ;
}
*[class^='section'] * .b03e {
    grid-template-columns: minmax(50%, 50%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03f {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03g {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
        "blockC"
    ;
}
*[class^='section'] * .b03h {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
    ;
}
*[class^='section'] * .b03i {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockA"
        "blockB blockC"
    ;
}
*[class^='section'] * .b04a {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC blockD"
    ;
}
*[class^='section'] * .b04b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockA blockC"
        "blockA blockD"
    ;
}
*[class^='section'] * .b04c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockD"
        "blockB blockD"
        "blockC blockD"
    ;
}
*[class^='section'] * .b04d {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockA blockB blockD"
        
    ;
}
*[class^='section'] * .b04e {
    grid-template-columns: minmax(50%, 50%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockC blockD"
        "blockB blockC blockD"
        
    ;
}
*[class^='section'] * .b04f {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockD"
        "blockA blockC blockD"
    ;
}
*[class^='section'] * .b04g {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
        "blockC"
        "blockD"
    ;
}
*[class^='section'] * .b04h {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockA blockB"
        "blockC blockD blockD"
    ;
}
*[class^='section'] * .b04i {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockB blockB"
        "blockC blockC blockD"
    ;
}
*[class^='section'] * .b04k {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockC blockD"
        "blockB blockC blockD"
    ;
}
*[class^='section'] * .b04l {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockA blockB blockD"
    ;
}
*[class^='section'] * .b04m {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockA blockD"
        "blockB blockD"
    ;
    grid-template-rows: 1fr 1fr 1fr;
}
*[class^='section'] * .b04n {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockB blockC"
        "blockB blockD"
    ;
    grid-template-rows: 1fr 1fr 1fr;
}

*[class^='section'] * .b05a {
    grid-template-columns: minmax(20%, 20%) minmax(20%, 20%) minmax(20%, 20%) minmax(20%, 20%) minmax(20%, 20%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE"
    ;
}
*[class^='section'] * .b05b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockD"
        "blockA blockD"
        "blockB blockD"
        "blockB blockE"
        "blockC blockE"
        "blockC blockE"
    ;
}
*[class^='section'] * .b05c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockC"
        "blockA blockC"
        "blockA blockD"
        "blockB blockD"
        "blockB blockE"
        "blockB blockE"
    ;
}
*[class^='section'] * .b05d {
    grid-template-columns: minmax(50%, 50%) minmax(25%, 25%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockA blockD blockE"
    ;
}
*[class^='section'] * .b05e {
    grid-template-columns: minmax(25%, 25%) minmax(25%, 25%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockE"
        "blockC blockD blockE"
    ;
}
*[class^='section'] * .b05f {
    grid-template-columns: minmax(25%, 25%) minmax(50%, 50%) minmax(25%, 25%);
    grid-template-areas:
        "blockA blockC blockD"
        "blockB blockC blockE"
    ;
}
*[class^='section'] * .b06a {
    grid-template-columns: minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE blockF"
    ;
}
*[class^='section'] * .b06b {
    grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    grid-template-areas:
        "blockA blockB blockC"
        "blockD blockE blockF"
    ;
}
*[class^='section'] * .b06c {
    grid-template-columns: minmax(100%, 100%);
    grid-template-areas:
        "blockA"
        "blockB"
        "blockC"
        "blockD"
        "blockE"
        "blockF"
    ;
}
*[class^='section'] * .b06d {
    grid-template-columns:  minmax(50%, 50%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%);
    grid-template-areas:
        "blockA blockD blockE blockF"
        "blockB blockD blockE blockF"
        "blockC blockD blockE blockF"
    ;
}
*[class^='section'] * .b06e {
    grid-template-columns:  minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%) minmax(16.6666%, 16.6666%)  minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB blockC blockD"
        "blockA blockB blockC blockE"
        "blockA blockB blockC blockF"
    ;
}
*[class^='section'] * .b06f {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockC blockD"
        "blockE blockF"
    ;
}

*[class^='section'] * .b07a {
    grid-template-columns: minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%) minmax(14.2857%,14.2857%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE blockF blockG"
    ;
}
*[class^='section'] * .b07b {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockG"
        "blockB blockG"
        "blockC blockG"
        "blockD blockG"
        "blockE blockG"
        "blockF blockG"
    ;
}
*[class^='section'] * .b07c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockA blockC"
        "blockA blockD"
        "blockA blockE"
        "blockA blockF"
        "blockA blockG"
    ;
}
*[class^='section'] * .b07d {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockE"
        "blockA blockE"
        "blockA blockE"
        "blockB blockE"
        "blockB blockF"
        "blockB blockF"
        "blockC blockF"
        "blockC blockF"
        "blockC blockG"
        "blockD blockG"
        "blockD blockG"
        "blockD blockG"
    ;
}
*[class^='section'] * .b07e {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockD"
        "blockA blockD"
        "blockA blockD"
        "blockA blockE"
        "blockB blockE"
        "blockB blockE"
        "blockB blockF"
        "blockB blockF"
        "blockC blockF"
        "blockC blockG"
        "blockC blockG"
        "blockC blockG"
    ;
}
*[class^='section'] * .b08a {
    grid-template-columns: minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%) minmax(12.5%,12.5%);
    grid-template-areas:
        "blockA blockB blockC blockD blockE blockF blockG blockH"
    ;
}
*[class^='section'] * .b08b {
    grid-template-columns: minmax(25%,25%) minmax(25%,25%) minmax(25%,25%) minmax(25%,25%);
    grid-template-areas:
        "blockA blockB blockC blockD"
        "blockE blockF blockG blockH"
    ;
}
*[class^='section'] * .b08c {
    grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
    grid-template-areas:
        "blockA blockB"
        "blockC blockD"
        "blockE blockF"
        "blockG blockH"
    ;
}
*[class^='section'] * .b09d {
    grid-template-columns: minmax(50%,50%) minmax(16.666%,16.666%) minmax(16.666%,16.666%) minmax(16.666%,16.666%);
    grid-template-areas:
        "blockA blockG blockH blockI"
        "blockB blockG blockH blockI"
        "blockC blockG blockH blockI"
        "blockD blockG blockH blockI"
        "blockE blockG blockH blockI"
        "blockF blockG blockH blockI"
    ;
}
*[class^='section'] * .b09e {
    grid-template-columns: minmax(16.666%,16.666%) minmax(16.666%,16.666%) minmax(16.666%,16.666%) minmax(50%,50%);
    grid-template-areas:
        "blockA blockB blockC blockD"
        "blockA blockB blockC blockE"
        "blockA blockB blockC blockF"
        "blockA blockB blockC blockG"
        "blockA blockB blockC blockH"
        "blockA blockB blockC blockI"
    ;
}
@media screen and (max-width: 1199px) {
    *[class^='section'] * .b02a,
    *[class^='section'] * .b02b {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
        ;
    }
    
    *[class^='section'] * .b03a,
    *[class^='section'] * .b03b,
    *[class^='section'] * .b03c,
    *[class^='section'] * .b03d,
    *[class^='section'] * .b03e,
    *[class^='section'] * .b03f,
    *[class^='section'] * .b03g,
    *[class^='section'] * .b03h,
    *[class^='section'] * .b03i {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
        ;
    }
}




@media screen and (max-width: 991px) {
    *[class^='section'] * .b02a,
    *[class^='section'] * .b02b {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
        ;
    }
    
    *[class^='section'] * .b03a,
    *[class^='section'] * .b03b,
    *[class^='section'] * .b03c,
    *[class^='section'] * .b03d,
    *[class^='section'] * .b03e,
    *[class^='section'] * .b03f,
    *[class^='section'] * .b03g,
    *[class^='section'] * .b03h,
    *[class^='section'] * .b03i {
        grid-template-columns: minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
        ;
    }
}









defaultBlock {
    width: 100%; min-height: 60px !important;
    height: 100%;
    border: solid 1px silver;
    background-color: rgba(0,0,0,0.07);
    display: flex;
    align-items:center;
    justify-content: center;
}
*[class^='section'].foxmenu * defaultBlock {
    background-color: rgba(0,0,255,0.2);
}
*[class^='section'].outbox * defaultBlock {
    background-color: rgba(255,0,0,0.2);
}

@media screen and (max-width: 1199px) {
    *[class^='section'] * .md-2 {
        grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
        grid-template-areas:
            "blockA blockB"
            "blockC blockD"
            "blockE blockF"
            "blockG blockH"
            "blockI blockJ"
        ;
    }
}

@media screen and (max-width: 991px) {
    *[class^='section'] * .sm-2 {
        grid-template-columns: minmax(50%, 50%) minmax(50%, 50%);
        grid-template-areas:
            "blockA blockB"
            "blockC blockD"
            "blockE blockF"
            "blockG blockH"
            "blockI blockJ"
        ;
    }
}

@media screen and (max-width: 767px) {
    *[class^='section'] * .xs-1 {
        grid-template-columns: minmax(100%, 100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
            "blockD"
            "blockE"
            "blockF"
            "blockG"
            "blockH"
            "blockI"
        ;
    }
}



/* --MS-- */

/**[class^='section'] * .b03a {
    background-color: red !important;
    -ms-grid-template-columns: minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%) minmax(33.3333%, 33.3333%);
    -ms-grid-template-areas:
        "blockA blockB blockC"
    ;
    
    -ms-grid-column: 3;

    
}
*/



/*
*[class^='section'] {
    overflow: auto !important;
    border: solid 1px red;
}
*[class^='section'] * container {
    overflow: auto !important;
    border: solid 1px red;
}
*[class^='section'] inner {
    overflow: auto !important;
    border: solid 1px red;
}
*[class^='section'] * .widget {

    position: initial !important;

}*/