body {
    overflow-x: hidden;
    width: 100%;
}
.copy {
  padding: 30px;
  text-align: center;
  font-size: .9em;
}
.welcome-cont {
    overflow: hidden;
}
.welcome-cont .mttl {
	margin-top: 5%;
}
/*------ Main top info style ------*/
/* Header block */

.header-list {
    display: table;
    width: 100%;
    margin: 5% 0 0;
    padding: 0 0 0 50%;
    list-style: none;
    box-shadow: inset 0 -45px 55px rgba(0, 0, 0, .03);
}
.header-list li {
    position: relative;
    width: 100%;
    float: right;
}
.header-list h3 {
    position: absolute;
    right: 100%;
    white-space: nowrap;
    font-weight: 300;
    z-index: 1;
    color: #294479;
    font-size: 1.3em;
    margin: -60px -15% 0 0;
}
.header-list h3:before {
    content: '';
    position: absolute;
    top: 120%;
    right: 5px;
    background: #ccc;
    width: 1px;
    height: 30px;
}
.header-list img {
    position: absolute;
    box-shadow: 0 35px 45px rgba(0, 0, 0, .15);
}
.header-list .portal img {
    position: relative;
}
.header-list .shop {
    left: -40%;
    top: 180px;
    z-index: 3;
}
.header-list .business {
    left: -20%;
    top: 90px;
    z-index: 2;
}
.header-list .portal {
    left: -60%;
    top: 270px;
    z-index: 4;
}
.color-cont {
    position: relative;
    width: 70%;
    margin: 5% 0 10%;
    max-width: 1200px;
}
.color-cont .imac {
    width: 100%;
    margin: -5% 0 -8% -25%;
}
.color-cont .color {
    position: absolute;
    right: 16%;
    top: 6%;
    width: 22%;
    z-index: 2;
}
.color-cont .macbook {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -12%;
    max-width: 80%;
    z-index: 3;
}
.welcome-cont .right-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4% 6% 0 65%;
    color: #7b7b7b;
}
.welcome-cont .right-text h3 {
    text-transform: uppercase;
    font-size: 1.8em;
}
.welcome-cont .right-text.white h3 {
    color: #fff;
}
.welcome-cont .right-text.btm {
    padding: 20% 6% 0 70%;
}
.advantage-list {
    margin: 5% -15px;
    padding: 0;
    list-style: none;
}
.advantage-list li {
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.advantage-list li:nth-child(3n+1) {
    clear: left;
}
.advantage-list li a {
    text-decoration: none;
}
.advantage-list li img {
    box-shadow: 0 9px 6px -6px rgba(0, 0, 0, .15);
}
.advantage-list li:hover img {
    box-shadow: 0 12px 12px -6px rgba(0, 0, 0, .15);
}
.advantage-list li span {
    display: block;
    margin: 10px auto 0;
    max-width: 90%;
    white-space: normal;
    text-align: center;
}
.advantage-list li:hover span {
    color: #7D92BA;
}
.advantage-list li span:hover {
    color: #294479;
}
/* Main */

.top-video-cont .animate {
    visibility: hidden;
}
.top-video-cont {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
}
.top-video-cont .valign-middle {
    position: relative;
    height: 100%;
    z-index: 4;
}
.top-video-cont .valign-content {
    margin: 0 auto;
}
.top-video-cont .gback {
    background: rgba(0, 0, 0, .7);
    z-index: 2;
}
.top-video-cont .noise {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/noise.gif) repeat;
    z-index: 3;
    opacity: .02;
}
.top-video-cont h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}
.top-video-cont p {
    color: rgba(255, 255, 255, .65);
    margin: 15px auto 40px;
    max-width: 300px;
    text-align: center;
}
.welcome-cont .mbtn,
.top-video-cont .mbtn {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .9em;
    line-height: 45px;
    padding: 0 35px;
    background: #7D92BA;
    margin: 0 5px;
}
.welcome-cont .mbtn:hover,
.top-video-cont .mbtn:hover {
    background: #294479;
}
.welcome-cont .mbtn.demo,
.top-video-cont .mbtn.demo {
    background: #cc0000;
}
.welcome-cont .mbtn.demo:hover,
.top-video-cont .mbtn.demo:hover {
    background: #990000;
}
.welcome-cont .valign-middle {
    min-height: 100vh;
    position: relative;
}
.welcome-cont .valign-content {
    width: 100%;
}
.welcome-cont.black-back {
    background: #111;
}
.welcome-cont.black-back .go-next i,
.welcome-cont.black-back .mttl {
    color: #fff;
}
.welcome-cont .go-next {
    position: absolute;
    left: 50%;
    bottom: 20px;
    display: block;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 30px;
    line-height: 1.1;
    font-size: .8em;
    color: #999;
}
.welcome-cont .go-next i {
    position: absolute;
    left: 55px;
    color: #000;
    display: block;
    font-size: 1.5em;
    -webkit-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down;
}
/* Video */

