body {
    background-color: #205178;
    font-family: Assistant;
}

.container {
    padding: 20px;
    padding-bottom: 0;
    padding-top: 0;
}

.middle {
    display: block;
}

#title img {
    width: 100%;
}



#main_text {
    width: 100%;
    padding: 5px;
}

.form_col {
    width: 32%;
    /*
    background-image: url(../img/lab_image.png);
    background-repeat: no-repeat;
    background-size: contain;
*/
    /*
    padding-top: 490px;*/
}

#form {
    z-index: 100;
    background-color: #DADEE1;
    margin: 22px;
    border-radius: 7px;
    box-shadow: 0 17px 46px -4px black;
    width: 27%;
    float: left;
}

#form form {
    padding: 8px;
    padding-top: 0;
    padding-bottom: 18px;
    margin: 3px;
    border-radius: 7px;
    z-index: 100;
}

#form .control-label {
    font-size: 20px;
    top: -3px;
}

#form #details {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

#details h4 {
    font-size: 17px;
}

#form #submit_btn {
    display: block;
    border: none;
    background-color: #466DCC;
    color: #fdb414;
    /*
    background-image: url(../img/submit.png);
    background-repeat: no-repeat;
    background-size: cover;
*/
    width: 100px;
    height: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.btn_link {
    position: relative;
    top: 7px;
    right: 48px;
    width: 216px;
    height: 77px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
}


/*
#signin{
    width: 350px;
    height: 73px;
    background-image: url(../img/signin.png);
}
*/

#send {
    width: 0;
    height: 0;
    border: none;
}

#send_panel {
    height: 241px;
    font-size: 28px;
    text-align: center;
    padding: 15px;
    padding-top: 28%;
    /*    color: #F4934C;*/
    color: #466DCC;
    border-radius: 37px;
    margin: 0;
    background-color: transparent;
    border: none;
}

#send_panel p {
    text-shadow: 1px 1px #466DCC;
}

.pull-right {
    width: 68%;
    margin-top: 3%;
}

.form-group input {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #466DCC;
    background-color: transparent;
    /*    margin: 15px;*/
}


/*
.skof {
    background-color: #0ca5a2;
    color: #fdb414;
    font-weight: bold;
    text-align: center;
    padding: 10px;
        margin-right: 10px;
    margin-left: 10px;
}

.skof h2
{
     margin-top: 10px;
    
}
*/

ul {
    /*list-style: square inside url("../img/v.png");
    padding: 0;*/
    text-align: right;
}

#form {
    z-index: 100;
    margin: 22px;
    border-radius: 7px;
    box-shadow: 0 17px 46px -4px black;
    background: rgba(255, 255, 255, 0.9);
}

.header {
    background-image: url("../img/img_top.png");
    background-size: cover;
    height: 400px;
    background-position: right;
}

.box2 {
    background-color: #466DCC;
    font-size: 25px;
}


.main {
    font-size: 20px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 10px;
    text-align: center;
}

.box1,
.box2,
.box3 {
    padding: 15px;
    /*margin-top: 15px;
    margin-bottom: 15px;*/
}

.box2,
.box3 {
    padding-left: 9%;
    padding-right: 9%;
    color: #fdb414;
}

.title {
    color: #fdb414;
    background-color: #205178;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.title h1 {
    margin-top: 10px;
    font-weight: bold;
}

.aTopView
{
    color:#000000;background-color: #dcf8c6; border-radius: 25px;padding: 3px;padding-right: 8px;padding-left: 8px;line-height: 30px;
}

.more {
    font-size: 11px;
    font-weight: bold;
}

.footer p {
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.site_link_mobile {
    width: 100%;
    height: 26%;
    /*    background-color: yellow;*/
    position: absolute;
    margin-top: -103%;
}

.panel {
    background-color: transparent;
    box-shadow: none;
}

#title {
    margin-top: 5px;
}

.title p {
    color: #fdb414;
    font-weight: bold;
    font-size: 25px;
    line-height: 1;
}


/*

.slidRes {
    display: none;
    background-color: #f7f7f9;
    padding-top: 8%;
}

*/


/*slider*/

#myCarousel {
    margin-left: -15px;
    margin-right: -15px;
    display: none;
    position: relative;
}

.arrow-left {
    position: absolute;
    left: 17%;
    top: 45%;
}

.arrow-right {
    position: absolute;
    right: 17%;
    top: 48%;
    transform: rotate(180deg);
}

.carousel-inner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-control {
    opacity: 5;
}

.carousel-control:focus,
.carousel-control:hover {
    opacity: 5;
}

.imAr {
    width: 82%;
}

.carousel-indicators {
    right: 45%;
}

.mobile {
    display: none;
}


#logo {
    width: 40%;
    margin-top: 20px;
    display: none;
}

.prev_next {
    position: relative;
}

.open-day {
    background-color: #d76c07;
    color: #fdb414;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.main {
    font-size: 23px;
    line-height: 1.8;
}


