[v-cloak] {
    display: none;
}


/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
    font-display: swap;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
    font-display: swap;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
    font-display: swap;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
    font-display: swap;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://www.designevo.com/templates/designevosite/font/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
    font-display: swap;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
    font-display: swap;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: swap;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
    font-display: swap;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
    font-display: swap;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: swap;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://www.designevo.com/templates/designevosite/font/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* CSS Document */
/* CSS Document */
* {
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0
}

body {
    color: #6f6f6f;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 16px;
    /*min-width: 78.125em*/
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif
}

.f_lft {
    float: left
}

.f_rgt {
    float: right
}

.f_clr {
    clear: both
}

.color_fff {
    color: #FFF
}

.bg_f7f7f7 {
    background: #f9f9f9
}

.ctn_1250 {
    width: 78.125em;
    margin: 0 auto
}

.padding_82_83 {
    padding: 5.125em 0 5.188em
}

.padding_140_140 {
    padding: 8.75em 0 8.75em
}

.padding_170_140 {
    padding: 10.625em 0 8.75em
}

.padding_76_76 {
    padding: 4.75em 0
}

.ctn_1200 {
    width: 75em;
    margin: 0 auto
}

.ctn_800 {
    width: 50em;
    margin: 0 auto
}

.ctn_1000 {
    width: 62.5em;
    margin: 0 auto
}

.ctn_980 {
    width: 61.25rem;
    margin: 0 auto;
}

.padding_top_120 {
    padding-top: 7.5em
}

.padding_btm_120 {
    padding-bottom: 7.5em
}

.padding_top_btm_120 {
    padding-top: 7.5em;
    padding-bottom: 7.5em
}

.padding_120_150 {
    padding-top: 7.5em;
    padding-bottom: 9.375em
}

.padding_top_200 {
    padding-top: 12.5em
}

.padding_btm_105 {
    padding-bottom: 6.60em
}

.padding_top_110 {
    padding-top: 6.875em
}

.padding_top_248 {
    padding-top: 15.5em
}

.padding_top_188 {
    padding-top: 11.75em
}

.padding_top_btm_90 {
    padding-top: 5.625em;
    padding-bottom: 5.625em
}

.padding_top_btm_30 {
    padding: 1.875em 0
}

.padding_145_90 {
    padding: 9.062em 0 5.625em 0
}

.padding_top_145 {
    padding-top: 9.063em
}

.padding_btm_145 {
    padding-bottom: 9.063em
}

.padding_top_140 {
    padding-top: 8.75em
}

.padding_btm_140 {
    padding-bottom: 8.75em
}

.padding_top_230 {
    padding-top: 14.375em
}

.padding_top_230_b {
    padding-top: 8.25em
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.height_86 {
    height: 5.375em;
    width: 100%
}

#searchInput {
    background-color: #f9f9f9;
    transition: all 0.5s;
}

#searchInput:focus {
    background-color: #ffffff;
}

.menu_bg {
    background: #fff;
    height: 5.375em;
    position: fixed;
    z-index: 2;
    top: 0;
    width: 100%; /*box-shadow:0 0 3px 0 rgba(0,0,0,0.22);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,0.22);-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.22);*/
    transition: all 0.333s
}

.lft_menu {
    width: 35em;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.lft_menu a {
    display: inline-block
}

.web_logo {
    width: 9.062em;
    height: 2.625em;
    margin: 1.375em 0 0 2.50em;
    display: inline-block
}

.lft_menu ul {
    width: 16em;
    margin: 1.50em 0 0 1.875em;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    transition: all 0.333s
}

.lft_menu ul li a {
    color: #2ac5b3;
    text-decoration: none;
    height: 2em;
    font-size: 1.125em;
    line-height: 2em;
    padding: 0 0.5em;
    min-width: 9.10em;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #2ac5b3
}

.lft_menu ul li a:hover {
    background: #2ac5b3;
    color: #fff
}

.rgt_menu {
    width: 31.25em;
    height: 100%;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0
}

.rgt_menu_joomla_div ul {
    list-style-type: none;
    height: 2.25em;
    transition: all 0.333s;
    margin: 1.5625em 2.187em 0 0
}

.rgt_menu_joomla_div ul li {
    display: inline-block;
    margin: 0 2.50em 0 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    line-height: 2.25em
}

.rgt_menu_joomla_div ul li:last-child {
    margin-right: 0
}

.rgt_menu_joomla_div ul li a {
    color: #303133;
    font-size: 1.0625em;
    text-decoration: none;
    display: block
}

.rgt_menu_joomla_div ul li a:hover {
    color: #2ac5b3
}

.rgt_menu_joomla_div {
    display: inline-block;
    vertical-align: top
}

.h3_42 {
    font-size: 2.25em;
    font-weight: 400
}

.align_center {
    text-align: center
}

.color_fff {
    color: #FFF
}

.color_404040 {
    color: #303133
}

.bg_f8_border_ee {
    background: #f9f9f9
}

.bg_f8_top_ee {
    background: #f9f9f9
}

.bg_f8_non_border {
    background: #f9f9f9
}

.bg_f8_btm_border {
    background: #f9f9f9;
    border-bottom: 1px solid #eee
}

.h_50 {
    font-size: 3.116em;
    font-weight: 500;
    text-align: center;
    color: #FFF
}

.line_800 {
    border-top: 1px dashed #bfbfbf;
    height: 0;
    margin: 4.5em 0
}

.bg_4fc5b2 {
    background: #2ac5b3
}

.bg_39af6a {
    background: #39af6a
}

/*for mobile ad*/
.mobile_ad_bg {
    display: none
}

/*home*/
.home_ban_bg {
    background: url(https://www.designevo.com/images/home/2-5-0/banner.svg) bottom center no-repeat; /*padding:5.375em 0 0;*/
    background-size: cover;
    height: 49.375em;
    overflow: visible
}

.test_ban_b {
    height: 42.375rem
}

.home_ban {
    width: 78.125em;
    padding: 6.875em 0 0;
    margin: 0 auto
}

.home_ban_b {
    padding: 10.75rem 0 0
}

.home_ban h1 {
    font-size: 3.125em;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    margin: 0 0 0.40em
}

.noen_h1 {
    font-size: 2.96em !important
}

/*.logo_txt {width:19.875em;height:2.25em;margin:1.875em auto 3.437em auto;display:block}
*/
.home_ban__title > p {
    text-align: center;
    font-size: 1.3125em;
    opacity: 0.7;
    color: #fff;
    width: 32.90em;
    margin: 0 auto;
    line-height: 1.428em
}

/*.make-logo-container{ opacity:0}*/
.make-logo-container>a{
    display: block;
    text-align: center;
    border-radius: .19em;
    border: 2px solid #fff;
    text-decoration: none;
    font-size: 1.3125em;
    min-width: 12.333em;
    max-width: 14.5em;
    padding: 0 .5em;
    height: 3.047em;
    line-height: 3.047em;
    color: #fff;
    margin: 2.38em auto 1.10em;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    font-weight: 500;
}

.home_ban .rating{
    margin: 0 auto 2.875rem;
}

.create_ban .rating{
    margin-top: 2.50em;
}

.test_a_b > a {
    margin-top: 3.75rem
}

.make-logo-container > a:hover {
    background: #FFF;
    color: #2ac5b3
}

/*.home_ban .home_ban__title {opacity:1}*/
.product_ad {
    width: 50.75em;
    height: 29.75em;
    margin: 0 auto;
    position: relative;
    transform: translateY(70px)
}

.product_ad ul {
    position: absolute;
    left: 19.75em;
    top: 1.75em
}

.product_ad video {
    position: absolute;
    left: 6.125em;
    top: 1.8125em
}

/*.why_choose_container {opacity:0;}*/
.why_choose_intro {
    font-size: 1.188em;
    opacity: 0.60;
    color: #FFF;
    text-align: center;
    margin: 1.05em 0 2.843em
}

.choose-reason-item {
    height: 214px;
}

.choose-reason-item img {
    transform: scale(0.25);
}

.ft_bg {
    background: #161765 repeat
}

.ft_div {
    width: 21em;
    height: 15.60em;
    margin: 0 1.50em 0 0;
    padding: 2.375em 1.875em 2.375em;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    vertical-align: bottom
}

.ft_div_m_top_30 {
    margin-top: 1.875em
}

.first_ft_div {
    padding: 2.375em 0.937em 2.375em 0.937em
}

.padding_btm_5749 {
    padding-bottom: 5.749em
}

.ft_div img {
    width: 5em;
    height: 5em;
    margin: 0 0 1.75em 8em
}

.ft_div h4 {
    font-size: 1.1875em;
    text-align: center;
    margin-bottom: 0.582em;
    font-weight: 500;
    color: #fff
}

.ft_div p {
    font-size: 1em;
    text-align: center;
    color: #fff;
    line-height: 1.562em;
    opacity: 0.6
}

.ft_ctn_396 {
    width: 24.75em;
    float: left;
    margin-top: 2.625em
}

.ft_ctn_804 {
    width: 50.25em;
    float: right
}

.ft_ctn_707 {
    width: 44.1875em;
    float: left
}

.ft_ctn_493 {
    width: 29em;
    float: right;
    margin-top: 1.75em
}

.ft_ctn_485 {
    width: 30.3125em;
    float: left
}

.ft_ctn_705 {
    width: 44.0825em;
    float: right
}

.font_19_c87 {
    font-size: 1.1875em;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 1.6842em
}

.m_btm_32 {
    margin-bottom: 0.671em
}

.what_can_create {
}

.what_can_create__title > p {
    font-size: 1.1875em;
    color: #6f6f6f;
    text-align: center;
    margin: 1.315em 0 1.90em
}

/*.what_can_create__title {opacity:0}*/
.what_can_create ul {
    list-style-type: none;
    position: relative
}

.what-create-item {
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
    overflow: hidden;
}

.what-create-item .what-create-item-mask {
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    width: 100%;
    position: absolute;
    top: 100%;
    transform: translateY(-3.05em);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s
}

.what-create-item .what-create-item-mask .what-create-item-mask-content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    top: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s
}

.what-create-item:nth-child(3), .what-create-item:nth-child(6), .what-create-item:nth-child(7) {
    margin-right: 0;
}

.what-create-item:nth-child(6) img, .what-create-item:nth-child(7) img {
    width: 385px;
}

.what-create-item:nth-child(5) {
    position: absolute;
    left: 0;
    top: 466px;
}

.what_can_create ul li {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.what_can_create ul li a {
    display: block;
    text-decoration: none
}

.what_can_create ul li a h4 {
    font-size: 1.125em;
    font-weight: 500;
    color: #FFF;
    height: 3.05em;
    line-height: 3.05em
}

.what_can_create ul li div p {
    font-size: 1em;
    color: #FFF;
    line-height: 1.562em;
    opacity: 0;
    transition: all 0.5s
}

.what_can_create ul li:hover .what-create-item-mask {
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    transform: translateY(0);
}

.what_can_create ul li:hover .what-create-item-mask .what-create-item-mask-content {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    top: 50%;
    transform: translateY(-50%);
}

.what_can_create img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: scale(1);
    display: block
}

.what_can_create ul li:hover img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: scale(1.1)
}

.what_can_create ul li:hover p {
    opacity: 1;
}

.what_can_create > a {
    text-decoration: none;
    color: #2ac5b3;
    width: 17.50em;
    height: 4.06em;
    margin: 3.125em auto 0;
    display: block
}

.what_can_create > a button {
    width: 100%;
    height: 100%;
    font-size: 1.1875em;
    font-weight: 500;
    background: none;
    color: #2ac5b3;
    border: 1px solid #2ac5b3;
    border-radius: 4px;
    text-align: center
}

