﻿/*html, * {
    box-sizing: border-box;
}
body {
    background-color: #fafafa;
    line-height: 1.6;
}*/
.bg_bl{
    background-color:#cff2ff;
}
.tx_black{
 color:black !important;
}
.brdr {
    margin: 6px;
    border-style: solid !important;
    border-width: 1px;
    border-color: #53befc;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 2px 6px 8px rgba(0,0,0,0.3) !important;
    margin-top: 20px;
    margin-bottom: 10px;
}
.bim{    background-repeat: no-repeat;
    /* background-attachment: fixed;*/
    background-position: left bottom;
    background-size: contain;
    /*background:rgba(76,175,80,0.3);*/
  /*  opacity:0.5;*/}
.bimg {
    background-image:url('/img/123.png');
}
.bimga {
    background-image: url('/img/123a.png');
}
.bimgb {
    background-image: url('/img/123b.png');
}

.radus {
    border-radius: 5px;
}
.form8 {
    width: auto;
    min-width: 400px;
    max-width: 600px;
    table-layout: fixed;
    margin: 2px;
    border-style: solid !important;
    border-width: 1px;
    border-color: #53befc;
    background-color: #ffffff;
    text-align: center;
    border-radius: 8px;
    padding: 2px;
    box-shadow: 2px 8px 10px rgba(0,0,0,0.3) !important;
    margin-top: 20px;
    margin-bottom: 10px;
    /*-------center-------*/
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.form9 {

    padding:8px;
    margin: 2px;
    border-style: solid !important;
    border-width: 1px;
    border-color: #53befc;
    background-color: #ffffff;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3) !important;
    margin-top: 10px;
    /*-------center-------*/
/*    display: table;
    margin-left: auto;
    margin-right: auto;*/
}
.bg_blu{
    background-color:#03468e;
}
.bg_blu1 {
    background-color: #2a5c92;
}
.bg_gre {
    background-color: #02a12c;
}
.cntr {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.lead {
    font-size: 1.5rem;
    font-weight: 300;
}

.container {
    margin: 10px auto;
    max-width: 960px;
}

ul, li, h3, h2, h1, p {
    padding: 0;
    margin: 0;
    list-style: none;
}

#screen {
    position: relative;
    height: 425px;
    width: 410px;
    margin-top: 40px;
}
/*    #screen .next, #screen .prev {

        position: absolute;
        top: 200px;
    }

    #screen .prev {
        left: 10px;
    }

    #screen .next {
        right: 10px;
    }
*/
#navigation {
    width: 400px;
    text-align: center;
    margin-left: 2px;
}

    #navigation ul {

        margin-left: 5px !important;
        margin-left: 5px;
    }

    #navigation li {
        float: left;
        margin: 0 2px;
        padding: 2px 2px;
        background-color: #EEE;
    }

    #navigation a {
        color: #933;
        font-weight: bolder;
        text-decoration: none;
    }

#sections {
    padding-top:40px;
    overflow: hidden;
    background-color: white;
    width: 400px;
    height: 369px;
    clear: left;
    margin-left: 2px;
}

    #sections ul {
        margin-top: 95px !important;
        width: 17260px;
    }

    #sections li {
        float: left;
        padding: 0px 0px;
    }

        #sections li.fallen {
            margin-top: 369px;
        }

    #sections p {
        width: 400px;
        margin: 3px 0;
        font-size: 85%;
        line-height: 1.4em;
    }

    #sections h2 {
        color: #993333;

        margin: 2px 0pt;
    }
    #sections h3 {
  align-content:center !important;
  text-align:center !important;
    }
    #sections a {
        color: #777;
        font-weight: bolder;
        text-decoration: none;
    }


.clear {
    clear: both;
    width: 0;
    height: 0;
}