/* 
.main ul {
    padding-right: 6px;
} */

.main ul span {
    font-weight: bold;
    text-decoration: underline;
    color: #759c8a;
}

.main .collapsed {
    
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.arrow {
    margin-top: -36px;
    width: 8%;
}

.title .green {
    color: #3ba6dc;
}

.title .toptitle {
    background-color: #b8f3f8;
}

.title.toptitle2 {
    background-color: #90e7fb;
}

.title .font_small {
    font-size: 25px;
    line-height: 1.5;
}

.title .font_small2 {
    font-size: 45px;
    line-height: 1.5;
}

.title .font_big {
    font-size: 50px;
}

.line {
    border-top: 1px solid #749c8a;
    margin-top: 11px;
    padding-top: 10px;
}

#Thanks {
    display: none;
    margin: 60px auto;
    padding: 20px 10px;
    font-size: 27px;
    font-weight: bold;
    color: #466dcc;
    text-align: center;
    line-height: 60px;
}

.title p.bonus-games {
    color: #3ba6dc;
    margin: 15px 0;
    font-size: 39px;
    /* text-shadow: 3px 2px 5px #efd811; */
    text-decoration: underline;
}

.bonus {
    color: #fdb414;
    background-color: #a8e4f2;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

@media (max-width: 1200px) {
    #form {
        width: 32%;
    }
    .title h1 {
        font-size: 29px;
    }
}

@media (min-width: 768px) {
    .collapse {
        display: block;
        visibility: initial;
    }
}


/*////////////////////////////////////////////////////*/

@media (max-width: 768px) {
    .header {
        background-image: none;
        height: auto;
    }
    .collapse {
        margin-top: 20px;
    }
    #Thanks {
        margin: 30px auto;
        border: 1px solid #466dcc;
        font-size: 8vw;
    }
    .mobile {
        display: block;
    }
    .title h1 {
        font-size: 24px;
        margin-top: 32px;
    }
    .container {
        padding: 0;
    }
    #myCarousel,
    .mobile {
        display: block;
    }
    #myCarousel {
        position: relative;
    }
    .desktop {
        display: none;
    }
    .box1 .desktop {
        display: none;
    }
    #logo {
        display: block;
    }
    #title p {
        font-size: 5.5vw;
        line-height: 1.2;
    }
    .main {
        margin: 0;
        padding: 15px;
    }
    .main h2 {
        font-size: 8vw;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .form-horizontal .form-group {
        margin-right: 15px;
        margin-left: 15px;
    }
    .link span {
        transform: rotate(90deg);
        font-weight: bold;
        display: block;
    }
    .box3 {
        font-size: 16px;
    }
    .form-group input {
        height: 55px;
    }
    #form #submit_btn {
        width: 125px;
        height: 50px;
        margin-top: 7px;
        font-size: 23px;
    }
    #details h4 {
        font-size: 24px;
    }
    #details h3 {
        font-size: 9.5vw;
        padding: 0 21px;
    }
    .footer p,
    .more {
        font-size: 13px;
    }
    .more {
        padding: 15px;
    }
    #title h1 {
        font-size: 24px;
    }
    #form {
        width: 100%;
        bottom: 0;
    }
    .sent-details {
        margin-top: 34px;
    }
    body,
    html {
        padding: 0;
        margin: 0;
    }
    #details_mobile {
        width: 100%;
    }
    #form {
        margin: 0;
        box-shadow: none;
        /*box-shadow: 0 16px 26px -10px black;*/
        /*        width: 100%;*/
        bottom: 28px;
        right: 11px;
        float: none;
    }
    #form form {
        background-color: transparent;
        position: relative;
        bottom: 0px;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 15px;
        border-radius: 7px;
        margin: 0;
    }
    .panel {
        background-color: transparent;
        box-shadow: none;
    }
    #send_panel {
        padding-top: 0;
        height: auto;
    }
    .footer_mobile {
        background-color: #595959;
        margin-top: 94px;
        height: 380px;
    }
    #site_link_mobile {
        top: -52px;
        position: relative;
    }
    #site_link_mobile img {
        width: 52%;
        position: relative;
        top: 0;
    }
    #footer_line {
        position: relative;
        top: -37px;
        width: 100%;
    }
    iframe {
        height: 240px;
        width: 320px;
    }
    #form .control-label {
        font-size: 23px;
        top: 0px;
    }
    .pull-right {
        display: none;
    }
    .box1,
    .box2,
    .box3 {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 10px;
    }
    .box1 {
        border-right: 0px;
        border-left: 0px;
        margin-top: -22px;
    }
    .main {
        font-size: 3.5vw;
    }
    .main ul ul {
        font-size: 3vw;
    }
    .main ul span {
        font-size: 3vw;
    }
}

@media (max-width: 320px) {
    .footer p,
    .more {
        font-size: 11px;
    }
}