.top-video-cont .separate {
    position: relative;
    display: table;
    margin: 15px auto 10px;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 5px;
    opacity: .4;
}
.top-video-cont .separate:before,
.top-video-cont .separate:after {
    content: '';
    position: absolute;
    top: 3px;
    width: 70px;
    margin: 0 10px;
    height: 1px;
    background: #fff;
    opacity: .5;
}
.top-video-cont .separate:after {
    left: 100%;
}
.top-video-cont .separate:before {
    right: 100%;
}
/* Video */

.top-video-cont .top-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.top-video-cont #video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}
/*------ Animate logo style ------*/

.top-video-cont .logo-block {
    display: table;
    position: relative;
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
    height: 75px;
}
.top-video-cont .logo-block .absolute-logo {
    width: 100%;
}
.top-video-cont .logo-block img {
    max-width: 100%;
    opacity: 0;
}
.top-video-cont .slp.a {
    stroke-width: 8px;
    stroke-linejoin: miter;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke: #666;
    stroke-miterlimit: 4.0;
    animation: draw 6s forwards;
    -webkit-animation: draw 6s forwards;
}
@-webkit-keyframes draw {
    0% {
        fill: transparent
    }
    25% {} 50% {
        fill: transparent;
    }
    65% {
        stroke-dashoffset: 0;
    }
    100% {
        fill: #fff;
        stroke: #eee;
    }
}
@keyframes draw {
    0% {
        fill: transparent
    }
    25% {} 50% {
        fill: transparent;
    }
    65% {
        stroke-dashoffset: 0;
    }
    100% {
        fill: #fff;
        stroke: #eee;
    }
}
/*------ Animate logo style ------*/
/*------ Wheel style ------*/

.edgtf-mouse-icon {
    width: 24px;
    height: 39px;
    border: 2px solid #fff;
    border-radius: 15px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -14px;
    text-align: center;
    z-index: 100;
    opacity: 999;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.edgtf-mouse-icon.edgtf-mouse-hide {
    opacity: 0
}
.edgtf-mouse-wheel {
    height: 4px;
    margin: 2px auto 0;
    display: block;
    width: 4px;
    background-color: #eee;
    border-radius: 50%;
    -webkit-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down
}
@-webkit-keyframes wheel-up-down {
    0% {
        margin-top: 2px;
        opacity: 0
    }
    30% {
        opacity: 1
    }
    100% {
        margin-top: 15px;
        opacity: 0
    }
}
@keyframes wheel-up-down {
    0% {
        margin-top: 2px;
        opacity: 0
    }
    30% {
        opacity: 1
    }
    100% {
        margin-top: 15px;
        opacity: 0
    }
}
/*------ Wheel style ------*/
/*------ Slide preview style ------*/

.demos .col-3 {
    margin-bottom: 30px;
}
.demos .wpb_wrapper h3 {
    margin: 15px 0;
    text-align: center;
}
.demos .wpb_wrapper .go-to {
    text-align: center;
    position: relative;
    display: table;
    margin: -10px auto 0;
    text-decoration: none;
    color: #7D92BA;
    font-size: 0.85em;
    padding-left: 15px;
    opacity: 0;
    visibility: hidden;
}
.demos .wpb_wrapper .go-to:hover {
    color: #294479;
}
.demos .wpb_wrapper .go-to:after {
    content: "\f178";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: .85em;
    left: 100%;
    top: 4px;
    margin-left: 10px;
    padding-left: 15px;
}
.demos .wpb_wrapper:hover .go-to,
.demos .wpb_wrapper:hover .go-to:after {
    padding-left: 0;
    opacity: 1;
    visibility: visible;
}
.sm-slide-image {
    width: 100%;
    padding-top: 84%;
    position: relative
}
.sm-slide-image .image-wrap {
    position: absolute
}
.sm-slide-image.sm-style-box .image-wrap {
    border: 1px solid #f3f3f3;
}
.sm-slide-image.sm-style-box .image-wrap,
.sm-slide-image.sm-style-browser .image-wrap {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .06);
}
.sm-slide-image.sm-style-browser .image-wrap {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-background-clip: border-box;
    -moz-border-radius-topright: 5px;
    -moz-background-clip: border;
    border-top-right-radius: 5px;
    background: url(../images/browser-frame.png) center top no-repeat;
    background-size: contain;
    padding-top: 6.4%
}
.sm-slide-image.sm-style-laptop {
    padding-top: 59%
}
.sm-slide-image.sm-style-box .image-wrap {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/demo/browser.png);
    background-size: contain;
    padding: 3% 0.38% 0%;
}
.sm-slide-image.sm-style-laptop .image-wrap-inner {
    border: 1px solid #333
}
.sm-slide-image.sm-style-desktop {
    padding-top: 84.68%
}
.sm-slide-image .image-wrap-inner {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: background-position 5s ease-out;
    -moz-transition: background-position 5s ease-out;
    -o-transition: background-position 5s ease-out;
    transition: background-position 5s ease-out
}
.sm-slide-image img {
    visibility: hidden
}
.sm-slide-image.sm-slide-vertical img {
    top: 0;
    width: 100%
}
.sm-slide-image.sm-slide-vertical .image-wrap-inner {
    background-position: 50% 0
}
.sm-slide-image.sm-slide-vertical .hover-image {
    background-position: 50% 100%
}
.sm-slide-image.sm-slide-horizontal img {
    left: 0;
    width: auto;
    max-width: none;
    height: 100%
}
.sm-slide-image.sm-slide-horizontal .image-wrap-inner {
    background-position: 0 50%
}
.sm-slide-image.sm-slide-horizontal .hover-image {
    background-position: 100% 50%
}
/*------ Slide preview style ------*/
/*------ Welcome page style ------*/

