/* FLEXBOX CONTROLS */
            /* ----- About flex ----- */
            
            .about_flex,
            .about_child2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
            }
            
            .about_child2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: column wrap;
                flex-flow: column wrap;
            }
            
            .child {
                min-height: 410px;
            }
            
            .about_child1,
            .about_child2,
            .about_child3 {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 20%;
                flex: 1 0 20%;
                min-width: 10em;
            }
            
            .about_child1 {
                -webkit-box-flex: 3;
                -ms-flex: 3;
                flex: 3;
            }
            
            .about_child2,
            .about_child3 {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }
            
            .about_child_small1,
            .about_child_small2 {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 205px;
                flex: 1 0 205px;
            }
            
            .about_child1 {
                background-image: url(../images/flexbox-img/about/about-flex1.html);
            }
            
            .about_child_small1 {
                background-image: url(../images/flexbox-img/about/about-flex2.html);
            }
            
            .about_child_small2 {
                background-image: url(../images/flexbox-img/about/about-flex3.html);
            }
            
            .about_child3 {
                background-image: url(../images/flexbox-img/about/about-flex4.html);
            }
            
            .about_child1,
            .about_child3,
            .about_child_small1,
            .about_child_small2 {
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
            }
            /* ----- About Flex ----- */
            
            .flex-container {
                /*            max-width: 1920px;*/
                margin: 0 auto;
                color: white;
                text-align: center;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
                align-items: stretch;
            }
            
            img {
                min-width: 100% !important;
				height:auto;
                margin-top: -4px;
            }
            
            .row1,
            .row2,
            .row3 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
            }
            
            .middle2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
            }
            
            .child-container {
                -webkit-box-flex: 1 0 20%;
                -ms-flex: 1 0 20%;
                flex: 1 0 20%;
            }
            
            .child-container,
            .child2,
            .child3,
            .child4,
            .child5 {
                min-width: 320px;
                height: 395px;
            }
            
            .child-container,
            .end4 {
                overflow: hidden !important;
            }
            
            .middle1,
            .middle4 {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }
            
            .middle2,
            .middle3 {
                -webkit-box-flex: 2;
                -ms-flex: 2;
                flex: 2;
            }
            
            .middle1,
            .middle2,
            .middle3,
            .middle4 {
                height: 580px;
                /*            min-width: 5em;*/
            }
            
            .end1,
            .end2,
            .end3,
            .end4 {
                height: 390px;
                min-width: 17em;
            }
            
            .end2,
            .end3,
            .end4 {
                flex: 1;
            }
            
            .end1 {
                flex: 2;
            }
            
            .box {
                background: black;
                min-height: 100px;
                box-sizing: border-box;
            }
            
            .twoblocks {
                display: flex;
                flex-flow: row wrap;
                min-width: 100%;
            }
            
            .smallbox1,
            .smallbox2,
            .smallbox3,
            .smallbox4 {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                min-width: 200px;
            }
            
            .smallbox {
                background: black;
                min-height: 100px;
                box-sizing: border-box;
            }
            
            .middle-container,
            .child-container,
            .child2,
            .child3,
            .child4,
            .child5,
            .middle1,
            .smallbox1,
            .smallbox2,
            .smallbox3,
            .smallbox4,
            .middle3,
            .middle4,
            .end1,
            .end2,
            .end3,
            .end4,
            .child1 {
                background-position: center center !important;
                background-size: cover !important;
                background-repeat: no-repeat !important;
                -webkit-transition: all 1s ease !important;
                transition: all 1s ease !important;
                overflow: hidden !important;
                -webkit-backface-visibility: hidden !important;
            }
            
            .child1,
            .child2,
            .child3,
            .child4,
            .child5,
            .child5 {
                display: block !important;
                position: relative !important;
                min-height: 100% !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
            }
            
            .child1,
            .child2,
            .chil32,
            .child4,
            .child5,
            .end2,
            .end3,
            .end4 {
                position: relative !important;
                cursor: pointer !important;
                background-position: center center !important;
            }
            
            .child1 {
                background-image: url(../images/flexbox-img/img-1.html);
            }
            
            .child2 {
                background-image: url(../images/flexbox-img/img-2.html);
            }
            
            .child3 {
                background-image: url(../images/flexbox-img/img-3.html);
            }
            
            .child4 {
                background-image: url(../images/flexbox-img/img-4.html);
            }
            
            .child5 {
                background-image: url(../images/flexbox-img/img-5.html);
            }
            
            .middle1 {
                background-image: url(../images/flexbox-img/img-6.html);
            }
            
            .smallbox1 {
                background-image: url(../images/flexbox-img/img-7.html);
            }
            
            .smallbox2 {
                background-image: url(../images/flexbox-img/img-8.html);
            }
            
            .smallbox3 {
                background-image: url(../images/flexbox-img/img-9.html);
            }
            
            .smallbox4 {
                background-image: url(../images/flexbox-img/img-10.html);
            }
            
            .middle3 {
                background-image: url(../images/flexbox-img/img-11.html);
            }
            
            .middle4 {
                background-image: url(../images/flexbox-img/img-12.html);
            }
            
            .end1 {
                background-image: url(../images/flexbox-img/img-13.html);
                -webkit-transition: 1s all;
                -moz-transition: 1s all;
                -ms-transition: 1s all;
                transition: 1s all;
            }
            
            .end1:hover {
                background-image: url(../images/flexbox-img/img-13.html);
                -webkit-transition: 1s all;
                transition: 1s all;
            }
            
            .end2 {
                background-image: url(../images/flexbox-img/img-14.html);
            }
            
            .end3 {
                background-image: url(../images/flexbox-img/img-15.html);
            }
            
            .end4 {
                background-image: url(../images/flexbox-img/img-16.html);
            }
            /* END FLEXBOX CONTROLS */
            /* ipad */
            
            @media only screen and (min-device-width: 768px) and (orientation: portrait) {
                .row3.dontshow {
                    display: none !important;
                }
            }
            
            @media only screen and (max-device-width: 640px),
            only screen and (max-device-width: 667px),
            only screen and (max-width: 480px) {
                .row2.dontshow,
                .row3.dontshow {
                    display: none !important;
                }
                .child-container,
                .child2,
                .child3,
                .child4,
                .child5 {
                    max-height: 320px;
                }