/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    position: relative;
}

#box {
    float: none;
    height: 80px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#box1 {
    float: none;
    height: 80px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 960px;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#box22 {
    float: none;
    height: 62px;
    clear: none;
    width: 100%;
    min-width: 0px;
    position: absolute;
    top: 100%;
    left: 0%;
    bottom: auto;
    background-color: rgb(28, 32, 38);
}

#image2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 51.875%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#box23 {
    float: none;
    height: 12px;
    margin-left: auto;
    margin-top: 23.875px;
    clear: none;
    width: 397.54687913px;
    display: block;
    margin-right: auto;
}

#text3 {
    float: left;
    font-size: 12px;
    width: 209px;
    height: 12px;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 20.383265%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(212, 212, 212);
    margin-right: 0%;
    display: block;
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
}

#box2 {
    float: none;
    height: 574px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    margin-right: auto;
    background-image:url("../img/images_01.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 50% 0%;
    background-repeat: repeat repeat;
}

#box7 {
    float: none;
    height: 538px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    min-width: 0px;
    background-image:url("../img/images_02.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-color: rgb(43, 45, 55);
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box8 {
    float: none;
    height: 523px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(43, 45, 55);
    background-image:url("../img/images_03.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box9 {
    float: none;
    height: 697px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    min-width: 0px;
    background-image:url("../img/images_04.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box10 {
    float: none;
    height: 643px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-image:url("../img/images_05.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-color: rgb(65, 157, 234);
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box11 {
    float: none;
    height: 574px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    margin-right: auto;
    background-image:url("../img/images_06.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box12 {
    float: none;
    height: 511px;
    margin: 0px auto;
    clear: none;
    width: 100%;
    min-width: 0px;
    background-image:url("../img/images_07.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box17 {
    float: none;
    height: 543px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    margin-right: auto;
    background-image:url("../img/images_08.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-color: rgb(184, 215, 101);
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box18 {
    float: none;
    height: 550px;
    margin: 0px auto;
    clear: none;
    width: 100%;
    min-width: 0px;
    background-image:url("../img/images_09.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-color: rgb(43, 45, 55);
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#box13 {
    float: none;
    height: 280px;
    margin-left: auto;
    margin-top: 32px;
    clear: none;
    width: 1280px;
    margin-right: auto;
}

#box14 {
    float: left;
    height: 280px;
    margin-left: 9.0625%;
    margin-top: 0px;
    clear: none;
    width: 350px;
    background-image:url("../img/bt1.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box15 {
    float: left;
    height: 280px;
    margin-left: 7px;
    margin-top: 0px;
    clear: none;
    width: 27.34375%;
    margin-right: 0%;
    background-image:url("../img/bt2.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box16 {
    float: left;
    height: 280px;
    margin-left: 7px;
    margin-top: 0px;
    clear: none;
    width: 27.34375%;
    margin-right: 0%;
    background-image:url("../img/bt3.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box14:hover {
    background-image:url("../img/bt1_h.jpg"),url("../img/bt1.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box15:hover {
    background-image:url("../img/bt2_h.jpg"),url("../img/bt2.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box16:hover {
    background-image:url("../img/bt3_h.jpg"),url("../img/bt3.jpg");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box19 {
    float: none;
    height: 362px;
    margin-left: auto;
    margin-top: 91px;
    clear: none;
    width: 1084.48438028px;
    margin-right: auto;
}

#box20 {
    float: left;
    height: 36px;
    margin-left: 58.136787%;
    margin-top: 215px;
    clear: none;
    width: 134px;
    background-image:url("../img/bt4.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box21 {
    float: left;
    height: 36px;
    margin-left: 1.146858%;
    margin-top: 215px;
    clear: none;
    width: 12.356102%;
    margin-right: 0%;
    background-image:url("../img/bt5.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box20:hover {
    background-image:url("../img/bt4_h.png"),url("../img/bt4.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box21:hover {
    background-image:url("../img/bt5_h.png"),url("../img/bt5.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box4 {
    float: left;
    height: 77px;
    margin-left: 0.01370614%;
    margin-top: 0px;
    clear: none;
    width: 114px;
    min-width: 0px;
    margin-right: 0%;
    background-color: rgba(109, 114, 135, 0.498039);
    display: block;
}

#box5 {
    float: left;
    height: 77px;
    margin-left: 0%;
    margin-top: 8px;
    clear: both;
    width: 100%;
    min-width: 0px;
    margin-right: 0%;
    background-color: rgba(65, 157, 234, 0.498039);
    display: block;
}

#box6 {
    float: left;
    height: 77px;
    margin-left: 0.0685307%;
    margin-top: 9px;
    clear: both;
    width: 100%;
    min-width: 0px;
    margin-right: 0%;
    background-color: rgba(184, 215, 101, 0.498039);
    display: block;
}

#box3 {
    float: left;
    height: 248px;
    clear: none;
    width: 114px;
    min-width: 0px;
    position: fixed;
    top: 20%;
    left: auto;
    bottom: auto;
    right: 15px;
	display: block;
}

#box6:hover {
    background-color: rgb(184, 215, 101);
}

#box5:hover {
    background-color: rgb(65, 157, 234);
}

#box4:hover {
    background-color: rgb(109, 114, 135);
}

#text {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 31px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    margin-right: auto;
}

#text1 {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 32px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    margin-right: auto;
}

#text2 {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 29px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    margin-right: auto;
}

@media only screen and (max-width: 1280px) {
    #box {
        width: 1280px;
        height: 80px;
    }

    #box22 {
        width: 1280px;
    }

    #box2 {
        width: 1280px;
    }

    #box7 {
        width: 1280px;
    }

    #box8 {
        width: 1280px;
    }

    #box9 {
        width: 1280px;
    }

    #box10 {
        width: 1280px;
    }

    #box11 {
        width: 1280px;
    }

    #box12 {
        width: 1280px;
    }

    #box17 {
        width: 1280px;
    }

    #box18 {
        width: 1280px;
    }
}

