@charset "UTF-8";

.toggleMobile { display: none; }
/* .hideMobile { display: block; } */
.showMobile { display: none; }

@media screen and (max-width: 1181px) {
	#lp_link { display: none; }
}

@media screen and (max-width: 1000px) {
        div#only_mobile {
    display: block;
}
iframe {
    display: block;
    margin: auto;
    width: 100%;
}

	.showMobile { display: block; }
	.hideMobile { display: none; }

	.centered { max-width: 1000px; width: auto; }
	#head_wrapper { background: #fff; height: auto; }
	#head { height: 70px; }
	.navigation, #slider_wrapper, #content_wrapper_top, #left-content { display: none; }
	#content_wrapper { background: #fff; }
	#content_wrapper.type2, #content_wrapper.type3 { margin: 0; }
	#logo { height: 50px; width: auto; left: 10px; top: 10px; position: absolute; margin: 0; }
	#social_links { margin: 0 auto; position: relative; left: auto; right: auto; }

	#content_wrapper.type3 #main-content { width: 100%; float: none; box-sizing: border-box; padding: 10px 20px; }
	#content_wrapper.type3 #main-content-top, #content_wrapper.type3 #main-content-bottom { display: none; }
	#content_wrapper.type3 #content { width: 100%; background: #fff; box-sizing: border-box; padding: 20px; }
	#content_wrapper.type3 #content img { width: 100% !important; }

	#right-content { float: none; margin: 0; width: 100%; padding: 0 20px; box-sizing: border-box; }
	#right-content .smallbox { height: auto; width: 100%; background: #fff; margin: 10px 0; padding: 20px; box-sizing: border-box; }
	#right-content .smallbox #videoGallery { width: 100% !important; }

	.homebox { background: #0990a2; height: auto; width: auto; box-sizing: border-box; margin: 10px 20px; padding: 20px; float: none; }
	.homebox .title, .homebox .image, .homebox .txt { width: auto; max-width: none; min-width: auto; height: auto; max-height: none; min-height: auto; text-align: center; }
	.homebox .image img { height: auto; max-width: 100%; }

	#ContactMobile {}
	#ContactMobile:after { content: ''; display: block; clear: both; }
	#ContactMobile .left { float: left; width: 60%; box-sizing: border-box; padding: 0 20px; }
	#ContactMobile .left h2 { text-align: center; }
	#ContactMobile .left p { font-size: smaller; text-align: center; }
	#ContactMobile .left .inputsubmit { margin: 0 auto; display: block; }
	#ContactMobile .right { float: left; width: 40%; }
	#ContactMobile .itext { width: 100%; min-width: 100%; max-width: 100%; border: 1px solid #0990a2; color: #0990a2; font-family: inherit; margin: 5px 0; padding: 4px 10px; font-size: inherit; display: block; box-sizing: border-box; }
	#ContactMobile textarea { max-height: 200px; }

	.creations_wrapper { width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
	.creations_top, .creations_bottom { display: none; }
	._creations { margin: 10px 20px; padding: 0; background: none; }
	.creations { padding: 20px; }
	.creations_content { width: 100%; padding: 0; float: none; }
	.creations_content .content { width: auto; max-width: none; min-width: auto; height: auto; max-height: none; min-height: auto; text-align: center; }
	.creations_content .content .inputsubmitshop { left: auto !important; text-align: center; position: static !important; }
	.creations_img.showMobile { width: 100%; margin: 0; height: 300px; float: none; }

	.toggleMobile { display: block; position: absolute; top: 15px; right: 15px; width: 40px; height: 36px; cursor: pointer; z-index: 999; }
    .toggleMobile span { display: block; position: absolute; width: 40px; height: 8px; left: 0; background: #0990a2;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
    .toggleMobile span.menu1 { top: 0; }
    .toggleMobile span.menu2 { top: 14px; }
    .toggleMobile span.menu3 { top: 28px; }

    .toggleMobile.active span.menu1 { top: 14px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu2 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu3 {
            opacity: 0;
            -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }

    #MobileMenu { position: absolute; top: 70px; left: 0; width: 100%; display: none; list-style: none; padding: 0; margin: 0; }
    #MobileMenu li a { display: block; background: #fff; color: #0990a2; padding: 12px 0; text-decoration: none; letter-spacing: 0.1em; text-align: center; border-bottom: 1px solid #0990a2; }
    #MobileMenu li .before, #MobileMenu li .after { display: none; }
    #MobileMenu ul { display: block; list-style: none; margin: 0; padding: 0; }
    #MobileMenu ul a { font-size: smaller; background: #0990a2; color: #fff; }

    #footer { padding: 0; }
    #foot_left, #foot_middle, #foot_right { width: 100%; float: none; margin: 0 !important; text-align: center; }
    #footer .title { padding-top: 20px; }
    #footer table { width: auto; margin: 0 auto; }
    #footer input { display: block; margin: 5px auto; }
}



@media screen and (max-width: 700px) {
	#ContactMobile .left, #ContactMobile .right { float: none; width: 100%; }
	#ContactMobile .right { text-align: center; margin-top: 30px; }
}