@font-face {
    font-family: main-icons;
    src: url(http://boutique.at.ua/.s/src/panel-v2/fonts/main-icons.eot);
    src: url(http://boutique.at.ua/.s/src/panel-v2/fonts/main-icons.eot) format('embedded-opentype'), url(http://boutique.at.ua/.s/src/panel-v2/fonts/main-icons.woff) format('woff'), url(http://boutique.at.ua/.s/src/panel-v2/fonts/main-icons.ttf) format('truetype'), url(http://boutique.at.ua/.s/src/panel-v2/fonts/main-icons.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
.u-site-manage_menu {
    display: table;
    font-size: 0;
    margin: 0 auto;
    white-space: normal;
    text-align: center;
    padding: 30px 0 0 30px;
    border-radius: 15px;
    max-width: 1030px;
    position: relative;
    z-index: 3;
}
.u-site-manage_menu li {
    display: inline-block;
    width: 94px;
    height: 140px;
    margin: 0 30px 22px 0;
    padding: 0;
    border: 0;
    letter-spacing: normal;
    font-size: 15px;
    text-align: center;
    vertical-align: top;
    line-height: 1.2em;
    position: relative
}
.u-site-manage_menu li a {
    display: block;
    color: #a5a5a5;
    text-decoration: none;
    max-height: 155px;
    overflow: hidden;
    font-size: .9em;
}
.u-main-icons:before {
    display: inline-block;
    font-family: main-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.u-side-subnav .u-main-icons:before {
    display: inline-block;
    font-size: 18px;
    color: #a4a6aa!important;
    margin: 0 8px 5px 0
}
.u-side-subnav .u-main-icons_add:before {
    font-size: 16px!important;
    color: #00c57c!important
}
.u-site-manage_menu .u-main-icons:before {
    display: block;
    width: 94px;
    height: 94px;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: rgba(80, 80, 80, .3);
    line-height: 94px;
    font-size: 25pt
}
.u-site-manage_menu .u-main-icons:hover:before {
    background-color: rgba(80, 80, 80, .8);
}
.u-site-manage_menu .u-main-icons {
    clear: both;
    width: 94px;
    height: 94px;
    display: block;
    margin-bottom: 5px
}
.u-site-manage_menu .u-main-icons:before {
    clear: both
}
.u-main-icons_settings:before {
    content: 'Y'
}
.u-main-icons_crosspost:before {
    content: 'Q'
}
.u-main-icons_forum:before {
    content: 'G'
}
.u-main-icons_photo:before {
    content: 'M'
}
.u-main-icons_video:before {
    content: 'V'
}
.u-main-icons_news:before {
    content: 'L'
}
.u-main-icons_dir:before {
    content: 'J'
}
.u-main-icons_shop:before {
    content: 'P'
}
.u-main-icons_users:before {
    content: 'U'
}
.u-main-icons_stat:before {
    content: 'R'
}
.u-main-icons_seo:before {
    content: 'S'
}
.u-main-icons_faq:before {
    content: 'E'
}
.u-main-icons_site:before {
    content: 'W'
}
.u-main-icons_board:before {
    content: 'B'
}
.u-main-icons_search:before {
    content: 'O'
}
.u-main-icons_blog:before {
    content: 'C'
}
.u-main-icons_tests:before {
    content: 'T'
}
.u-main-icons_mchat:before {
    content: 'D'
}
.u-main-icons_publ:before {
    content: 'A'
}
.u-main-icons_stuff:before {
    content: 'D'
}
.u-main-icons_mail:before {
    content: 'K'
}
.u-main-icons_load:before {
    content: 'F'
}
.u-main-icons_gb:before {
    content: 'I'
}
.u-main-icons_poll:before {
    content: 'N'
}
.u-main-icons_add:before {
    content: '+'
}
.u-site-manage_menu .u-main-icons_settings:before {
    color: #e96b62
}
.u-site-manage_menu .u-main-icons_crosspost:before {
    color: #e44179
}
.u-site-manage_menu .u-main-icons_forum:before {
    color: #b146c3
}
.u-site-manage_menu .u-main-icons_photo:before {
    color: #9a6deb
}
.u-site-manage_menu .u-main-icons_video:before {
    color: #4757b2
}
.u-site-manage_menu .u-main-icons_news:before {
    color: #50a1e2
}
.u-site-manage_menu .u-main-icons_dir:before {
    color: #75d2fc
}
.u-site-manage_menu .u-main-icons_shop:before {
    color: #55cbda
}
.u-site-manage_menu .u-main-icons_users:before {
    color: #67ede0
}
.u-site-manage_menu .u-main-icons_stat:before {
    color: #6bca6f
}
.u-site-manage_menu .u-main-icons_seo:before {
    color: #ffb03b
}
.u-site-manage_menu .u-main-icons_faq:before {
    color: #fecf43
}
.u-site-manage_menu .u-main-icons_site:before {
    color: #eedc40
}
.u-site-manage_menu .u-main-icons_board:before {
    color: #d6e542
}
.u-site-manage_menu .u-main-icons_search:before {
    color: #b6eb79
}
.u-site-manage_menu .u-main-icons_blog:before {
    color: #ff6d3f
}
.u-site-manage_menu .u-main-icons_tests:before {
    color: #b16448
}
.u-site-manage_menu .u-main-icons_mchat:before {
    color: #b2b2b2
}
.u-site-manage_menu .u-main-icons_publ:before {
    color: #7198aa
}
.u-site-manage_menu .u-main-icons_stuff:before {
    color: #e44179
}
.u-site-manage_menu .u-main-icons_mail:before {
    color: #67ede0
}
.u-site-manage_menu .u-main-icons_load:before {
    color: #55cbda
}
.u-site-manage_menu .u-main-icons_gb:before {
    color: #e96b62
}
.u-site-manage_menu .u-main-icons_poll:before {
    color: #ff6d3f
}
.u-site-manage_menu .u-main-icons_add:before {
    font-size: 18pt!important;
    color: #a4a6aa
}

/* MEDIA QUERIES */

@media screen and (min-width: 1921px) {
	.color-cont {
    	margin: 5% 0 10% 15%;
    }
}

@media screen and (max-height: 700px) {
	.welcome-cont .go-next {
    	width: 320px;
    	margin-left: -160px;
    }
    .welcome-cont .go-next i {
	    left: 50%;
	    margin-left: -6px;
    }
    .descr.wide {
	    max-width: 800px;
		font-size: 1em;
    }
    .mttl.line {
	    font-size: 1.7em;
    }
    .demos {
	    max-width: 1100px;
		margin: 0px auto;
    }
    .demos .wpb_wrapper h3 {
	    font-size: 16pt;
    }
}

@media screen and (max-height: 600px) {
	.u-site-manage_menu li {
		margin: 0 20px 15px 0;
    }
    .u-site-manage_menu {
	    padding-top: 0;
    }
    .demos {
	    max-width: 850px;
    }
	.header-list h3 {
		margin-top: -45px;
	}
	.header-list h3:before {
		height: 15px;
	}
	.header-list .shop {
	    top: 140px;
	}
	.header-list .business {
	    top: 70px;
	}
	.header-list .portal {
	    top: 210px;
	}
}

@media screen and (max-width: 1100px) {
	.header-list h3 {
		margin-top: -40px;
	}
	.header-list h3:before {
		height: 10px;
	}
	.header-list {
		margin-top: 7%;
	}
	.header-list .shop {
	    top: 140px;
	}
	.header-list .business {
	    top: 70px;
	}
	.header-list .portal {
	    top: 210px;
	}
	.header-list .portal h3 {
		white-space: normal
	}
}
@media screen and (max-width: 1024px) {
	.color-cont {
	    position: relative;
	    width: 55%;
    }
    .welcome-cont .right-text {
    	padding: 2% 4% 0 55%;
    }
    .welcome-cont .right-text.btm {
    	padding: 18% 4% 0 55%;
    }
}
@media screen and (max-width: 980px) {
	.welcome-cont .right-text h3 {
	    font-size: 1.4em;
	}
	.color-cont {
	    width: 45%;
	}
	.color-cont .imac {
	    margin: -5% 0 0 -25%;
	}
	.color-cont .macbook {
    	margin-bottom: -4%;
    }
    .welcome-cont .right-text.btm,
    .welcome-cont .right-text {
	    padding-left: 45%;
    }
    .welcome-cont .go-next {
    	width: 320px;
    	margin-left: -160px;
    }
    .welcome-cont .go-next i {
	    left: 50%;
	    margin-left: -6px;
    }
    .descr.wide {
	    max-width: 800px;
		font-size: 1em;
		padding: 0 30px;
    }
    .mttl.line {
	    font-size: 1.7em;
    }
}
@media screen and (max-width: 800px) {
	.mttl.line {
	    font-size: 1.5em;
    }
	.welcome-cont .middle {
		padding: 0 30px;
	}
	.u-site-manage_menu,
	.demos {
		margin-bottom: 10%;
	}
	.advantage-list li {
		width: 50%;
	}
	.advantage-list li:nth-child(3n+1) {
	    clear: none;
	}
	.advantage-list li:nth-child(2n+1) {
	    clear: left;
	}
	.color-cont .imac {
	    margin: -10% 0 0 -25%;
	}
	.welcome-cont .right-text p {
		display: none;
	}
	.welcome-cont .right-text {
	    padding-top: 5%;
	}
	.color-cont {
    	margin: 5% 0;
    }
    .header-list {
	    margin-top: 10%;
	}
	.header-list .shop {
	    top: 100px;
	}
	.header-list .business {
	    top: 50px;
	}
	.header-list .portal {
	    top: 150px;
	}
	.color-cont .color {
    	top: 10%;
    }
    .top-video-cont .middle {
	    padding: 30px 30px 100px;
    }
}
@media screen and (max-width: 700px) {
	.header-list {
		padding: 0;
		margin: 5% 0;
		text-align: center;
	}
	.header-list img {
	    position: relative;
	    box-shadow: none;
	    float: none;
	}
	.header-list li {
		position: relative;
		display: inline-block;
		float: none;
		width: 45%;
		padding: 0 15px 30px;
	    left: 0 !important;
	    top: 0 !important;
	}
	.header-list h3 {
	    right: auto;
	    left: 0;
	    white-space: normal;
	    background: rgba(251, 251, 251, 0.9);
	    padding: 5px 15px;
	    width: 100%;
	    margin: 0;
	    bottom: 28px;
	}
	.header-list h3:before {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.color-cont {
	    width: 40%;
	}
	.welcome-cont .right-text h3 {
	    font-size: 1.2em;
	}
	.welcome-cont .right-text.btm {
		padding-top: 15%;
	}
	.demos .col-3 {
		width: 100% !important;
		float: none;
	}
	.sm-slide-image {
	    padding-top: 65%;
	}
	.header-list h3 {
		font-size: 1.15em;
	}
}
@media screen and (max-width: 500px) {
	.top-video-cont .logo-block {
		max-width: 240px;
	}
	.top-video-cont .separate {
    	margin: 0 auto;
    }
    .top-video-cont h2 {
	    font-size: 1.3em;
    }
    .top-video-cont p {
    	margin: 15px auto 30px;
    }
    .welcome-cont .mbtn,
    .top-video-cont .mbtn {
	    margin-bottom: 5px;
    }
    .header-list li {
	    width: 100%;
	    float: none;
    }
    .advantage-list li {
	    width: 100%;
	    clear: none;
    }
    .color-cont {
	    width: 85%;
	    margin: 10% 0;
	}
	.welcome-cont .right-text {
	    position: relative;
	    padding: 0 30px 30px !important;
    }
    .u-site-manage_menu, .demos {
	    margin-bottom: 90px;
	}
	.mttl.line {
	    font-size: 1.3em;
	    margin-top: 10%;
	}
	.top-video-cont {
		min-height: 300px;
	}
	.header-list h3 {
	    font-size: 1.3em;
	}
}
@media screen and (max-width: 380px) {
	.demos .col-3 {
		padding: 0;
	}
	.mttl.line {
	    margin-top: 40px;
	    padding: 0 30px;
	}
}