.what_can_create > a button span {
    width: 1.05em;
    height: 1.05em;
    background: url(https://www.designevo.com/images/home/2-5-0/learn_more.svg) no-repeat top left;
    display: none;
    margin-left: 1.58em;
    vertical-align: middle
}

.what_can_create > a:hover button {
    color: #FFF;
    background: #2ac5b3;
    cursor: pointer
}

.what_can_create > a:hover button span {
    background: url(https://www.designevo.com/images/home/2-5-0/learn_more.svg) no-repeat bottom left
}

.btm_ad_bg {
    background: url(https://www.designevo.com/images/home/2-5-0/btm_bg.svg) center 10.312em no-repeat;
    padding-bottom: 2.6875em;
    background-size: cover
}

.btm_ad {
    width: 66.25em;
    margin-top: 1.875em;
    margin: 0 auto;
    padding: 6.25em 0 5.875em;
    background: #FFF;
    text-align: center;
    -webkit-box-shadow: 0 0.9375em 2.187em rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 0.9375em 2.187em rgba(0, 0, 0, .18);
    box-shadow: 0 0.9375em 2.187em rgba(0, 0, 0, .18)
}

.btm_ad h3 {
    font-size: 2.25em;
    font-weight: 400;
    color: #000
}

.btm_ad > p {
    font-size: 1.1875em;
    color: #6f6f6f;
    margin: 1.05em 0 2em
}

.btm_ad a {
    display: block;
    border-radius: 0.19em;
    border: 2px solid #2ac5b3;
    text-decoration: none;
    font-size: 1.3125em;
    min-width: 12.333em;
    max-width: 14.5em;
    padding: 0 0.5em;
    height: 3.047em;
    line-height: 3.047em;
    color: #2ac5b3;
    font-weight: 500;
    margin: 0 auto
}

.btm_ad a:hover {
    background: #2ac5b3;
    color: #fff
}

.btm_ad .ad-title p {
    font-size: 1.1875em;
    color: #6f6f6f;
    margin: 1.05em 0 2.89em
}

.rating {
    width: 100%;
    margin: 3.75em auto 0;
    text-align: center
}

.rating img {
    display: inline-block;
    vertical-align: middle;
    width: 8.75rem;
    margin-right: 0.888rem
}

.rating p {
    font-size: 0.9375em;
    color: #303133;
    font-weight: 400;
    margin-top: 0.80em
}

.trustpilot-widget {
    width: 16rem;
    display: inline-block;
    vertical-align: middle
}

.de_trustpilot {
    width: 21.7rem;
}

.es_pt_trustpilot {
    width: 19rem
}

.jp_trustpilot {
    width: 23rem
}

.media_award {
    list-style-type: none;
    margin: 3.125em 0 0;
    width: 100%;
    text-align: center;
}

.media_award li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5.25em
}

.media_award li:last-child {
    margin-right: 0
}

.nogrey_bg {
    background: url(https://www.designevo.com/images/home/btm_patn_nogrey.png)
}

.related-blog-rcm h3 {
    font-size: 2.25em;
    font-weight: 400;
    color: #303133;
    text-align: center;
    margin-bottom: 3.125rem;
}

.related-blog-rcm a {
    text-decoration: none;
}

.related-blog-rcm > div {
    width: 19.0625rem;
    margin-right: 1.76rem;
    display: inline-block;
}

.related-blog-rcm > div:hover {
    -webkit-box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.1);
}

.related-blog-rcm > div:last-child {
    margin-right: 0;
}

.related-blog-rcm > div span {
    width: 19rem;
    height: 11.375rem;
    display: block;
}

.related-blog-rcm > div span img {
    width: 100%;
}

.related-blog-rcm > div div {
    padding: 2.125rem 1.5rem 2.125rem;
    border: 1px solid #e9e9e9;
    border-top: 0;
    background: #fff;
}

.related-blog-rcm > div h4 {
    font-size: 1.1875rem;
    color: #303133;
    font-weight: 500;
    line-height: 1.625rem;
    margin-bottom: 1rem;
}

.related-blog-rcm > div p {
    font-size: 1rem;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 1.5625rem;
}

.popular_rcm li, .popular_rcm li img, .popular_rcm li a, .popular_rcm li span {
    float: left;
    color: #303133
}

.popular_rcm li a:hover span, .popular_rcm_non_en li a:hover span {
    color: #00BAA9
}

.popular_rcm ul, .popular_rcm_non_en ul {
    overflow: auto;
    zoom: 1;
    padding-bottom: 0.85em
}

.popular_rcm_non_en {
    background: #e5ebed repeat
}

.popular_rcm_non_en li, .popular_rcm_non_en li img, .popular_rcm_non_en li a, .popular_rcm_non_en li span {
    float: left;
    color: #303133
}

.search_ctn {
    width: 78.125em;
    margin: 0 auto
}

.search_ctn h3 {
    font-size: 2.25em;
    color: #303133;
    font-weight: 400;
    text-align: center
}

.search_box {
    width: 42.813em;
    margin: 1.875em auto 0 auto;
    position: relative
}

.search_box input {
    border: 1px solid #e4e7e9;
    font-size: 1.0625em;
    color: #303133;
    width: 35.89em;
    height: 3.77em;
    border-radius: 4px;
    border-right: none;
    padding-left: 0.875em
}

.search_box input::-webkit-input-placeholder, .search_box textarea::-webkit-input-placeholder {
    font-weight: normal;
    font-size: 1em;
    color: #a0a0a0 !important
}

.search_box input:-moz-placeholder, .search_box textarea:-moz-placeholder {
    font-weight: normal;
    font-size: 1em;
    color: #a0a0a0 !important
}

.search_box input::-moz-placeholder, .search_box textarea::-moz-placeholder {
    font-weight: normal;
    font-size: 1em;
    color: #a0a0a0 !important
}

.search_box input:-ms-input-placeholder, .search_box textarea:-ms-input-placeholder {
    font-weight: normal;
    font-size: 1em;
    color: #a0a0a0 !important
}

.search_box input:focus {
    outline: none
}

.search_icon {
    background: #2ac5b3;
    width: 4.625em;
    height: 4em;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #2ac5b3;
    border-radius: 0 4px 4px 0
}

.search_icon:hover {
    background: #00BAA9;
    cursor: pointer
}

.search_icon img {
    width: 1.625em;
    height: 1.625em;
    margin: 1.1875em 0 0 1.50em
}

.rcm_tag {
    text-align: center;
    margin: 1.563em 0 1.50em 0;
    list-style-type: none;
    padding: 0
}

.rcm_tag li {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #474747;
    font-size: 1em;
    font-weight: 400;
    padding: 0 0.9375em;
    margin: 0 0 0 0.9375em;
    height: 2.25em;
    line-height: 2.25em;
    background: #fff;
    overflow: hidden
}

.rcm_tag li:hover {
    cursor: pointer;
    color: #00BAA9
}

.rcm_tag li:first-child {
    color: #aaaaaa;
    background: none;
    padding: 0;
    margin: 0;
    border: none
}

.rcm_tag li:first-child:hover {
    cursor: default
}

.rcm_list {
    margin: 0 !important
}

.tem_margin_top {
    margin-top: 2.5em
}

.en_42 {
    font-size: 2.625em !important
}

.en_42_b {
    width: 43.75rem;
    margin: 0 auto 0.40em !important;
    line-height: 1.50em;
    font-size: 3.125rem !important
}

/*create*/
.create_top_bg {
    background: url(https://www.designevo.com/images/create/common/2-5-0/top_ban_bg.webp?v=1) center center;
    background-size: cover
}

.create_top_bg_b {
    background: url(https://www.designevo.com/images/create/common/2-5-0/top_ban_bg_b.webp?v=1.0.1)
}

.create_ban {
    width: 78.125em;
    margin: 0 auto;
    padding: 7em 0 2.625em 0
}

.test_ban_padding {
    padding: 10.375em 0 5em
}

.test_padding_84 {
    padding-top: 4.875rem
}

.test_title_32 {
    font-size: 2rem !important;
}

.test_margin_20 {
    margin-top: 1.25rem
}

.test_theme_list_margin {
    margin-top: 1% !important;
}

.create_ban h1 {
    font-size: 2.625em;
    font-weight: 500;
    color: #FFF;
    text-align: center
}

.create_ban p {
    width: 52.13em;
    font-size: 1.187em;
    text-align: center;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.578em;
    padding: 1.578em 0 2.31rem 0;
    font-weight: 400
}

.create_ban_p_padding {
    padding: 1.578em 0 2.31em 0 !important
}

.create_ban a {
    display: block;
    text-align: center;
    border-radius: 0.19em;
    border: 2px solid #FFF;
    text-decoration: none;
    font-size: 1.3125em;
    min-width: 12.333em;
    max-width: 15.50em;
    padding: 0 0.5em;
    height: 3.048em;
    line-height: 3.048em;
    color: #FFF;
    margin: 0 auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-weight: 500
}

.create_ban_b a {
    background: #2ac5b3;
    border: 2px solid #2ac5b3
}

.create_ban a:hover {
    background: #fff;
    color: #2ac5b3
}

.create_ban_b a:hover {
    background: #00BAA9;
    border: 2px solid #00BAA9;
    color: #fff
}

.create_ban ul {
    list-style-type: none;
    font-weight: 500;
    width: 78.125em;
    margin: 5.625em auto 0;
    display: table;
    text-align: center
}

.create_ban ul li {
    display: inline-block;
    line-height: 2.470em;
    height: 2.470em;
    padding-left: 2.705em;
    position: relative;
    margin-right: 7em;
    font-size: 1.0625em;
    color: rgba(0, 0, 0, 0.4)
}

.create_ban_b ul li {
    color: rgba(255, 255, 255, 0.4)
}

.create_ban ul li span {
    width: 1.765em;
    height: 1.765em;
    position: absolute;
    left: 0;
    top: 0.235em;
    display: block;
    opacity: 0.4
}

.create_ban ul li:last-child {
    margin-right: 0
}

.create_ban ul li:first-child span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/template.svg) no-repeat;
    background-size: cover
}

.create_ban_b ul li:first-child span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/template_b.svg) no-repeat;
    background-size: cover
}

.create_ban ul li:nth-child(2) span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/icon.svg) no-repeat;
    top: 0.117em;
    background-size: cover
}

.create_ban_b ul li:nth-child(2) span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/icon_b.svg) no-repeat;
    top: 0.117em;
    background-size: cover
}

.create_ban ul li:nth-child(3) span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/text.svg) no-repeat;
    background-size: cover
}

.create_ban_b ul li:nth-child(3) span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/text_b.svg) no-repeat;
    background-size: cover
}

.create_ban ul li:last-child span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/custom.svg) no-repeat;
    background-size: cover
}

.create_ban_b ul li:last-child span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/custom_b.svg) no-repeat;
    background-size: cover
}

.theme_media_review_bg {
    background: #f3f3f3;
    padding: 2.282em 0
}

.theme_media_review {
    width: 65.625em;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle
}

.theme_media_review img {
    width: 6.562em;
    height: 6.562em;
    display: inline-block;
    margin-right: 2.50em
}

.theme_media_review div {
    width: 56.25em;
    display: inline-block;
    text-align: left
}

.theme_media_review p:first-child {
    font-size: 1.0625em;
    line-height: 1.411em;
    color: #6f6f6f;
    font-style: italic
}

.theme_media_review p:last-child {
    margin-top: 1em;
    font-size: 1.0625em;
    color: #a5a5a5
}

.theme_media_review p span {
    display: inline-block;
    width: 0.588em;
    height: 0.588em
}

