/**
 * Main page
 * Reset
 */
.m-body h1,
.m-body h2,
.m-body h3,
.m-body h4,
.m-body h5,
.m-body h6 {
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 1;
}
.m-body ul,
.m-body li,
.m-body p {
    margin: 0;
    padding: 0;
}
.m-body ul {
    list-style: none;
}
/**
 * Main page
 * Button
 */
.m-body .btn.btn-success {
    background-image: linear-gradient(to bottom, #9cc848 0px, #79a34f 100%);
    border-color: #599442;
}
.m-body .btn {
    font-size: 24px;
}
/**
 * Header
 */
.row-header {
    padding: 40px 0;
}
.row-header .m-header-logo {
    float: left;
    width: 357px;
}
.row-header .m-header-logo div {
    margin: 0 auto;
    width: 220px;
    height: 184px;
    background: url("/i/m/logo.png") 0 0 no-repeat;
}
.row-header .m-header-logo h1 {
    display: none;
}
/**
 * Header
 * Text
 */
.row-header .m-header-text {
    margin-left: 357px;
}
.row-header .m-header-text h3:first-child {
    color: #909090;
    font-size: 30px;
}
.row-header .m-header-text h3:first-child + h3 {
    color: #00b4ff;
    font-size: 38px;
    margin-top: 25px;
}
.row-header .m-header-text h3:first-child + h3 + h3 {
    color: #3f3f3f;
    font-size: 24px;
    line-height: 1.2;
    margin: 8px 0 20px;
}
/**
 * Row-1
 */
.row-m1 {
    padding: 60px 0;
    text-align: center;
}
.row-m1 h3 {
    font-size: 30px;
    line-height: 1.2;
}
.row-m1 h3 i {
    font-style: normal;
    color: #78b429;
}
/**
 * Row-1
 * Design
 */
.row-m1 .m-design {
    margin: 30px 0;
    background: url("/i/m/design-icon.jpg") center center no-repeat;
    height: 430px;
}
/**
 * Row-1
 * Way
 */
.row-m1 .m-way h4 {
    font-size: 24px;
}
.row-m1 .m-way ul li {
    width: 50%;
    padding: 0 40px;
}
.row-m1 .m-way ul li i {
    background: transparent 0 0 no-repeat;
    width: 96px;
    height: 96px;
    margin: 20px;
}
.row-m1 .m-way ul li span {
    padding: 20px 0;
    width: 350px;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
}
.row-m1 .m-way ul li:first-child,
.row-m1 .m-way ul li:first-child + li i,
.row-m1 .m-way ul li:first-child + li span {
    float: left;
}
.row-m1 .m-way ul li:first-child + li,
.row-m1 .m-way ul li:first-child i,
.row-m1 .m-way ul li:first-child span {
    float: right;
}
.row-m1 .m-way ul li:first-child i {
    background-image: url("/i/m/way-l.png");
}
.row-m1 .m-way ul li:first-child + li i {
    background-image: url("/i/m/way-r.png");
}
.row-m1 .m-way ul li:first-child span {
    background-image: linear-gradient(to bottom, #ff8969 0px, #bb0200 100%);
}
.row-m1 .m-way ul li:first-child + li span {
    background-image: linear-gradient(to bottom, #8eef7e 0px, #489b01 100%);
}
/**
 * Row-1
 * Yet
 */
.row-m1 .m-yet {
    clear: both;
    padding-top: 60px;
}
.row-m1 .m-yet h4 {
    font-size: 30px;
}
.row-m1 .m-yet ul {
    font-size: 24px;
    text-align: left;
}
.row-m1 .m-yet ul li {
    line-height: 1.1;
    margin-top: 45px;
    padding: 5px 0 5px 40px;
    background: url("/i/m/yep-li.png") left 5px no-repeat;
}
/**
 * Row-1
 * Solution
 */
.row-m1 .m-solution {
    padding-top: 60px;
}
.row-m1 .m-solution h3 {
    font-size: 30px;
    line-height: 1.2;
    color: #78b429;
}
.row-m1 .m-solution ul {
    margin: 40px 0 20px 0;
    font-size: 30px;
    text-align: center;
}
.row-m1 .m-solution ul li i {
    display: inline-block;
    background: url("/i/m/solution-li.png") 0 0 no-repeat;
    width: 56px;
    height: 50px;
    vertical-align: middle;
}
/**
 * Row-2
 */
.row-m2 {
    padding: 30px 0;
}
.row-m2 h3 {
    font-size: 30px;
    text-align: center;
}
/**
 * Row-2
 * Reason
 */
.row-m2 ul li {
    margin: 20px -4px 0 0;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.row-m2 ul li > div {
    margin-left: 84px;
}
.row-m2 ul li > div > div {
    font-size: 22px;
    margin-top: 10px;
}
.row-m2 ul li i {
    width: 64px;
    height: 64px;
    background: url("/i/m/reason-icon.png") 0 0 no-repeat;
    float: left;
}
.row-m2 ul li:first-child i {
    background-position: 0 0;
}
.row-m2 ul li:first-child + li i {
    background-position: -256px 0;
}
.row-m2 ul li:first-child + li + li i {
    background-position: -64px 0;
}
.row-m2 ul li:first-child + li + li + li i {
    background-position: -320px 0;
}
.row-m2 ul li:first-child + li + li + li + li i {
    background-position: -128px 0;
}
.row-m2 ul li:first-child + li + li + li + li + li i {
    background-position: -384px 0;
}
.row-m2 ul li:first-child + li + li + li + li + li + li i {
    background-position: -192px 0;
}
.row-m2 ul li:first-child + li + li + li + li + li + li + li i {
    background-position: -448px 0;
}
/**
 * Row-3
 */
.row-m3 {
    padding: 30px 0;
}
.row-m3 h3 {
    font-size: 30px;
    text-align: center;
}
/**
 * Row-3
 * Examples
 */
.row-m3 ul li {
    margin: 30px -4px 0 0;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    text-align: center;
}
.row-m3 ul li p {
    margin-top: 10px;
}
/**
 * Row-4
 */
.row-m4 {
    padding: 30px 0 60px;
    text-align: center;
}
.row-m4 h3 {
    font-size: 30px;
}
.row-m4 h4 {
    font-size: 22px;
    line-height: 1.33;
    margin: 50px 0 40px;
}
.row-m4 h4 + h4 {
    font-size: 22px;
    margin: 70px 0;
}
/**
 * Row-4
 * Reviews
 */
.row-m4 ul.m-reviews li {
    margin: 30px -4px 0 0;
    padding: 0 10px;
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.row-m4 ul.m-reviews li div {
    padding: 20px;
    background-color: #d5e17f;
    border-radius: 25px;
    border-color: transparent;
    text-align: right;
}
.row-m4 ul.m-reviews li div span {
    display: block;
    quotes: "\00ab" "\00bb";
}
.row-m4 ul.m-reviews li div span:before {
    content: open-quote;
}
.row-m4 ul.m-reviews li div span:after {
    content: close-quote;
}
.row-m4 ul.m-reviews li i {
    display: block;
    background: transparent top center no-repeat;
    height: 76px;
    width: 100%;
}
.row-m4 ul.m-reviews li:nth-child(4n+1) i {
    background-image: url("/i/m/t-n1.png");
}
.row-m4 ul.m-reviews li:nth-child(4n+2) i {
    background-image: url("/i/m/t-n2.png");
}
.row-m4 ul.m-reviews li:nth-child(4n+3) i {
    background-image: url("/i/m/t-n3.png");
}
.row-m4 ul.m-reviews li:nth-child(4n+4) i {
    background-image: url("/i/m/t-n4.png");
}
/**
 * Row-4
 * Various
 */
.row-m4 ul.m-various a {
    color: #565656;
}
.row-m4 ul.m-various a:active,
.row-m4 ul.m-various a:hover {
    color: #000;
}
.row-m4 ul.m-various li {
    margin-right: -4px;
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.33;
}
.row-m4 ul.m-various li span {
    display: inline-block;
    margin: 0 auto;
    width: 160px;
}
.row-m4 ul.m-various li i {
    display: block;
    background: transparent top center no-repeat;
    width: 100%;
    height: 143px;
}
.row-m4 ul.m-various li:first-child i {
    background-image: url("/i/ico-gift.jpg");
}
.row-m4 ul.m-various li:first-child + li i {
    background-image: url("/i/ico-partner.jpg");
}
.row-m4 ul.m-various li:first-child + li + li i {
    background-image: url("/i/ico-site.jpg");
}

.main-video {
    margin: -10px auto 25px;
}
.main-video iframe {
    width: 560px;
    height: 315px;

}