.theme_media_review p span:first-child {
    background: url(https://www.designevo.com/images/create/common/2-5-0/quo_02.svg) no-repeat
}

.theme_media_review p span:last-child {
    background: url(https://www.designevo.com/images/create/common/2-5-0/quo_01.svg) no-repeat
}

.theme_h3 {
    font-size: 2.25em;
    font-weight: 400;
    color: #303133;
    text-align: center
}

.theme_p {
    width: 55.263em;
    font-size: 1.1875em;
    color: #6f6f6f;
    line-height: 1.6842em;
    margin: 0.6em auto 2.53em;
    text-align: center
}

.theme_list, .type_list {
    list-style-type: none;
    width: 100%;
    margin-top: 2.65%;
    text-align: center
}

.theme_list li, .type_list li {
    width: 23.20%;
    margin: 2.0% 2.0% 0 0;
    display: inline-block;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s
}

.theme_list li img, .type_list li img {
    width: 100%;
    height: 290px;
    float: left
}

.theme_list li span, .type_list li span {
    display: inline-block;
    border-top: 1px solid #e4e4e4;
    font-size: 1em;
    width: 94.5%;
    padding: 6.94% 0 6.94% 5.5%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #FFF
}

.theme_list li a, .type_list li a {
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    cursor: pointer
}

.theme_list li a:hover, .type_list li a:hover {
    color: #2ac5b3
}

.theme_list li:nth-child(4n), .theme_list li:last-child, .type_list li:nth-child(4n), .type_list li:last-child {
    margin-right: 0
}

.theme_list li:hover, .type_list li:hover {
    box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.1)
}

.theme_see_more_logo {
    list-style-type: none;
    margin: 3.125em auto;
    width: 17.50em
}

.theme_see_more_logo li {
    height: 4em;
    border: 1px solid #2ac5b3;
    text-align: center;
    border-radius: 0.25em;
    line-height: 4em
}

.theme_see_more_logo li:hover {
    background: #2ac5b3
}

.theme_see_more_logo li a {
    color: #2ac5b3;
    text-decoration: none;
    font-size: 1.1875em;
    display: block
}

.theme_see_more_logo li a:hover {
    color: #FFF
}

/*.ctn_970 {width:60.625em;margin:0 auto}*/
.step_h3 {
    font-size: 2.25em;
    font-weight: 400;
    color: #303133;
    text-align: center
}

.step_intro {
    font-size: 1.1875em;
    margin: 1.315em 0 3.578em;
    text-align: center
}

.step_animation {
    width: 60.80%;
    height: 26.125em;
    display: inline-block;
    vertical-align: middle;
    background: url(https://www.designevo.com/images/create/common/2-5-0/ftu_pc.png) center center no-repeat;
    position: relative
}

.step_animation ul {
    position: absolute;
    top: 1.6875em;
    left: 8.1875em;
    width: 31.25em;
    height: 19.813em;
    overflow: hidden
}

.step_animation ul li {
    display: inline-block;
    vertical-align: bottom;
    position: absolute
}

.step_animation ul li img {
    width: 100%
}

.step_guide {
    width: 38.85%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding-top: 2.50em
}

.step_ctn {
    width: 90%;
    margin-bottom: 4.375em;
    padding-left: 10%
}

.step_ctn h4 {
    font-size: 1.3125em;
    font-weight: 500;
    color: #303133;
    margin-bottom: 0.75em
}

/*.step_ctn:hover h4 {color:#2ac5b3}*/
/*.step_ctn:hover {cursor:pointer}*/
.step_ctn h4 img {
    width: 2.215em;
    height: 2.215em;
    position: absolute;
    top: 0;
    left: 0
}

.step_ctn p {
    font-size: 1.0625em;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 1.647em
}

/*.m_top_73 {margin-top:4.5625em;position:relative}*/
.step_line {
    border-left: 1px solid #d4d4d4;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 1.031em;
    z-index: 0
}

.step_line span {
    display: block;
    border: 1px solid #d4d4d4;
    border-radius: 100%;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    position: absolute;
    left: -1.1em;
    z-index: 1;
    background: #FFF
}

.step_line span:first-child {
    top: 2em
}

.step_line span:nth-child(2) {
    top: 12.625em
}

.step_line span:nth-child(3) {
    top: 23.125em
}

/*.why_h3 {font-size:2.625em;font-weight:400;text-align:center;color:#303133}
.why_div {width:15.937em;margin:3.70em 3.75em 0 0;float:left}
.why_div img {width:6.875em;margin:0 0 1em 4.531em}
.why_div h4 {font-size:1.25em;text-align:center;margin-bottom:0.5em;font-weight:500;color:#303133}
.why_div p {font-size:1.0625em;text-align:center;opacity:0.6;color:#000;line-height:1.625em}*/
.theme_btm_bg {
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#48d59f, endcolorstr=#3fb9ae, gradientType=1);
    background: -ms-linear-gradient(left, #48d59f, #3fb9ae);
    background: -moz-linear-gradient(left, #48d59f, #3fb9ae);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48d59f), to(#3fb9ae));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48d59f), to(#3fb9ae));
    background: -webkit-linear-gradient(left, #48d59f, #3fb9ae);
    background: -o-linear-gradient(left, #48d59f, #3fb9ae)
}

.padding_165_128 {
    padding: 10.3125em 0 8em 0
}

.theme_h2 {
    font-size: 2.25em;
    font-weight: 400;
    color: #FFF;
    text-align: center
}

.theme_ad_p {
    font-size: 1.1875em;
    color: #fff;
    text-align: center;
    margin: 1.05em 0 2.157em
}

.theme_btm_btn {
    display: block;
    text-align: center;
    border-radius: 0.19em;
    border: 2px solid #fff;
    text-decoration: none;
    font-size: 1.3125em;
    min-width: 12.333em;
    max-width: 15em;
    padding: 0 0.5em;
    height: 3.048em;
    line-height: 3.048em;
    color: #fff;
    margin: 0 auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-weight: 500
}

.theme_btm_btn:hover {
    background: #fff;
    color: #2ac5b3
}

.theme_line {
    border-top: 1px dashed #c8c7c7;
    margin: 6.875em 0 6.25em
}

.relate_list {
    list-style: none;
    text-align: center;
    margin-top: 0.952em
}

.relate_list li {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #474747;
    font-size: 1em;
    font-weight: 400;
    padding: 0 0.9375em;
    height: 2.25em;
    line-height: 2.25em;
    background: #fff;
    margin: 0.9375em 0 0 0.9375em
}

.relate_list li a {
    display: block;
    color: #6f6f6f;
    text-decoration: none
}

.relate_list li a:hover {
    color: #2ac5b3
}


.padding_btm_140 .more {
    display: none;
}

.padding_btm_140__active ul {
    height: 170px;
    overflow: hidden;
}

.padding_btm_140__active .more {
    display: block;
}

/*.relate_list li:last-child {border:none;padding-right:0}
.relate_list li:first-child {padding-left:0}*/
.relate_list_title {
    font-size: 1.625em;
    font-weight: 400;
    color: #303133;
    text-align: center
}

.cate_menu_bg {
    background: #212121
}

.cate_menu {
    list-style-position: outside;
    float: left;
    width: 14.89em;
    margin-right: 4.505em;
    padding-left: 1.25em;
    list-style-type: disc
}

.cate_menu li {
    margin-bottom: 1.5625em;
    color: #2ac5b3
}

.cate_menu li:last-child {
    margin: 0
}

.cate_menu a {
    color: #fff;
    text-decoration: none;
    font-size: 1.0625em
}

.cate_menu a:hover {
    color: #2ac5b3;
    text-decoration: underline
}

.test_ftu_ul {
    list-style-type: none;
    font-weight: 500;
    width: 78.125em;
    margin: 5.625em auto 0;
    display: table;
    text-align: center;
}

.test_ftu_ul li {
    display: inline-block;
    line-height: 2.47em;
    height: 2.47em;
    padding-left: 2.705em;
    position: relative;
    margin-right: 7em;
    font-size: 1.0625em;
    color: rgba(0, 0, 0, .4);
}

.test_ftu_ul li:last-child {
    margin-right: 0;
}

.test_ftu_ul li span {
    width: 1.765em;
    height: 1.765em;
    position: absolute;
    left: 0;
    top: .235em;
    display: block;
    opacity: .4;
}

.test_ftu_ul li:first-child span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/template.svg) no-repeat;
    background-size: cover;
}

.test_ftu_ul li:nth-child(2) span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/icon.svg) no-repeat;
    top: .117em;
    background-size: cover;
}

.test_ftu_ul li:nth-child(3) span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/text.svg) no-repeat;
    background-size: cover;
}

.test_ftu_ul li:last-child span {
    background: url(https://www.designevo.com/images/create/common/2-5-0/custom.svg) no-repeat;
    background-size: cover;
}

.test_padding_154_40 {
    padding: 9.375rem 0 1.687rem !important
}

/*category*/
.cate_ban {
    padding: 7em 0 7em 0
}

.cate_ban p {
    padding: 0.528em 0 2.421em 0
}

.cate_list {
    list-style-type: disc;
    list-style-position: outside;
    width: 21.25em;
    margin-right: 3.7em;
    float: left;
    padding-left: 1.25em
}

.cate_list li {
    margin-bottom: 1.50em
}

.cate_list li a {
    color: #303133;
    text-decoration: none;
    font-size: 1.125em
}

.cate_list li a:hover {
    text-decoration: underline;
    color: #2ac5b3
}

.cate_list li:last-child {
    margin-bottom: 0
}

/*footer*/
.padding_top_106 {
    padding-top: 6.625em
}

.padding_btm_85 {
    padding-bottom: 5.3125em
}

.brand_intro {
    width: 100%
}

.brand_intro h4 {
    font-size: 1.0625em;
    color: #FFF;
    opacity: 0.4;
    font-weight: 300;
    margin-bottom: 0.88em
}

.brand_intro p {
    font-size: 1.0625em;
    line-height: 1.50em
}

.ft_menu_line {
    border-top: 1px solid #000;
    border-bottom: 1px solid #424242;
    height: 0
}

.copy_social {
    padding: 1.313em 0
}

.copy_social p {
    font-size: 0.9375em;
    font-weight: 400;
    color: #FFF;
    opacity: 0.4;
    line-height: 1.6em;
    display: inline-block;
    width: 80%;
    vertical-align: middle
}

.copy_social ul {
    list-style-type: none;
    width: 19.60%;
    display: inline-block;
    vertical-align: middle
}

.copy_social li {
    width: 2.5em;
    height: 2.5em;
    margin-right: 1.3em;
    display: inline-block;
    position: relative
}

.copy_social li a {
    display: block
}

.copy_social li span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.copy_social li:hover span {
    background: rgba(0, 0, 0, 0.1)
}

.copy_social li:last-child {
    margin-right: 0
}

/*language*/
.language_box {
    width: 12.625em;
    position: relative;
    margin-top: 1.562em
}

.language {
    width: 99%;
    border: 1px solid #fff;
    height: 2.25em;
    border-radius: 4px
}

.language.active {
    border: 1px solid #fff
}

.language span {
    color: #FFF;
    width: 86%;
    padding: 5% 0 0 3%;
    display: inline-block;
    font-size: 0.956em
}

.language:focus {
    border: 1px solid #fff;
    outline: 0
}

.language div {
    position: absolute;
    top: 40%;
    right: 3.5%;
    width: 5%;
    background: url(https://www.designevo.com/images/home/lang-arrow.svg) 0 0 no-repeat;
    height: 7px
}

.lang_list {
    width: 99%;
    border: 1px solid #fff;
    padding: 0;
    list-style-type: none;
    display: none;
    position: absolute;
    background: #161616;
    bottom: 2.375em;
    border-radius: 4px 4px 0 0
}

.lang_list li a {
    color: #FFF;
    font-size: 0.956em;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 0.35em 0
}

.lang_list li {
    list-style-type: none;
    list-style-type: none;
    padding-left: 3%
}

.lang_list li:hover {
    background: #1c1c1b
}

/*about*/
.about_bg {
    background: url(https://www.designevo.com/images/misc/2-5-0/about_ban.png) no-repeat center center;
    background-size: cover;
    padding-top: 8.75em; /*margin-top:5.375em*/
}

.about_bg h1 {
    font-size: 2.625em;
    color: #fff;
    font-weight: 500;
    text-align: center
}

.about_ban {
    height: 25.25em;
    position: relative;
    width: 78.125em;
    margin: 0 auto
}

.about_ban img {
    position: absolute;
    bottom: -13em;
    left: 11.812em
}

.padding_top_288 {
    padding-top: 20.25em
}

.padding_top_272 {
    padding-top: 17em
}

.about_ban p {
    font-size: 1.1875em;
    width: 52.63em;
    text-align: center;
    margin: 1.88em auto 0;
    color: #FFF;
    line-height: 1.685em
}

.about h3 {
    font-size: 2em;
    font-weight: normal;
    color: #303133;
    text-align: center;
    margin: 0 0 1em
}

.about p {
    font-size: 1.0625em;
    line-height: 1.65em
}

.about p:nth-child(n+2) {
    margin-top: 1em
}

.about p a {
    color: #6f6f6f;
    text-decoration: underline
}

.can_we_do h3, .can_we_do div h4 {
    font-size: 2em;
    color: #303133;
    text-align: center;
    font-weight: normal
}

.can_we_do div {
    width: 20.32em;
    padding: 0 1em;
    display: inline-block;
    vertical-align: top;
    margin: 3.75em 5.095em 0 0;
    text-align: center
}

.can_we_do div img {
    width: 5.625em;
    height: 3.75em
}

.can_we_do div h4 {
    font-size: 1.3125em;
    margin: 1em 0 0.762em
}

.can_we_do div p {
    font-size: 1.0625em;
    color: #6f6f6f;
    line-height: 1.65em
}

.about_info h3 {
    font-size: 2.115em;
    font-weight: normal;
    margin: 3.117em 0 0.618em 0;
    color: #303133
}

.about_info p {
    line-height: 2.120em;
    text-align: center
}

.about_info ul {
    list-style-type: none;
    text-align: center;
    margin-top: 1.935em
}

.about_info ul li {
    display: inline-block;
    margin-right: 7%;
    height: 3.375em
}

.about_info ul li:last-child {
    margin: 0
}

.or_txt {
    text-align: center;
    margin: 5.625em 0
}

.line_75 {
    width: 46%;
    border-top: 1px dashed #bfbfbf;
    height: 0;
    margin: 0;
    display: inline-block
}

.or_txt span {
    display: inline-block;
    padding: 0 15px;
    color: #bababa
}

.about_h3 {
    margin: 0 !important
}

.m_top_85 {
    margin-top: 5.3125em
}

.material img {
    display: inline-block;
    vertical-align: middle
}

.material h3 {
    color: #FFF;
    font-size: 2em;
    font-weight: normal
}

.material div {
    width: 25.32em;
    margin: 0 0 0 2.875em;
    display: inline-block;
    vertical-align: middle
}

.material div p {
    color: #FFF;
    font-size: 1.1875em;
    line-height: 1.68em;
    width: 100%;
    margin-top: 1.789em
}

.material div p a {
    color: #FFF;
    text-decoration: underline
}

.material div p a:hover {
    color: #0f6d6c
}

/*privacy*/
.pvc_ban_bg {
    background: url(https://www.designevo.com/images/misc/privacy_bg.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden
}

.pvc_ban {
    width: 49.99em;
    margin: 0 auto;
    position: relative;
    padding: 11.025em 0
}

.bg_pvc {
    background: #f9f9f9
}

.pvc_important h1 {
    font-size: 2.115em;
    color: #303133;
    margin-bottom: 0.2em;
    font-weight: 400
}

.pvc_important p {
    font-size: 1.1875em;
    line-height: 1.789em;
    margin-bottom: 1.578em;
    color: #303133
}

.pvc_important p:nth-child(1) {
    font-size: 1.0625em;
    color: #686c78
}

.pvc_important p:last-child {
    margin-bottom: 0
}

.pvc_item h3 {
    font-size: 1.625em;
    color: #303133;
    margin-bottom: 1em;
    font-weight: 500
}

.pvc_item h4 {
    font-size: 1.0625em;
    font-weight: 500;
    color: #303133;
    margin-bottom: 1em;
    list-style-type: disc
}

.pvc_item ul {
    font-size: 1.0625em;
    line-height: 1.64em;
    list-style-position: outside;
    padding-left: 0.88em
}

.pvc_important p a {
    text-decoration: underline;
    color: #2ac5b3
}

.pvc_important p a:hover {
    color: #00BAA9
}

.pvc_item ul li {
    margin-bottom: 1.578em
}

.pvc_item ul li span {
    display: block;
    margin-top: 1em
}

/*bread nav*/
.bread_nav {
    list-style-type: none;
    position: absolute;
    bottom: 0;
    left: 0
}

.bread_nav li {
    color: #fff;
    display: inline-block;
    width: 10.375em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 4em;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    background: rgba(0, 0, 0, 0.2);
    vertical-align: bottom;
    line-height: 4em;
    text-align: center;
    margin-right: 0.875em
}

.bread_nav li.ca{
    width: 14em;
}


.bread_nav li:hover {
    background: rgba(255, 255, 255, 0.2)
}

.bread_nav li a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 1.1875em
}

.bread_nav li span {
    display: block;
    background: #FFF
}

.bread_nav li span a {
    color: #303133
}

/*feedback*/
.fd_bg {
    background: url(https://www.designevo.com/images/misc/2-5-0/fd_banner.png) center center no-repeat; /*margin-top:5.375em*/
}

.fd_ban {
    width: 75em;
    margin: 0 auto;
    padding: 80px 0;
}

.fd_ban h1 {
    font-size: 2.625em;
    color: #fff;
    text-align: center;
    font-weight: 500
}

.lft_fd_info {
    width: 28.125em;
    float: left
}

.lft_fd_info h3 {
    font-size: 1.3125em;
    font-weight: 500;
    color: #303133
}

.lft_fd_info p {
    font-size: 1.0625em;
    color: #6f6f6f;
    line-height: 1.647em;
    margin: 1.412em 0 1.17em
}

.clr_margin_top {
    margin: 0 !important
}

.lft_fd_info h4 {
    font-size: 1.0625em;
    color: #303133;
    margin: 2.94em 0 0.588em;
    font-weight: normal
}

.lft_fd_info ul {
    list-style-type: none
}

.lft_fd_info li {
    display: inline-block;
    margin-right: 1em;
    position: relative;
    width: 2.5em;
    height: 2.5em
}

.lft_fd_info li a {
    display: block
}

.lft_fd_info li span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.lft_fd_info li:hover span {
    background: rgba(0, 0, 0, 0.1)
}

.feedback {
    width: 43.125em;
    float: right
}

.feedback input::-webkit-input-placeholder, .feedback textarea::-webkit-input-placeholder {
    font-weight: normal;
    font-size: 1.0625em;
    color: #9a9a9a
}

.feedback input:-moz-placeholder, .feedback textarea:-moz-placeholder {
    font-weight: normal;
    font-size: 1.0625em;
    color: #9a9a9a
}

.feedback input::-moz-placeholder, .feedback textarea::-moz-placeholder {
    font-weight: normal;
    font-size: 1.0625em;
    color: #9a9a9a
}

.feedback input:-ms-input-placeholder, .feedback textarea:-ms-input-placeholder {
    font-weight: normal;
    font-size: 1.0625em;
    color: #9a9a9a
}

.captcha {
    width: 18.742em;
    height: 12.498em;
    margin: 1.875em auto 2.25em;
    position: relative
}

.freshen {
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 14.60em;
    right: 0.875em;
    background: url(https://www.designevo.com/images/misc/2-5-0/refresh.svg) no-repeat center center;
    z-index: 2
}

.freshen:hover {
    cursor: pointer
}

.user-text {
    width: 18.125em;
    height: 3em;
    border: 1px solid #d4d4d4;
    font-size: 1em;
    border-radius: 0.25em;
    color: #000;
    margin: 0.88em 0 0 0;
    background: #fff;
    padding-left: 0.50em
}

.user-text:focus {
    outline: none;
    border: 1px solid #2ac5b3
}

.required_star {
    color: #da0000
}

.contact-from {
    text-align: center;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    width: 100%
}

textarea {
    font-family: 'Roboto', Helvetica, Arial, sans-serif
}

.contact-from select {
    width: 100%;
    padding: 0.882em 3%;
    border-radius: 0.25em;
    border: 1px solid #d4d4d4;
    margin-top: 20px;
    font-size: 1.0625em;
    color: #303133;
    background: url(https://www.designevo.com/images/misc/2-5-0/arrow.svg) no-repeat 97.5% 50% #f8f8f8;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    position: relative
}

.contact-from select span {
    display: block;
    width: 0.706em;
    height: 0.706em;
    position: absolute;
    top: 1.176em;
    right: 1.235em
}

.full-name, .email-address {
    font-size: 0.9375em;
    width: 42%;
    height: auto;
    background: #fff;
    border: 1px solid #d4d4d4; /*margin-top:30px;*/
    padding: 15px 3%;
    color: #000;
    border-radius: 4px;
}

.your-message {
    font-size: 17px;
    width: 94%;
    background: #fff;
    border: 1px solid #d4d4d4;
    height: 330px;
    resize: none;
    margin-top: 20px;
    padding: 15px 3%;
    color: #000;
    border-radius: 4px;
}

.contact-submit {
    font-size: 1.1875em;
    width: 300px;
    height: 52px;
    background: #2AC5B3;
    color: #fff;
    margin-top: 36px;
    border-radius: 4px;
    border: 1px solid #2ac5b3
}

.contact-submit:hover {
    background: #00BAA9;
    cursor: pointer;
    color: #fff;
    border: 1px solid #00BAA9
}

.contact-from select:focus, .full-name:focus, .email-address:focus, .your-message:focus {
    outline: none;
    border: 1px solid #2ac5b3;
}

.contact-submit:focus {
    outline: none !important
}

.u-cover-social .u-cover, .u-cover-animate .u-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.u-cover-animate .u-cover {
    background: #44C4E7;
    opacity: 0;
}

.u-cover-social li {
    position: relative;
}

.u-cover-social .u-cover {
    border-radius: 0.25em;
    background: rgba(0, 0, 0, 0);
}

.u-cover-social li:hover .u-cover {
    background: rgba(0, 0, 0, 0.2)
}

.g-recaptcha {
    width: 18.75em;
    margin: 1em auto
}

.g-recaptcha_static {
    position: relative;
    left: -25px
}

.contact__msg {
    margin-top: 0.50em
}

.contact__msg p {
    font-size: 1em;
    color: #F00
}

.feedback_ctn {
    width: 62.5em;
    margin: 0 auto;
    padding: 7.5em 0
}

.feedback_ctn h1 {
    margin: 2.083em 0 1.166em 0;
    font-size: 2.25em
}

.feedback_ctn p {
    font-size: 1.125em;
    line-height: 1.7em
}

/*support*/
.sp_ban_bg {
    background: url(https://www.designevo.com/images/misc/2-5-0/sp_banner.png) center center;
    background-size: cover; /*margin-top:5.375em*/
}

.sp_ban {
    width: 78.125em;
    margin: 0 auto;
    padding: 10em 0
}

.sp_ban h1 {
    color: #FFF;
    font-size: 2.625em;
    text-align: center;
    font-weight: 500
}

.sp_box {
    width: 19.81em;
    background: #f9f9f9;
    padding: 0 2.22em 2.88em;
    float: left;
    margin-right: 2.68em;
    position: relative;
    height: 290px;
}

.sp_box img {
    position: absolute;
    top: -3.187em;
    left: 8.9375em
}

.sp_box h3 {
    text-align: center;
    margin: 2.916em 0 0;
    color: #303133;
    font-size: 1.3125em;
    font-weight: 500
}

.sp_box p {
    text-align: center;
    font-size: 1.0625em;
    line-height: 1.588em;
    margin: 1em 0 0 0
}

.sp_box a {
    position: absolute;
    margin: 0 auto;
    width: 8.52em;
    height: 2.22em;
    left: 0;
    right: 0;
    bottom: 36px;
    display: block;
    line-height: 2.22em;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #2ac5b3;
    color: #2ac5b3;
    font-size: 1.1875em;
    text-align: center;
}

.sp_box a:hover {
    background: #2ac5b3;
    color: #FFF
}

.margin_top_280 {
    margin-top: 2.80em !important
}

/*template*/
.tmp_bg {
    background: url(https://www.designevo.com/images/misc/tem_bg.jpg) repeat-x center center;
    background-size: cover
}

.tmp_ban {
    width: 75em;
    margin: 0 auto;
    padding: 9.607em 0 6.075em 0
}

.tmp_ban h1 {
    font-size: 2.875em;
    color: #FFF;
    font-weight: 400;
    text-align: center;
    margin: 0 0 0.489em 0
}

.tmp_ban p {
    font-size: 1.4287em;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    line-height: 1.5em;
    opacity: 0.7
}

.tmp_ban ul {
    list-style-type: none;
    margin: 0 auto
}

.tmp_ban ul a {
    display: block;
    text-align: center;
    border-radius: 0.444em;
    border: 1px solid #FFF;
    text-decoration: none;
    font-size: 1.125em;
    width: 15.367em;
    height: 3.375em;
    line-height: 3.375em;
    color: #FFF;
    margin: 4.05em auto 0 auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s
}

.tmp_ban ul a:hover {
    background: #fff;
    color: #00BAA9
}

.tmp_box {
    width: 75em;
    margin: 4.640em auto 3.937em auto
}

.tmp_box_sub {
    margin-top: 10.562em
}

.lft_tmp_box {
    width: 18em;
    float: left;
    padding: 0;
    display: none
}

.rgt_tmp_box {
    width: 53em;
    margin: 0 auto /*float:right*/
}

.lft_tmp_box h2 {
    font-size: 1.181em;
    font-weight: 500;
    color: #303133;
    padding: 0 0 0 1.875em
}

.lft_tmp_box ul {
    list-style-type: none;
    border: 1px solid #efefef;
    background: #f8f8f8;
    border-radius: 4px;
    margin-top: 0.618em;
    padding: 1.562em 1.875em
}

.lft_tmp_box ul li {
    height: 2em;
    line-height: 2em
}

.lft_tmp_box ul li a {
    color: #686c78;
    text-decoration: none;
    font-size: 1.062em
}

.lft_tmp_box ul li a:hover {
    color: #00BAA9
}

.rgt_tmp_box ul li {
    width: 16.66em;
    margin: 0 1.25em 1.476em 0;
    display: inline-block;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s
}

.rgt_tmp_box ul li:nth-child(3n) {
    margin-right: 0
}

.rgt_tmp_box ul li img {
    width: 100%
}

.rgt_tmp_box ul li:hover {
    box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.1)
}

.rgt_tmp_box ul li span {
    display: block;
    border-top: 1px solid #e4e4e4;
    font-size: 0.99em;
    width: 94.5%;
    padding: 6.94% 0 6.94% 5.5%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #FFF
}

.rgt_tmp_box ul li span a {
    text-decoration: none;
    display: block;
    width: 100%;
    line-height: 1.5em;
    color: #686c78;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rgt_tmp_box ul li span a:hover {
    color: #00BAA9
}

.tmp_info {
    padding: 5.062em 3.515em 2.531em 3.515em;
    width: 45.90em;
    border: 1px solid #efefef;
    background: #FFF;
    border-radius: 4px
}

.tmp_info h1 {
    font-size: 2.115em;
    color: #303133;
    font-weight: normal;
    text-align: center;
    margin: 0 0 1.17em 0;
    line-height: 1.2em
}

.tmp_info a {
    display: block;
    text-align: center;
    margin-bottom: 3.2em
}

.tmp_info img {
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s
}

.tmp_info p {
    text-align: left;
    font-size: 1.181em;
    line-height: 1.78em;
    margin-bottom: 1.3125em;
    color: #686c78
}

.startbtn {
    margin: 0 0 3.515em 13.95em
}

.startbtn a {
    display: block;
    text-align: center;
    border-radius: 0.444em;
    border: 1px solid #f6a821;
    text-decoration: none;
    font-size: 1.125em;
    width: 16em;
    height: 3em;
    line-height: 3em;
    color: #f6a821;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s
}

.startbtn a:hover {
    background: #f6a821;
    color: #fff
}

.related_tmp {
    padding: 3.937em 3.515em;
    width: 45.812em;
    border: 1px solid #e7e7e7;
    background: #FFF;
    margin: 2.109em 0 4.640em 0;
    border-radius: 4px;
    display: none
}

.related_tmp h3 {
    font-size: 1.743em;
    font-weight: normal;
    color: #303133;
    margin: 0 0 0.3em 0
}

.related_tmp ul li {
    font-size: 1.125em;
    width: 19.30em;
    list-style-type: disc;
    list-style-position: inside;
    margin: 0.75em 0 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.3em;
    display: inline-block
}

.related_tmp ul li:nth-child(2n) {
    margin-right: 0
}

.related_tmp ul li:nth-child(2n+1) {
    margin-right: 1.875em
}

.related_tmp ul li a {
    color: #686c78;
    text-decoration: none
}

.related_tmp ul li a:hover {
    text-decoration: underline;
    color: #00BAA9
}

/*404*/
.bg_404 {
    background: url(https://www.designevo.com/images/404/bg.jpg) no-repeat;
    background-size: cover;
    padding-top: 4.25em
}

.ctn_404 {
    width: 50em;
    padding: 8.5em 0 7.5em 0;
    margin: 0 auto
}

.ctn_404 img {
    margin: 0 0 1.875em 17.375em
}

.ctn_404 h1 {
    text-align: center;
    font-size: 2.625em;
    font-weight: 400;
    color: #303133
}

.ctn_404 p {
    font-size: 1.1875em;
    line-height: 2.42em;
    text-align: center;
    margin-top: 2.526em
}

.ctn_404 p span {
    display: inline-block;
    width: 7.473em;
    height: 2.42em;
    background: #f6a821;
    border-radius: 5px
}

.ctn_404 p span a {
    color: #fff;
    text-decoration: none
}

.bg_404_f8 {
}

.bg_404_f8 h2 {
    font-size: 1.5em;
    font-weight: 500;
    color: #303133;
    margin-bottom: 1.5em;
    text-align: center
}

/*faq*/
.faq_bg {
    background: #2b3d4f no-repeat;
    overflow: hidden; /*margin-top:5.375em*/
}

.faq_ban {
    width: 75em;
    margin: 0 auto;
    padding: 9.37em 0
}

.faq_ban h1 {
    font-size: 2.625em;
    font-weight: 500;
    text-align: center;
    color: #fff
}

.faq_ban p {
    font-size: 1.3125em;
    margin-top: 1.413em;
    text-align: center;
    color: #FFF;
    opacity: 0.8
}

.faq_section > div {
    width: 50em;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #d2d2d2;
    margin-left: 4.50em
}

.faq_section h2 {
    font-size: 2em;
    font-weight: normal;
    color: #303133;
    width: 7.937em;
    display: inline-block;
    vertical-align: top;
    text-align: right
}

/*.faq_section h2:nth-child(1) {margin:0 0 1.17em 0}*/
.faq_section h3 {
    font-size: 1.125em;
    color: #303133;
    margin-top: 2.333em;
    font-weight: 500
}

.faq_section .faq_item {
    margin-left: -2px;
    padding-left: 4.125em;
    position: relative;
    border-left: 3px solid rgba(0, 0, 0, 0);
    transition: all 0.166s
}

.faq_section .faq_item:first-child h3 {
    margin-top: 0
}

.faq_section > div div div {
    font-size: 1.062em;
    line-height: 1.65em;
    padding: 1.176em 0 1em 0;
    overflow: auto
}

.faq_section > div p {
    margin: 1.76em 0 0 0
}

.faq_section div p a {
    color: #6f6f6f;
    text-decoration: underline
}

.faq_section div p a:hover {
    color: #2ac5b3
}

.faq_section div p:nth-child(1) {
    margin: 0
}

.faq_section div ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 1.76em 0 0 0.882em
}

.faq_section div ol {
    list-style-type: disc;
    list-style-position: outside;
    margin: 1.76em 0 0 0.882em;
    width: 32em
}

.two_colum ol {
    width: 24em !important
}

.u-collapse-img {
    background: #2ac5b3;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: none;
    float: right;
    transition: background 0.1s;
    -moz-transition: background 0.1s;
    -webkit-transition: background 0.1s;
    -o-transition: background 0.1s
}

.faq_section > div div div {
    display: none
}

.faq_section div h3:hover {
    color: #2ac5b3 !important;
    cursor: pointer
}

.faq_section div h3:hover .u-collapse-img {
    display: block !important
}

.faq_section.active .faq_item_content {

}

.faq_section .faq_item.active {
    border-left: 3px solid #2ac5b3
}

.faq_section .faq_item img {
    position: absolute;
    top: 3px;
    left: 28px;
}

.faq_section .faq_item img:hover {
    cursor: pointer;
}

/*tutorial*/
.tu_bg {
    background: url(https://www.designevo.com/images/misc/tu_bg.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden; /*margin-top:5.375em*/
}

.tu_ban {
    width: 50em;
    margin: 0 auto;
    padding: 7.5em 0;
    position: relative
}

.tu_ban > h1 {
    font-size: 2.625em;
    font-weight: 500;
    text-align: center;
    color: #FFF
}

.tutorial {
}

.new_tutorial {
    display: inline-block;
}

.position_fixed {
    position: relative;
}

.tutorial p {
    font-size: 1.181em;
    line-height: 1.789em;
    margin: 1em 0
}

.tutorial img {
    margin: 0 0 1.687em 0
}

.tutorial p img {
    margin: 0 !important
}

.tutorial p strong {
    color: #303133;
    font-size: 0.92em
}

.tutorial h3 {
    font-size: 1.624em;
    color: #303133;
    margin-bottom: 0.7em;
    font-weight: 500
}

.tutorial h2 {
    font-size: 2.115rem;
    color: #303133;
    font-weight: 400;
    margin-bottom: 2rem;
}

.tutorial h4 {
    font-size: 1.35em;
    color: #303133;
    margin: 1.5em 0 0.85em 0;
    font-weight: 500
}

.tutorial a {
    color: #6f6f6f;
    text-decoration: underline
}

.tutorial a:hover {
    color: #2ac5b3
}

.tu_left_flt_menu {
    width: 16.375rem;
    position: absolute;
    top: 4.6875rem;
    /*top: 27.8125rem;*/
    left: auto;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 2.375rem 0 2.375rem 1.75rem;
}

.tu_left_flt_menu h2 {
    color: #303133;
}

.tu_left_flt_menu h3 {
    color: #303133;
    font-size: 1.1875rem;
    font-weight: 600;
    margin-top: 1.375rem;
}

.tu_left_flt_menu h3:first-child {
    margin-top: 0;
}

.tu_left_flt_menu a {
    color: #303133;
    text-decoration: none;
}

.tu_left_flt_menu a:hover {
    color: #2ac5b3;
}

.tu_left_flt_menu ul {
    list-style-type: none;
    margin-top: 0.5625rem;
}

.tu_left_flt_menu ul li {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.tu_align_div {
    width: 24.60rem;
    height: 100%;
    display: inline-block;
}

.bread_nav_ol {
    list-style-type: none;
    margin-top: 6rem;
}

.bread_nav_ol li {
    display: inline-block;
    margin-right: 3rem;
}

.bread_nav_ol li a {
    color: #2ac5b3;
}

.bread_nav_ol li b {

}

/*ios tutorial*/
.ios_web_img {
    width: 50%
}

/*awards*/
.award_ctn {
    width: 62.5em;
    margin: 0 auto;
    padding: 7.5em 0 2.3em 0
}

.award_ctn h1 {
    font-size: 2.625em;
    color: #303133;
    font-weight: lighter;
    line-height: 1.2em;
    text-align: center;
    margin: 0 0 0.523em 0
}

.award_p {
    text-align: center;
    padding-bottom: 2.89em;
    font-size: 1.1875em;
    line-height: 1.5em
}

.review_ctn {
    width: 27.5em;
    padding: 3.437em 0
}

.review_ctn img {
    margin: 0 auto 1.5em auto;
    display: block
}

.review_ctn p {
    text-align: center;
    line-height: 1.7em;
    font-size: 1.125em
}

.review_p {
    margin: 1.5625em 0 0 0;
    font-size: 1em
}

.award_line {
    border-top: 1px solid #c8c7c7;
    height: 1px;
    margin-bottom: 100px;
}

.review_txt {
    width: 19.8225em;
    float: left;
    background: #f8f8f8;
    position: relative;
    margin: 5.422em 3.436em 0 0;
    border-radius: 0.749em;
    padding: 2.646em 1.428em 1.884em 1.428em
}

.review_txt p {
    color: #6f6f6f;
    font-size: 1.06em;
    line-height: 1.64em;
    font-style: italic
}

.quto {
    position: absolute;
    top: -2.05em;
    left: 9.715em;
    border: 4px solid #fff;
    border-radius: 100%;
    width: 3.24em;
    height: 3.24em;
    background: #f8f8f8
}

.quto img {
    margin: 0.967em 0 0 0.866em
}

.say_arrow {
    position: absolute;
    bottom: -0.81em;
    left: 10.777em
}

.say_person {
    margin: 2.25em 0 0 0;
    position: relative
}

.say_person ul li {
    width: 22.68em;
    margin: 0 3.375em 0 0;
    list-style-type: none;
    color: #2ac5b3;
    position: absolute;
    text-align: center
}

.say_person ul li:first-child {
    top: -1.75em;
    left: 0
}

.say_person ul li:nth-child(2) {
    top: -0.0625em;
    left: 26.50em
}

.say_person ul li:nth-child(3) {
    top: -3.25em;
    right: -0.4375em
}

.say_person ul li span {
    display: block;
    font-size: 0.99em;
    color: #000;
    opacity: 0.6
}

.award_img {
    margin: 4.06em 0 0 5.405em
}

.bg_award {
    background: #fff
}

.bg_award h3 {
    color: #303133
}

/*feature*/
.ftu_bg {
    background: url(https://www.designevo.com/images/feature/banner.png) center center no-repeat;
    background-size: cover
}

.ftu_ban {
    width: 62.5em;
    margin: 0 auto;
    padding: 4.125em 0 4.685em 0
}

.ftu_ban h1 {
    font-size: 2.625em;
    font-weight: 500;
    color: #FFF;
    text-align: center
}

.ftu_ban p {
    width: 50em;
    font-size: 1.25em;
    text-align: center;
    margin: 0 auto;
    color: #FFF;
    opacity: 0.7;
    line-height: 1.7em;
    padding: 0.952em 0 2.418em 0;
    font-weight: 400
}

.ftu_ban a {
    display: block;
    text-align: center;
    border-radius: 0.444em;
    border: 1px solid #FFF;
    text-decoration: none;
    font-size: 1.3125em;
    width: 13.142em;
    height: 2.892em;
    line-height: 2.892em;
    color: #FFF;
    margin: 0 auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-weight: 500
}

.ftu_ban a:hover {
    background: #fff;
    color: #00BAA9
}

.ftu h2 {
    font-size: 2.625em;
    font-weight: 400;
    color: #303133;
    text-align: center
}

.ftu h3 {
    font-size: 2em;
    font-weight: 400;
    color: #303133;
    margin: 0 0 0.625em 0
}

.ftu p {
    font-size: 1.125em;
    color: #6f6f6f;
    line-height: 1.6842em
}

.ftu_cate_item {
    margin: 2.625rem auto 0;
}

.ftu_cate_item ul {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    list-style-type: none;
}

.ftu_cate_item li {
    display: inline-block;
    margin-right: 1.875rem;
    text-align: left;
    padding: 30px;
    background: #f8f8f8;
    box-sizing: border-box;
}

.ftu_cate_item li:nth-child(3n) {
    margin-right: 0;
}

.ftu_cate_item li:nth-child(n+4) {
    margin-top: 1.875rem;
}

.ftu_cate_item li img {
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    vertical-align: middle;
    margin-right: 5px;
}

.ftu_cate_item li h3 {
    display: inline-block;
    line-height: 3.125rem;
    vertical-align: middle;
}

.ftu_cate_item li p {
    margin-top: 0.75rem;
    font-size: 17px;
    line-height: 26px;
}

.ftu_cate_item li a {
    text-decoration: none;
    color: #303133;
}

.ftu_cate_item li a:hover {
    color: #2ac5b3;
}

.ftu_intro {
    width: 52.63em;
    margin: 1.578em auto 0 auto;
    text-align: center
}

.ftu_425 {
    width: 45.66%;
    margin-top: 3.125rem
}

.ftu_500 {
    width: 50%
}

.ftu_500 img {
    width: 100%;
    height: auto;
}

.ftu_why_choose {
    text-align: center;
}

.ftu_why_choose h3 {
    font-size: 2.25rem;
    color: #303133;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.5625rem;
}

.ftu_why_choose div {
    width: 18.12rem;
    margin: .77em .555em 0 0;
    display: inline-block;
}

.ftu_why_choose div:last-child {
    margin-right: 0;
}

.ftu_why_choose div img {
    width: 6.25rem;
    height: 6.25rem;
}

.ftu_why_choose div h4 {
    font-size: 1.3125rem;
    color: #303133;
    margin: 1.5625rem 0 1.0625rem
}

.ftu_why_choose div p {
    font-size: 1.0625rem;
    color: #6f6f6f;
    line-height: 1.50rem;
    font-weight: 400;
}

/*media kit*/
.bg_e6ebed {
    background: #e6ebed
}

.media h1 {
    font-size: 2.875em;
    font-weight: 500;
    color: #303133;
    text-align: center;
    margin-bottom: 0.82em;
    line-height: 1.6em
}

.media p {
    font-size: 1.1875em;
    color: #6f6f6f;
    line-height: 1.6842em;
    text-align: center
}

.media p span {
    color: #2ac5b3
}

.media h3 {
    font-size: 2.625em;
    font-weight: 400;
    color: #303133;
    margin-bottom: 1.19em;
    text-align: center
}

.media table th {
    width: 11.782em;
    height: 3.714em;
    line-height: 3.714em;
    background: #f4f4f4;
    border: 1px solid #c3c3c3;
    border-left: 0;
    color: #303133;
    font-size: 1.3125em
}

.media table th:first-child {
    border-left: 1px solid #c3c3c3
}

.media table td {
    height: 5.294em;
    text-align: center;
    line-height: 5.294em;
    border-bottom: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    font-size: 1.0625em;
    color: #2ac5b3
}

.media table td a {
    color: #2ac5b3;
    text-decoration: none
}

.media table td a:hover {
    text-decoration: underline
}

.media table td:first-child {
    border-left: 1px solid #c3c3c3;
    color: #303133;
    font-size: 1.3125em;
    height: 4.285em;
    line-height: 4.285em
}

/*YouTubePlayer*/
#mPlayer {
    display: none;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0
}

#mPlayer div {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%
}

#mPlayer iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

/*zh*/
.zh_last_ft_div {
    padding-bottom: 5.749em
}

.zh_padding_btm_100 {
    padding-bottom: 6.29em
}

/*es*/
.es_first_ft_div {
    padding-bottom: 2.3735em
}

.es_second_ft_div {
    padding-bottom: 5.7495em
}

.es_last_ft_div {
    padding-bottom: 7.437em
}

.es_footer_rgt_ctn {
    width: 45.60em;
    float: right
}

.es_video_play {
    width: 11.625em
}

/*pt*/
.pt_first_ft_div {
    padding-bottom: 5.561em
}

.pt_second_ft_div {
    padding-bottom: 9.1245em
}

.pt_third_ft_div {
    padding-bottom: 5.562em
}

.pt_last_ft_div {
    padding-bottom: 8.937em
}

.pt_footer_rgt_ctn {
    width: 42em;
    float: right
}

.pt_video_play {
    width: 12.625em
}

/*jp*/
.jp_video_play {
    width: 15.16em
}

.jp_first_ft_div {
    padding-bottom: 4.061em
}

.jp_second_ft_div {
    padding-bottom: 5.7495em
}

.jp_third_ft_div {
    padding-bottom: 5.812em
}

.jp_last_ft_div {
    padding-bottom: 7.437em
}

.jp_footer_rgt_ctn {
    width: 46.85em;
    float: right
}

.jp_second_sp_box a {
    margin-top: 4.255em
}

.jp_last_sp_box a {
    margin-top: 2.755em
}

/*de*/
.de_second_ft_div {
    padding-bottom: 9.125em
}

.de_third_ft_div {
    padding-bottom: 5.7495em
}

.de_last_ft_div {
    padding-bottom: 9.125em
}

.de_footer_rgt_ctn {
    width: 45.50em;
    float: right
}

.de_sp_box a {
    margin-top: 2.731em
}

.de_video_play {
    width: 14.55em
}

/*desktop*/
.desktop_bg {
    background: url(https://www.designevo.com/images/desktop/bg.jpg) center center no-repeat;
    background-size: cover; /*margin-top:5.375em*/
}

.desktop_ban {
    width: 75em;
    margin: 0 auto;
    padding: 9.156em 0
}

.desktop_lft_ctn {
    width: 50.34%;
    float: left
}

.desktop_lft_ctn img {
    width: 100%
}

.desktop_rgt_ctn {
    width: 47.66%;
    float: right;
    margin-top: 2.5em
}

.desktop_rgt_ctn h1 {
    color: #FFF;
    font-size: 2.50em;
    font-weight: normal
}

.desktop_rgt_ctn p {
    color: #FFF;
    font-size: 1.436em;
    margin-top: 1em
}

.desktop_rgt_ctn ul {
    margin: 3.24em 0 0 0;
    list-style-type: none
}

.desktop_rgt_ctn ul li, .btm_download_btn li {
    float: left;
    width: 15.50em;
    height: 3.31em;
    line-height: 3.31em;
    text-align: center;
    margin-right: 1.25em;
    position: relative
}

.desktop_rgt_ctn ul li:nth-child(2), .btm_download_btn li:nth-child(2) {
    margin-right: 0
}

.desktop_rgt_ctn ul li a, .btm_download_btn li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding-left: 1em;
    border-radius: 0.25em;
    border: 1px solid #FFF;
    font-weight: 500
}

.desktop_rgt_ctn ul li a:hover, .btm_download_btn li a:hover {
    background: #FFF;
    color: #00BAA9
}

.desktop_rgt_ctn ul li span, .btm_download_btn li span {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 15px;
    left: 30px
}

.desktop_rgt_ctn ul li:nth-child(2) span, .btm_download_btn li:nth-child(2) span {
    background: url(https://www.designevo.com/images/desktop/windows.svg) no-repeat top left
}

.desktop_rgt_ctn ul li:nth-child(2):hover span, .btm_download_btn li:nth-child(2):hover span {
    background: url(https://www.designevo.com/images/desktop/windows.svg) no-repeat bottom left
}

.desktop_rgt_ctn ul li:nth-child(1) span, .btm_download_btn li:nth-child(1) span {
    background: url(https://www.designevo.com/images/desktop/mac.svg) no-repeat top left
}

.desktop_rgt_ctn ul li:nth-child(1):hover span, .btm_download_btn li:nth-child(1):hover span {
    background: url(https://www.designevo.com/images/desktop/mac.svg) no-repeat bottom left
}

.desktop_rgt_ctn ol {
    list-style-type: none;
    margin-top: 1em;
    font-size: 0.999em;
    color: #FFF
}

.desktop_rgt_ctn ol li {
    text-align: left;
    width: 15.50em;
    margin-right: 1.25em;
    float: left
}

.desktop_btm_bg {
    background: url(https://www.designevo.com/images/desktop/btm_bg.png) repeat-x;
    background-size: contain
}

.btm_download_btn {
    list-style-type: none;
    margin: 3.24em auto 0 auto;
    width: 34.50em
}

/*upgrade*/
.upgrade h1 {
    font-size: 1.555em;
    line-height: 1.6em;
    font-weight: 400;
    color: #303133
}

.upgrd_box {
    margin: 3.499em 0 0 3.375em;
    background: #f9f9f9;
    position: relative;
    width: 59.062em
}

.lft_upgrd_box {
    width: 10.749em;
    float: left;
    position: absolute;
    top: 4em;
    left: -2.621em
}

.rgt_upgrd_box {
    width: 46.188em;
    float: right;
    padding: 0 1.874em 2em 0
}

.rgt_upgrd_box h2 {
    font-size: 1.749em;
    color: #303133;
    font-weight: 500;
    margin: 1.525em 0 0.714em 0
}

.rgt_upgrd_box h2 span {
    font-size: 0.803em
}

.rgt_upgrd_box p {
    font-size: 1.195em;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 1.7865em
}

.rgt_upgrd_box ul {
    margin: 1.311em 0 1em 0;
    list-style-type: none;
    float: left
}

.rgt_upgrd_box ul li {
    float: left;
    width: 18.187em;
    height: 3.312em;
    line-height: 3.312em;
    text-align: center;
    margin-right: 1.875em;
    border-radius: 8px;
}

.rgt_upgrd_box ul li a {
    display: block;
    margin: 0;
    font-size: 1.1875em;
    font-weight: 400;
    color: #FFF;
    text-decoration: none
}

.rgt_upgrd_box ul li:nth-child(1) {
    background: #1d86dd no-repeat;
    position: relative;
    padding-left: 0.9375em;
    width: 17.249em
}

.rgt_upgrd_box ul li:nth-child(1):hover {
    background: #107ad1 no-repeat
}

.rgt_upgrd_box ul li:nth-child(1) span {
    width: 1.50em;
    height: 1.50em;
    display: block;
    background: url(https://www.designevo.com/images/desktop/mac.svg) top left no-repeat;
    position: absolute;
    top: 0.852em;
    left: 0.789em
}

.rgt_upgrd_box ol {
    list-style-type: none;
    font-size: 0.9375em;
    float: left
}

.rgt_upgrd_box ol li {
    width: 18.187em;
    float: left;
    padding-left: 0.5em
}

.rgt_upgrd_box ol li span {
    border: 1px solid #F00
}

/*what create*/
.scene_bg {
    background: #e5ebed repeat
}

.scene_title {
    font-size: 2.25em;
    font-weight: 400;
    color: #303133;
    text-align: center
}

.scense_p {
    font-size: 1.375em;
    color: #303133;
    font-weight: 400;
    text-align: center;
    margin: 1.591em 0 0 0
}

.scene_list {
    list-style-type: none;
    margin: 3.125em 0 0 0
}

.scene_list li, .second_scene_list li {
    display: inline-table;
    width: 17.75em;
    margin-right: 1.05em
}

.scene_list li:last-child, .second_scene_list li:last-child {
    margin-right: 0
}

.scene_list h4, .second_scene_list h4 {
    font-size: 1.1875em;
    color: #303133;
    font-weight: 500;
    margin: 1em 0 0.632em 0
}

.scene_list h4 a, .second_scene_list h4 a {
    color: #303133;
    text-decoration: none
}

.scene_list h4 a:hover, .second_scene_list h4 a:hover {
    color: #00BAA9;
    text-decoration: none
}

.scene_list p, .second_scene_list p {
    font-size: 1em;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 1.375em
}

.second_scene_list {
    list-style-type: none;
    margin: 3.125em 0 0 0
}

.scene_line {
    height: 0;
    border-top: 1px dashed #b4b8ba;
    margin: 5em 0
}

.style_list {
    margin-top: 0.9375em
}

.scene_more_link {
    text-decoration: none;
    color: #fff;
    width: 13.739em;
    height: 2.50em;
    margin: 2.947em auto 0 auto;
    display: block
}

.scene_more {
    display: block;
    width: 11.57em;
    height: 2.50em;
    font-size: 1.1875em;
    background: #2ac5b3;
    border: 1px solid #2ac5b3;
    border-radius: 0.42em;
    cursor: pointer;
    outline: none;
    color: #fff
}

.scene_more_link:hover button {
    background: #00BAA9
}

/*pricing*/
.pricing_bg {
    background: url(https://www.designevo.com/images/misc/pricing_bg.jpg) center center;
    background-size: cover
}

.pricing_bg h1 {
    font-size: 2.875em;
    font-weight: 500;
    color: #FFF;
    text-align: center
}

.pricing_bg div {
    padding: 11.1875em 0
}

.pricing_lft_float {
    float: left
}

.pricing_hover {
    float: left;
    margin: 4px 0 0 10px
}

.pricing_hover:hover div {
    display: block !important
}

.pricing_download_btn {
    border: 1px solid #2ac5b3;
    background: rgba(0, 0, 0, 0) !important;
    color: #2ac5b3;
    margin: 35px auto 5px !important
}

.pricing_download_btn:hover {
    background: #00BAA9 !important;
    color: #FFFFFF
}

.pricing_download_btn a {
    color: #2ac5b3;
    text-decoration: none
}

.pricing_download_btn a:hover {
    color: #FFF
}

.padding_7_5 {
    padding: 7em 0 5em 0
}

.pricing_btm_btn {
    display: block;
    text-align: center;
    border-radius: 0.19em;
    border: 2px solid #fff;
    text-decoration: none;
    font-size: 1.3125em;
    width: 12.333em;
    max-width: 15em;
    padding: 0 0.5em;
    height: 3.048em;
    line-height: 3.048em;
    color: #fff;
    margin: 0 auto;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-weight: 500
}

.pricing_btm_btn:hover {
    background: #fff;
    color: #2ac5b3
}

/*pricing  2-5-0*/
.web_pricing_bg {
    background: url(https://www.designevo.com/images/misc/2-5-0/pricing_ban.png) center center no-repeat;
    background-size: cover
}

.pricing_title {
    font-size: 2.625em;
    font-weight: 500;
    color: #FFF;
    text-align: center
}

.padding_120_380 {
    padding: 8.75em 0 22.50em
}

.table_div {
    margin-top: -17.37em
}

.table_div table {
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 0 0.625em 0.9375em rgba(0, 0, 0, 0.10)
}

.table_div table tr td {
    width: 16.56em;
    font-size: 1em;
    color: #303133;
    font-weight: 400;
    height: 3.875em;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e9e9e9;
    background: #FFF
}

.table_div table tr td:first-child {
    width: 22.995em;
    background: #fafafb;
    padding-left: 1.875em;
    text-align: left
}

.table_div table tr:first-child {
    height: 20.375em
}

.table_div table tr:first-child td {
    vertical-align: top;
    padding-top: 2em
}

.table_div table tr:first-child td strong {
    font-size: 1.1876em;
    font-style: italic;
    font-weight: 500
}

.table_div table tr:first-child td ul {
    list-style-type: none;
    margin-top: 2.50em
}

.table_div table tr:first-child td ul li b {
    font-size: 2.625em;
    color: #000;
    font-weight: 500
}

.table_div table tr:first-child td ul li sup {
    font-size: 0.428em
}

.table_div table tr:first-child td ul li b span {
    font-size: 0.428em;
    padding-left: 0.423em
}

.table_div table tr:first-child td ul li s {
    font-size: 1.1875em;
    font-style: italic;
    color: rgba(0, 0, 0, 0.4)
}

.table_div table tr:first-child td ul li em {
    font-size: 1.1875em;
    font-style: italic;
    color: rgba(0, 0, 0, 0.4);
    text-decoration: line-through
}

.table_div table tr:first-child td ul li:nth-child(2) {
    margin: 0.75em 0 0.50em
}

.table_div table tr:first-child td ul li:last-child {
    font-size: 1.0625em;
    font-weight: 500;
    color: #000
}

.table_div table tr:first-child td div {
    width: 11.875em;
    height: 2.625em;
    background: #ef9d00;
    border-radius: 0.25em;
    margin: 2em auto 0
}

.table_div table tr:first-child td div:hover {
    background: #dd8200
}

.table_div table tr:first-child td div a {
    text-decoration: none;
    color: #FFF;
    font-size: 1.0625em;
    display: block;
    line-height: 2.475em;
    text-align: center
}

.table_div table tr td:last-child {
    border-right: 0;
    position: relative
}

.table_div table tr td img {
    width: 1.25em;
    height: 1.25em
}

.td_position {
    position: relative
}

.td_position div {
    position: absolute;
    top: 22px;
    right: 12px
}

.td_position div svg {
    width: 18px;
    height: 18px
}

.td_position div svg circle {
    fill: rgba(0, 0, 0, 0.2)
}

.td_position div:hover svg circle {
    fill: rgba(42, 197, 179, 1.0)
}

.td_position div div {
    display: none;
    color: #6f6f6f;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    padding: 15px 10px 15px 20px;
    margin: 6px 0;
    text-align: left;
    border-radius: 2px;
    position: absolute;
    width: 384px;
    left: 35px;
    top: -24px;
    line-height: 1.3rem
}

.td_position div:hover div {
    display: block
}

.td_position div:hover div:after {
    left: -23px;
    top: 20px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-right-width: 14px;
    border-right-color: #fff;
    position: absolute;
    content: '';
}

.td_position div:hover div:before {
    left: -23px;
    top: 20px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-right-width: 14px;
    border-right-color: #fff;
    position: absolute;
    content: '';
}

.td_position div div a {
    color: #2ac5b3;
    text-decoration: underline
}

.pricing_m_42 {
    margin-top: 2em
}

.table_div p {
    font-size: 1.125em;
    color: #303133;
    padding: 2.666em 0 7.777em;
    text-align: center
}

.table_div p a {
    color: #2ac5b3;
    text-decoration: underline
}

.table_div p a:hover {
    color: #00BAA9
}

.best_value {
    width: 5.875em !important;
    height: 5.875em !important;
    position: absolute;
    top: -0.0625em;
    right: 0
}

.give_credit b {
    font-size: 1.65em !important;
    font-weight: 400 !important;
    display: inline-block;
    margin-top: 1.498em
}


/*blog*/
.blg_bg {
    background: url(https://www.designevo.com/images/misc/2-5-0/blog_ban.png) center center no-repeat;
    overflow: hidden;
    background-size: cover
}

.blg_ban {
    width: 62.50em;
    margin: 0 auto;
    padding: 6.50em 0;
    position: relative
}

.blg_ban h1 {
    font-size: 2.625em;
    font-weight: lighter;
    color: #FFF;
    text-align: center;
    line-height: 1.47em
}

.blg_ban h1 span {
    font-weight: 500;
    display: block
}

.blg_bread_nav {
    list-style-type: none;
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1em
}

.blg_bread_nav li {
    display: inline-block;
    font-size: 1em;
    opacity: 0.6;
    color: #fff
}

.blg_bread_nav li a {
    color: #fff;
    text-decoration: none
}

.blg_bread_nav li:hover {
    opacity: 1;
    color: #2ac5b3
}

.blg_bread_nav li a:hover {
    color: #2ac5b3
}

.blg_ctn {
    width: 50em;
    margin: 5.625em auto 8.75em
}

.blg_ctn ul {
    list-style-type: none;
    font-size: 1.125em
}

.blg_ctn ul li {
    line-height: 1.50em
}

.blg_ctn ul li a {
    color: #2ac5b3;
    text-decoration: underline;
    word-break: break-all;
}

.blg_cate_align {
    text-align: center
}

.blg_ctn p {
    font-size: 1.125em;
    line-height: 1.555em;
    margin-top: 0.60em
}

.imgalt {
    font-size: 0.9375em !important;
    text-align: center
}

.blg_ctn p a {
    color: #2ac5b3;
    text-decoration: underline
}

.blg_ctn p a:hover {
    color: #2ac5b3
}

.blg_ctn p strong {
    color: #303133;
    font-size: 1em
}

.blg_ctn h2 {
    margin: 1.730em auto 0.60em;
    color: #303133;
    font-size: 1.625em;
    font-weight: 500;
}

.blg_ctn h3 {
    margin: 1.730em auto 0.60em auto;
    color: #303133;
    font-size: 1.625em;
    font-weight: 500;
    font-size: 22px;
    font-weight: 400;
}

.blg_ctn h4 {
    font-size: 1.35em;
    font-weight: 500;
    color: #303133;
    margin: 1.75em 0 0.60em 0
}

.blg_ctn img {
    margin: 0.9375em 0 1.25em 0
}

.blg_h_before_img {
    margin-bottom: 0 !important
}

.blg_btm_bg {
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#48d59f, endcolorstr=#3fb9ae, gradientType=1);
    background: -ms-linear-gradient(left, #48d59f, #3fb9ae);
    background: -moz-linear-gradient(left, #48d59f, #3fb9ae);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48d59f), to(#3fb9ae));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48d59f), to(#3fb9ae));
    background: -webkit-linear-gradient(left, #48d59f, #3fb9ae);
    background: -o-linear-gradient(left, #48d59f, #3fb9ae)
}

.blg_rlt_article {
    width: 50em;
    margin: 7.5em auto
}

.blg_rlt_article h3 {
    color: #303133;
    font-size: 1.625em;
    font-weight: 500;
    text-align: center
}

.blg_rlt_article ul {
    list-style-type: none;
    width: 100%;
    margin-top: 1em
}

.blg_rlt_article li {
    font-size: 1.0625em;
    font-weight: 400;
    margin: 1em 0 0 0;
    display: inline-block;
    width: 47.35%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0
}

.blg_rlt_article li:nth-child(2n+1) {
    margin-right: 4.65%
}

.blg_rlt_article li a {
    color: #6f6f6f;
    text-decoration: none
}

.blg_rlt_article li a:hover {
    color: #2ac5b3
}

.blg_cat_lft {
    width: 32.25%;
    display: inline-block;
    margin-right: 4.17%;
    vertical-align: top
}

.blg_cat_lft img {
    width: 100%
}

.blg_cat_rgt {
    width: 55%;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.blg_cat_rgt h3 {
    font-size: 1.1875em;
    font-weight: 500;
    line-height: 1.63em
}

.blg_cat_rgt h3 a {
    color: #303133;
    text-decoration: none
}

.blg_cat_rgt h3 a:hover {
    color: #2ac5b3
}

.blg_cat_rgt p {
    font-size: 1em;
    margin: 1.125em 0 1.875em;
    line-height: 1.625em
}

.blg_cat_rgt > a {
    display: block;
    font-size: 1em;
    width: 8.25em;
    height: 2.375em;
    line-height: 2.375em;
    text-align: center;
    font-weight: 500;
    color: #2ac5b3;
    background: #fff;
    text-decoration: none;
    border-radius: 0.25em;
    border: 1px solid #2ac5b3
}

.blg_cat_rgt > a:hover {
    color: #FFF;
    background: #2ac5b3
}

.blg_cat_rgt p a {
    color: #6f6f6f;
    text-decoration: underline
}

.blg_cat_rgt p a:hover {
    color: #2ac5b3
}

.blg_ctn p a span {
    color: #2ac5b3
}

.blg_line_1200 {
    border-top: 1px dashed #bfbfbf;
    height: 0;
    margin: 4.5em auto;
    width: 75em
}

.margin_btm_72 {
    margin-bottom: 4.50em
}

.margin_btm_150 {
    margin-bottom: 9.375em
}

/*promo email*/
.promo_ema_ctn {
    width: 38.75em;
    margin: 0 auto
}

.promo_ema_menu {
    width: 100%;
    height: 4em;
    background: #354053
}

.promo_ema_menu a {
    display: block;
    width: 8.125em;
    height: 1em;
    margin: 0 auto;
    padding: 1.5em 0
}

.promo_ema_menu a img {
    width: 100%
}

.promo_ema_ban {
    width: 100%;
    height: 20.6875em;
    background: url(https://www.designevo.com/images/newsletter/auto_email/banner.png) center center no-repeat;
    position: relative
}

.promo_ema_ban_7 {
    margin: 3.75em 0 1.25em 31.69%
}

.promo_ema_ban h1 {
    font-size: 1.75em;
    font-weight: 500;
    color: #FFF;
    text-align: center
}

.promo_ema_ban_logo_img {
    width: 15.875em;
    height: 15.875em;
    border-radius: 0.5em;
    box-shadow: 0 0.5em 0.625em 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 29.516%;
    top: 11.375em
}

.promo_ema_txt_ctn {
    width: 99.677%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 4.6875em 0 0;
    background: #FFF
}

.promo_ema_intro {
    font-size: 1.0625em;
    padding: 2.765em 5.645%;
    color: #303133;
    line-height: 1.8em;
    width: 88.57%;
}

.promo_ema_use_guide {
    width: 88.57%;
    margin: 5.4375em 0 0 0;
    padding: 2.765em 5.645%;
    background: #f8f8f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.promo_ema_use_guide strong {
    color: #2ac5b3;
    font-size: 1.176em;
    font-weight: 400
}

.promo_ema_use_guide h2 {
    font-size: 1.18em;
    color: #303133;
    font-weight: 500
}

.promo_ema_use_guide ul {
    list-style-type: none;
    margin: 1em 0 0 0
}

.promo_ema_use_guide ul li {
    font-size: 1em;
    margin-bottom: 0.625em;
    height: 1.875em;
    line-height: 1.875em
}

.promo_ema_use_guide ul li img {
    width: 1.875em;
    height: 1.875em;
    float: left;
    margin-right: 0.75em
}

.promo_ema_use_guide ul li a {
    color: #2ac5b3;
    display: inline-block;
    border-bottom: 1px solid #2ac5b3;
    text-decoration: none;
    line-height: 1.2em
}

.promo_ema_footer {
    width: 95.16%;
    padding: 0.9375em 2.42% 1.5625em
}

.promo_ema_footer p {
    font-size: 0.937em;
    font-weight: 400;
    float: left;
    height: 2.50em;
    line-height: 2.50em
}

.promo_ema_footer ul {
    float: right;
    list-style-type: none
}

.promo_ema_footer ul li {
    float: left;
    width: 2.50em;
    height: 2.50em;
    margin-right: 1.30em
}

.promo_ema_footer ul li:last-child {
    margin-right: 0
}

.promo_ema_footer ul li:hover {
    opacity: 0.90
}

/*mobile app*/
.mobile_app_ctn {
    display: none
}

/*for mobile*/
.for_mobile_bg {
    background: url(https://www.designevo.com/images/mobile/for-mobile/for_mobile_bg.jpg) center center no-repeat;
    background-size: cover
}

.lft_mobile_phone {
    float: left;
    width: 36.75em;
    position: relative
}

.lft_mobile_phone img {
    position: absolute;
    left: 0;
    top: 10em
}

.rgt_mobile_intro {
    width: 35em;
    float: right;
    margin: 12em 0 7.30em 0
}

.rgt_mobile_intro h1 {
    font-size: 2.625em;
    color: #FFF;
    font-weight: 500
}

.rgt_mobile_intro h2 {
    font-size: 1.625em;
    font-style: italic;
    opacity: 0.60;
    color: #FFF;
    font-weight: 400;
    margin: 1em 0 1.20em 0
}

.rgt_mobile_intro ul {
    list-style-type: none
}

.rgt_mobile_intro_ul {
    font-size: 1.312em;
    font-weight: 400;
    color: #FFF
}

.rgt_mobile_intro_ul li {
    line-height: 1.90em
}

.rgt_mobile_intro_ul li span {
    width: 0.95em;
    height: 0.95em;
    display: inline-block;
    margin-right: 0.714em
}

.rgt_mobile_intro_ul li span img {
    width: 100%
}

.rgt_mobile_intro_btn {
    margin-top: 3.50em
}

.rgt_mobile_intro_btn li {
    float: left;
    margin-right: 1.875em
}

.rgt_mobile_intro_btn li:last-child {
    margin-right: 0
}

.rgt_mobile_intro_btn li a {
    display: block
}

.rgt_mobile_intro_btn li a:hover {
    opacity: 0.85
}

.for_mobile_ftu_pt_240 {
    padding: 15em 0 1.875em 0
}

.for_mobile_ftu_pt_240 h3 {
    font-size: 2.25em;
    color: #303133;
    font-weight: 400;
    text-align: center
}

.for_mobile_ftu_intro {
    font-size: 1.1875em;
    color: #303133;
    text-align: center;
    margin-top: 1.315em
}

.for_mobile_ftu_ctn {
    margin: 3.75em auto 6.875em auto;
    text-align: center
}

.for_mobile_ftu_ctn div {
    width: 18.50em;
    background: #FFF;
    border-radius: 0.5em;
    display: inline-block;
    margin-right: 1.5625em;
    padding: 0 0.937em;
    vertical-align: top;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .15)
}

.for_mobile_ftu_ctn div:first-child {
    padding-bottom: 2.8125em
}

.for_mobile_ftu_ctn div:nth-child(n+2) {
    padding-bottom: 4.50em
}

.for_mobile_ftu_ctn div:last-child {
    margin-right: 0
}

.for_mobile_ftu_ctn div img {
    margin: 2em 0 0 0em
}

.for_mobile_ftu_ctn div h4 {
    font-size: 1.25em;
    text-align: center;
    margin: 0.8em 0 0.5em;
    font-weight: 500;
    color: #303133
}

.for_mobile_ftu_ctn div p {
    font-size: 1.0625em;
    text-align: center;
    color: #6f6f6f;
    line-height: 1.625em
}

.for_mobile_btm_bg {
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#48d59f, endcolorstr=#3fb9ae, gradientType=1);
    background: -ms-linear-gradient(left, #48d59f, #3fb9ae);
    background: -moz-linear-gradient(left, #48d59f, #3fb9ae);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#48d59f), to(#3fb9ae));
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#48d59f), to(#3fb9ae));
    background: -webkit-linear-gradient(left, #48d59f, #3fb9ae);
    background: -o-linear-gradient(left, #48d59f, #3fb9ae)
}

.for_mobile_btm {
    padding: 9.625em 0 9.062em;
    text-align: center
}

.for_mobile_btm h4 {
    font-size: 2.25em;
    font-weight: 400;
    color: #fff;
    padding: 0 0 1.142em
}

.for_mobile_btm ul {
    list-style-type: none
}

.for_mobile_btm ul li {
    display: inline-block
}

.for_mobile_btm ul li:first-child {
    margin-right: 2.5em
}

.for_mobile_btm ul li a {
    display: block
}

.for_mobile_btm ul li a:hover {
    opacity: 0.85
}

/*promotion*/
.web_promo_fixed {
    position: fixed;
    width: 100%;
    z-index: 2
}

.web_promo_bg {
    background: #8F54B0;
    width: 100%;
    display: none
}

.web_promo_ctn {
    width: 64.75em;
    height: 4.375em;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.flower_img {
    width: 6.562em;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.protxt_img {
    position: absolute;
    left: 11.375em;
    top: 1.468em;
    width: 38.25em
}

.web_promo_ctn a {
    color: #8F54B0;
    font-size: 1.125em;
    display: block;
    width: 9.833em;
    height: 2.222em;
    line-height: 2.222em;
    position: absolute;
    top: 0.8333em;
    right: 2em;
    background: #FFF;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    font-weight: 500
}

.web_promo_ctn a:hover {
    opacity: 0.90
}

.web_promo_ctn a span {
    width: 0.888em;
    height: 0.777em;
    display: inline-block
}

.web_promo_ctn a span img {
    padding-left: 0.30em
}

.promo_ctn_close {
    width: 1.562em;
    height: 1.562em;
    display: inline-block;
    position: absolute;
    top: 0.9375em;
    right: 0.9375em;
    cursor: pointer
}

.promo_ctn_close:hover {
    opacity: 0.90
}

.m_tpl_m {
    padding-top: 9em
}

.rgt_margin_0 {
    margin-right: 0 !important
}

.clear_margin_btm {
    margin-bottom: 0
}

.txt_center {
    text-align: center
}

/*acymailling*/
#unsubpage {
    padding-top: 5.625em
}

#acymodifyform {
    padding: 5.75em 0 0 1em
}

#unsubbutton_div {
    padding: 0 0 1em 0.625em
}

.btn-primary {
    width: 7.5em;
    border-radius: 0.25em;
    height: 2.18em;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #bbb #bbb #a2a2a2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 1em
}

.inputVal input {
    background-repeat: repeat-x;
    border-color: #bbb #bbb #a2a2a2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05);
    color: #333;
    height: 2em;
    padding-left: 0.5em
}

.acy_user_info {
    margin-bottom: 1.5em
}

#trhtml {
    display: none
}

#login-module {
    height: 100%;
}

/*theme animation reset*/

.theme_list {
    transform: translateY(60px);
}

.step_animation {
    transform: translateX(-60px);
}

.step_guide {
    transform: translateX(60px);
}

.step_line i {
    display: block;
    position: absolute;
    height: 142px;
    width: 1px;
    background: #2ac5b3;
    top: 0;
    left: -0.5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.step_line span.active {
    border: 1px solid #2ac5b3;
    color: #2ac5b3;
}

.step_ctn h4 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.step_ctn h4:hover {
    color: #2ac5b3;
    cursor: pointer;
}

.step_ctn.active h4 {
    color: #2ac5b3;
}

/*affiliate*/
.afate_bg {
    background: url(https://www.designevo.com/images/affiliate/affiliate_ban.jpg) center center no-repeat;
    background-size: cover
}

.afate_bg h1 {
    font-size: 2.625em;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1.428em
}

.afate_bg p {
    font-size: 1.1875em;
    line-height: 1.578em;
    color: rgba(255, 255, 255, 0.7);
    width: 42.105em;
    text-align: center;
    margin: 0.63em auto 0
}

.afate_title_h2 {
    font-size: 2em;
    color: #303133;
    font-weight: 400;
    text-align: center
}

.afate_intro_p {
    font-size: 1.1875em;
    line-height: 1.578em;
    margin: 0.95em auto 2.125em;
    text-align: center
}

.be_afate_btn {
    width: 17.50em;
    height: 4em;
    border-radius: 0.25em;
    background: #2ac5b3;
    margin-left: 38.80%
}

.be_afate_btn a {
    display: block;
    width: 100%;
    line-height: 3.05em;
    color: #fff;
    text-decoration: none;
    font-size: 1.3125em;
    text-align: center
}

.be_afate_btn:hover {
    background: #00BAA9;
    cursor: pointer
}

.benefit_afate_bg {
    background: #f0f3f2;
    height: 51.625em;
    overflow: visible
}

.benefit_afate_bg h2 {
    font-size: 2em;
    color: #303133;
    font-weight: 400;
    text-align: center
}

.benefit_afate {
    box-shadow: 0 0.625em 0.9375em rgba(0, 0, 0, 0.1);
    background: #FFF;
    margin-top: 3.4375em
}

.benefit_afate div {
    padding: 3.75em 3.4375em;
    border-bottom: 1px dashed #dedede;
    display: inline-block;
    width: 32em;
    height: 16.375em;
    vertical-align: bottom
}

.benefit_afate div:nth-child(2n+1) {
    border-right: 1px dashed #dedede
}

.benefit_afate div:nth-child(5), .benefit_afate div:nth-child(6) {
    border-bottom: none
}

.benefit_afate div img {
    width: 6.25em;
    height: 6.25em;
    margin-left: 12.953em
}

.benefit_afate div h3 {
    font-size: 1.1875em;
    margin: 0.773em 0 0.615em;
    color: #303133;
    font-weight: 500;
    text-align: center
}

.benefit_afate div p {
    font-size: 1em;
    line-height: 1.5625em;
    text-align: center
}

.benefit_afate div a {
    color: #2ac5b3;
    text-decoration: underline
}

.benefit_afate div a:hover {
    color: #00BAA9
}

.div_470 {
    height: 29.375em
}

.div_950_200 {
    width: 49.375em;
    padding: 3.25em 5em;
    background: #f9f9f9;
    border: 1px solid #e4e4e4;
    border-radius: 1em;
    margin: 0 auto
}

.div_950_200 h3 {
    font-size: 1.1875em;
    margin: 0 0 0.95em;
    color: #303133;
    font-weight: 500;
    text-align: center
}

.div_950_200 a {
    color: #2ac5b3;
    text-decoration: underline
}

.div_950_200 a:hover {
    color: #00BAA9
}

.div_950_200 p {
    font-size: 1em;
    line-height: 1.5625em
}

.afate_btm_bg {
    background: url(https://www.designevo.com/images/affiliate/affiliate_btm_ban.png) no-repeat center center;
    background-size: cover;
    margin-top: 8.75em
}

.afate_btm_intro {
    width: 54.6875em;
    margin: 0 auto;
    text-align: center
}

.afate_btm_intro p {
    font-size: 1.1875em;
    color: #303133;
    line-height: 1.68em
}

.afate_btm_intro button {
    width: 17.50em;
    height: 4em;
    border-radius: 0.25em;
    background: #2ac5b3;
    margin-top: 2.375em
}

.afate_btm_intro button a {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 1.3125em;
    line-height: 3.05em;
    text-align: center
}

.afate_btm_intro button:hover {
    background: #00BAA9;
    cursor: pointer
}

/*cookie banner*/
.cookie_ban {
    width: 100%;
    height: 3.375em;
    text-align: center;
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 0;
    display: none;
    z-index: 2
}

.cookie_ban div {
    width: 90%;
    line-height: 3.375em;
    padding: 0 5%
}

.cookie_ban div p {
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    width: 58.5em
}

.cookie_ban div a {
    color: #2ac5b3;
    text-decoration: underline !important;
    display: inline-block;
    font-size: 1em
}

.cookie_ban div a:hover {
    color: #00BAA9
}

.cookie_ban div button {
    width: 5.0em;
    height: 2.125em;
    line-height: 2.125em;
    display: inline-block;
    background: #2ac5b3;
    border-radius: 0.25em;
    color: #fff;
    margin-left: 2.0em
}

.cookie_ban div button:hover {
    background: #00BAA9;
    cursor: pointer
}

/*offline*/
.offline_bg {
    background: #f6f6f6;
    height: 100vh;
    width: 100%;
    position: relative
}

.offline_bg div {
    width: 88%;
    padding: 0 6%;
    margin: -19.75em auto 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: auto
}

.offline_bg div h1 {
    font-size: 2.875em;
    color: #565656;
    font-weight: 400
}

.offline_bg div img {
    width: 12.75em;
    height: 10.50em;
    margin: 2.625em 0 1.75em
}

.offline_bg div p {
    font-size: 1.3125em;
    color: #8c8c8c;
    font-size: 400
}

/*blog_table_style solution 1: works on web-testing, not working here*/
.blg_ctn table {
    line-height: 30px;
    table-layout: fixed;
    width: 800px;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left;
    word-wrap: break-word;
}

.blg_ctn table th, .blg_ctn table td {
    border: 2px solid #6f6f6f;
    color: #6f6f6f;
    height: 30px;
}

.blg_ctn table tr:nth-child(odd) {
    background: #fff;
}

.blg_ctn table tr:nth-child(even) {
    background: #2ac5b3;
}

@media screen and (max-width: 1280px) {
    .cookie_ban {
        height: 6.5em;
        padding: 1% 0
    }

    .cookie_ban div p {
        width: 100%
    }

    .cookie_ban div a, .cookie_ban div button {
        width: 10%;
        line-height: 2.125em;
        display: inline-block
    }
}

.see_more_articles {
    text-decoration: none;
    color: #2ac5b3;
    width: 17.5em;
    height: 4.06em;
    line-height: 4.06em;
    margin: 3.125em auto 0;
    display: block;
    text-align: center;
    border: 1px solid #2ac5b3;
    border-radius: 4px;
    font-size: 1.1875em;
    font-weight: 500;
}

.see_more_articles:hover {
    color: #fff;
    background: #2ac5b3;
    cursor: pointer;
}

.last-related-blog-rcm {
    margin-right: 0 !important;
}

.btn_more_arrow > .a_more {
    position: relative;
    top: -50px;
}

.btn_more_arrow > .btn_a_more {
    position: relative;
    top: -30px;
}

.btn_more_arrow > a .btn_more {
    border: none;
    font-size: 15px;
}

.btn_more_arrow > a .btn_more svg {
    position: relative;
    width: 15px;
    height: 15px;
    left: 10px;
    top: 2px;
}

.btn_more_arrow > a .btn_more:hover {
    background: transparent !important;
    color: #26a895;
}

.btn_more_arrow > a .btn_more:hover svg polygon {
    fill: #26a895;
}

.btn_more_arrow .btn_a_more {
    border: none;
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    position: relative;
    top: -7px;
}

.btn_more_arrow .btn_a_more svg {
    position: relative;
    width: 15px;
    height: 15px;
    left: 10px;
    top: 2px;
}

.btn_more_arrow .btn_a_more:hover {
    background: transparent !important;
    color: #26a895;
}

.btn_more_arrow .btn_a_more:hover svg polygon {
    fill: #26a895;
}

.padding_btm_index_140 {
    padding-bottom: 2.75em !important;
}

.padding_btm_index_120 {
    padding-bottom: 7em;
}


/*user comments*/
.user-ctn {
    width: 78.125rem;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}

.user-ctn h3 {
    font-size: 2.25rem;
    color: #303133
}

.user-ctn > div {
    margin: 3.25rem 3.4375rem 0 0;
    padding: 2.25rem 1.875rem 1.625rem;
    display: inline-block;
    width: 20rem;
    height: 16.625rem;
    vertical-align: middle;
    border-radius: .25rem;
    background: #fff;
    position: relative;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.05);
}

.user-ctn > div > span {
    background: url(https://www.designevo.com/images/misc/quot.svg) center center no-repeat;
    background-size: cover;
    width: 2.5625rem;
    height: 2rem;
    display: inline-block;
}

.user-ctn > div p {
    color: #4a4e57;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 2.25rem 0 0;
}

.user-ctn > div div {
    width: 7.3125rem;
    text-align: center;
    position: absolute;
    bottom: 2.25rem;
    left: 8.218rem;
    z-index: 1;
}

.user-ctn > div div p {
    display: block;
    color: #17191d;
    height: 1.25rem;
    font-weight: 500;
}

.user-ctn > div div p:last-child {
    background: url(https://www.designevo.com/images/misc/star.svg) center center no-repeat;
    height: 1rem;
    width: 7.3125rem;
    margin-top: .4375rem;
}

.last-margin-rgt {
    margin-right: 0 !important;
}

.web_logo{
  width: 9em;
  height: 2.6875em;
}

.review_p a{
	text-decoration: none;
}

.review_p a:hover{
	text-decoration: underline;
}

a.btn-blog-primary{
    color: #2ac5b3;
    text-decoration: none;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #2ac5b3;
    padding: 6px 16px;
    min-width: 116px;
    margin: auto;
    width: max-content;
    display: block;
    margin: auto;
    margin-top: 12px;
}

a.btn-blog-primary:hover{
    background: #2ac5b3;
    color: #fff;
}

.table_div td > .one_time_tips {
    display: block;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    margin: 0;
}

.table_div table tr td ul li em {
    position: relative;
    text-decoration: none !important;
    color: #17191D !important;
    font-style: initial !important;
}
.table_div table tr td ul li em svg {
    position: absolute;
    left: 4px;
    top: 4px;
}
.table_div table tr td ul .give_credit_new_style b {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #00B13A !important;
    line-height: 24px !important;
    margin-top: 58px !important;
}
.table_div table tr td ul .one_time_box {
    position: relative;
    width: max-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: rgba(60, 68, 83, 0.61) !important;
    font-size: 15px !important;
}
.table_div table tr td ul .one_time_box .one_time_tips {
    width: 16px;
    height: 16px;
    background: none;
    border-radius: 0;
    margin: 0;
    margin-left: 4px;
    cursor: pointer;
}
.table_div table tr td ul .one_time_box .one_time_tips:hover div {
    display: block;
}
.table_div table tr td ul .one_time_box .one_time_tips:hover svg circle {
    fill: #2AC5B3;
}
.table_div table tr td ul .one_time_box .one_time_tips svg circle {
    transition: all 0.3s;
    fill: rgba(0, 0, 0, 0.2);
}
.table_div table tr td ul .one_time_box .one_time_tips div {
    display: none;
    width: 300px;
    background: #FFFFFF;
    padding: 14px 15px;
    box-shadow: 0px 0px 10px 0px rgba(46, 47, 55, 0.2);
    border-radius: 6px;
    border: 1px solid #CFD0D6;
    height: max-content;
    margin: 0;
    position: absolute;
    left: -120px;
    z-index: 1;
    font-size: 15px;
    font-weight: 400;
    color: #1A1B1C;
    line-height: 22px;
    text-align: left;
    margin-top: 4px;
}