@import url(css/bootstrap.rtl.css);
@import url(css/shortcodes.rtl.css);
@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Thin.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-ExtraLight.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Light.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Regular.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Medium.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-SemiBold.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Bold.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-ExtraBold.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ANAJ';
    src: url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Black.woff2') format('woff2'),
         url('/Portals/_default/Skins/anajskin/fonts/Vazirmatn/Vazirmatn-RD-UI-FD-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5 {
    letter-spacing: normal
}

body,
form#Form,
html {
    height: 100%
}

#dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu>ul>li>a:hover,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover,
#dnngo_megamenu .primary_structure>li.current>a,
#dnngo_megamenu .primary_structure>li.menu_hover>a,
#dnngo_megamenu .primary_structure>li>a:hover,
A,
A:active,
A:link,
A:visited {
    text-decoration: none
}

.BannerPane.DNNEmptyPane,
.LogoPane.dnnSortable {
    min-height: inherit !important
}

.Head,
.Normal,
.SubSubTitle,
.SubTitle {
    font-family: ANAJ, sans-serif
}

#dnn_wrapper,
.HeadTopPane img,
.LogoPane div,
.ServeList_22 img,
.ServeList_23 img,
.ServeList_25 .pic img,
.ServeList_3 img,
.ServeList_39 img,
.content_text_1 img,
.content_text_2 img,
.content_text_6 img,
.dnn_layout,
.dnn_logo img,
.img_list_1 li img,
.photo_box_1 img,
.photo_box_2 img,
.photo_box_3 img,
.photo_list_2 .photo_img img,
.product_list_01 img,
.product_list_02 .img img,
.star_box .star_area_2 img,
.timeline2 .time_left img {
    max-width: 100%
}

.ServeList_20 .number,
.ServeList_7 .number {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-delay: .2s
}

#Body {
    color: #8a8989;
    background: #fff
}

body,
html {
    margin: 0;
    padding: 0;
    font: 14px/1.5 ANAJ, sans-serif;
    color: #8a8989
}

p {
    margin: 0 0 8px;
    text-align: justify
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span,
#left_menu ul li li a>span,
#left_menu ul li.current>ul,
#left_menu ul ul .subcurrent>ul,
.clearfix,
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail,
.source_code .source_box pre,
.vertical_table .col-md-12.cell,
footer,
header,
nav,
section {
    display: block
}

.ServeList_26 .ServeList_checkbox input[type=checkbox]:checked+.fa,
.ServeList_3:hover .img .fa,
.ServeList_3:hover .img:before,
.cke_editable .animation,
.social_list_11 a:hover span {
    opacity: 1
}

A,
A:link {
    transition: color .3s;
    -moz-transition: color .3s;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s
}

A:hover {
    text-decoration: underline
}

A:focus {
    outline: 0;
    -moz-outline: none
}

h1,
h2,
h3,
h5 {
    margin: 5px 0 10px
}

h4 {
    margin: 0 0 4px
}

.ModuleTitle_SubMenu {
    z-index: 9999 !important
}

.clearfix:after {
    clear: both;
    content: ".";
    height: 0;
    font-size: 0px;
    visibility: hidden;
    display: block
}

#dnn_ControlPanel #dnnCPWrap {
    filter: none !important
}

ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img {
    color: #328dde !important
}

.clear {
    clear: both
}

.opacity {
    opacity: 0
}

.Login,
.ServeList_14,
.ServeList_19,
.ServeList_28,
.ServeList_6,
.box_404,
.center,
.link_list_1,
.number_style_2,
.phone_center,
.social_list_1,
.social_list_4,
.star_box,
.timeline .timeline_start,
.title_style_15 {
    text-align: center
}

@media only screen and(max-width:767px) {
    .dnnSendPasswordContent {
        width: auto !important
    }

    .dnnSendPasswordContent .dnnLabel {
        display: block !important;
        width: 100% !important;
        text-align: right
    }

    .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp,
    .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp,
    .dnnSendPasswordContent a.dnnFormHelp {
        position: static
    }

    .dnnSendPasswordContent input[type=email],
    .dnnSendPasswordContent input[type=password],
    .dnnSendPasswordContent input[type=tel],
    .dnnSendPasswordContent input[type=text],
    .dnnSendPasswordContent select,
    .dnnSendPasswordContent textarea {
        width: 90%;
        margin-bottom: 10px !important
    }

    .dnnSendPasswordContent ul.dnnActions {
        padding: 0 !important
    }
}

.CommandButton,
A.CommandButton:active,
A.CommandButton:link,
A.CommandButton:visited {
    font-size: 12px;
    color: #973939;
    text-decoration: none;
    font-weight: 400
}

A.CommandButton:hover {
    color: #973939;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400
}

.FileManager A,
.FileManager A:active,
.FileManager A:link,
.FileManager A:visited {
    color: #000;
    text-decoration: underline
}

.FileManager A:hover {
    color: #000;
    text-decoration: none
}

.row [class*=Pane] {
    padding: 0 0 5px
}

#left_menu img,
.DNNEmptyPane,
.Login .registerGroup li.userMessages strong,
.Login .registerGroup li.userNotifications strong,
.ServeList_32 li:last-child:before,
.banner_bottom_text>div>div:last-child .ServeList_9:before,
.mobile_menu .mm-arrow:after,
.mobile_menu .mm-prev:before,
.number_style_1>div:last-child .box:before,
.roll_logo,
.row>.col-sm-6:last-child .ServeList_31:before,
.row>div:last-child .ServeList_7:before,
.sector .sector_info b,
.source_code .source_box,
.source_code pre {
    display: none
}

.mb-40,
[class*=Pane] {
    margin-bottom: 40px
}

.BottomOutPane,
.BottomOutPaneC,
.Full_Screen_PaneH,
.LeftOutPane,
.RightOutPane,
.TopOutPane {
    margin-bottom: 0
}

.BannerPane,
.BottomOutPaneA,
.BottomOutPaneB,
.HeaderTopPane,
.footer_box .FooterBottomPaneD,
.footer_box .Full_Screen_FootPaneA,
.footer_box .Full_Screen_FootPaneB {
    margin: 0 !important
}

.HeaderTopPane {
    width: 100%
}

.body_bg.boxed .HeaderTopPane {
    margin: -20px 0 20px !important
}

.BannerPane {
    background-color: #fff;
    position: relative;
    z-index: 4
}

.BannerPane.DNNEmptyPane {
    width: 100%;
    display: block
}

#dnn_content {
    padding-top: 40px;
    min-height: 400px
}

.LogoPane,
.dnn_logo .Logobox,
.mobileLogoPane {
    margin: 0;
    display: inline;
    max-width: 100%;
    vertical-align: middle;
    height: 100%
}

.LogoPane div {
    display: inline-block;
    height: 100%
}

.Head {
    font-weight: 700
}

.breadcrumb,
a.breadcrumb:active,
a.breadcrumb:link,
a.breadcrumb:visited {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #2e2e2e
}

a.breadcrumb:hover {
    font-weight: 400;
    text-decoration: underline
}

.dnn_layout {
    width: 970px;
    margin: 0 auto
}

#body,
#dnn_wrapper,
#dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu>ul,
.backgroundImage23,
.banner_bottom_text,
.content_text_8,
.nav_box,
.sector_box,
.timeline,
.timeline2,
body {
    position: relative
}

.HeadTopPane {
    width: 100%;
    background-color: #000;
    position: relative
}

.content_mid,
.footer_mid,
.head_mid {
    padding: 0 20px
}

.languageBox {
    white-space: nowrap;
    padding: 0;
    text-align: center
}

.languageBox img {
    width: 27px;
    height: 18px
}

.languageBox span img {
    margin-left: 7px;
    opacity: .5;
    vertical-align: middle
}

.languageBox span.selected img {
    opacity: 1;
    box-shadow: 0 0 2px rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, .4);
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, .4)
}

.Login .loginGroup,
.Login .registerGroup,
.Login .sep {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px
}

.Login .sep,
.copyright_style .sep {
    padding: 0 5px
}

.Login .registerGroup ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none
}

.Login .loginGroup>a,
.Login .registerGroup .buttonGroup>li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 1
}

.Login img {
    margin: 0 8px 2px 0;
    padding: 0;
    max-height: 26px
}

.Login .fa {
    display: inline-block;
    vertical-align: middle
}

.Login .registerGroup li.userMessages a,
.Login .registerGroup li.userNotifications a {
    font-family: FontAwesome;
    position: relative;
    padding: 0 11px;
    text-decoration: none
}

.Login .registerGroup li.userMessages a:before {
    content: "\f0e0";
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -12px;
    height: 20px;
    line-height: 24px;
    transform: scale(1.15);
    -webkit-transform: scale(1.15)
}

.Login .registerGroup li.userNotifications a:before {
    content: "\f05a";
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -12px;
    height: 20px;
    line-height: 24px;
    transform: scale(1.15);
    -webkit-transform: scale(1.15)
}

.Login .registerGroup li.userMessages a span,
.Login .registerGroup li.userNotifications a span {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 -7px -6px;
    background-color: #00b8de;
    padding: 1px 3px;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.searchBox {
    background: 0 0;
    display: block
}

.searchBox #dnn_dnnSEARCH1_ClassicSearch,
.searchBox #dnn_dnnSEARCH2_ClassicSearch,
.searchBox #dnn_dnnSEARCH3_ClassicSearch,
.searchBox #dnn_dnnSEARCH_ClassicSearch {
    background: 0 0;
    border: none;
    float: none;
    position: relative;
    white-space: nowrap;
    width: 100%;
    display: block;
    text-align: right;
    color: #fff
}

.search,
a.search:active,
a.search:link,
a.search:visited {
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0;
    color: #a1a0a0;
    text-align: center;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 16px
}

a.search:before {
    content: "\f002"
}

.searchBox input.NormalTextBox {
    width: 80%;
    text-align: right;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 3px;
    background: 0 0;
    border: none;
    display: block;
    position: absolute;
    right: 25px;
    top: 6px;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    color: #333;
    vertical-align: middle
}

.searchBox .searchInputContainer {
    position: static !important
}

.searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    top: 8px !important;
    right: auto;
    left: 44px !important
}

.searchBox .searchSkinObjectPreview {
    left: 0 !important
}

.dnnSearchBoxPanel,
.dnnSearchResultPanel {
    width: 100%;
    max-width: none;
    padding: 10px 0 !important
}

.dnnSearchResultPanel {
    padding: 10px 0 7px !important
}

ul.searchSkinObjectPreview {
    z-index: 1000 !important;
    font-size: 13px
}

.source_code {
    margin: 5px 0
}

.roll_menu.roll_activated {
    position: fixed;
    background-color: #000;
    width: 100%;
    z-index: 1000
}

.dnn_logo {
    float: right;
    padding: 0
}

.dnn_logo img {
    max-height: 100%
}

.dnn_menu {
    position: relative;
    z-index: 904;
    margin: 0
}

#dnngo_megamenu {
    margin: 0;
    padding: 0;
    clear: both
}

#dnngo_megamenu .primary_structure {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0
}

#dnngo_megamenu .primary_structure>li {
    float: right;
    list-style: none;
    position: relative;
    margin: 0
}

#dnngo_megamenu .primary_structure>li>a {
    display: inline-block;
    padding: 0
}

#dnngo_megamenu .primary_structure span i,
#dnngo_megamenu .primary_structure span img,
.multi_menu ul li i,
.multi_menu ul li img {
    margin-left: 4px;
    transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

#dnngo_megamenu .dnngo_menuslide {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 903;
    margin: 0;
    padding: 0;
    left: inherit !important
}

#dnngo_megamenu .rtl .dnngo_menuslide.slide {
    right: auto !important;
    left: 0
}

#dnngo_megamenu .dnngo_menuslide>.dnngo_boxslide {
    padding: 18px 0 18px 40px
}

#dnngo_megamenu .dnngo_boxslide,
#dnngo_megamenu .dnngo_slide_menu {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 904
}

#dnngo_megamenu .dnngo_boxslide .menu_bottombox,
#dnngo_megamenu .dnngo_boxslide .menu_topbox,
#dnngo_megamenu .dnngo_masonrymenu {
    width: 100%
}

#dnngo_megamenu .dnngo_masonrymenu>ul {
    float: right
}

#dnngo_megamenu .dnngo_masonrymenu>ul>li {
    margin: 0 38px
}

#dnngo_megamenu .dnngo_slide_menu {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

#dnngo_megamenu .dnngo_slide_menu ul,
#dnngo_megamenu .dnngo_slide_menu ul li,
.img_list_1,
.list_style_3,
.list_style_6 {
    margin: 0;
    padding: 0
}

#to_top,
.mt-10 {
    margin-top: 10px
}

#anchorNav li,
.mb-10 {
    margin-bottom: 10px
}

#dnngo_megamenu .dnngo_slide_menu li {
    position: relative;
    list-style: none
}

#dnngo_megamenu .dnngo_slide_menu li a {
    text-decoration: none;
    text-align: right;
    padding: 7px 20px 7px 60px;
    font-size: 13px;
    display: block;
    transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in
}

#dnngo_megamenu .rtl .dnngo_slide_menu li a {
    padding: 7px 60px 7px 20px;
    text-align: left
}

#dnngo_megamenu .dnngo_slide_menu li.dir:before {
    content: "";
    left: 15px;
    top: 50%;
    position: absolute;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-left: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in
}

#dnngo_megamenu .rtl .dnngo_slide_menu li.dir:before {
    right: 15px;
    left: auto;
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

#dnngo_megamenu .rtl .dnngo_boxslide,
#dnngo_megamenu .rtl .dnngo_boxslide .menu_centerbox ul,
.ServeList_12.rtl {
    text-align: left
}

#dnngo_megamenu .dnngo_boxslide {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-align: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4)
}

#dnngo_megamenu .dnngo_boxslide .clear {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 0
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox,
#dnngo_megamenu .dnngo_boxslide .menu_leftbox {
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#dnngo_megamenu .dnngo_boxslide .menu_rightbox {
    float: right;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul {
    margin: 0;
    padding: 0;
    text-align: right
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li {
    list-style: none;
    padding: 3px 0;
    font-size: 12px
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li li {
    padding: 5px 10px
}

#dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu>ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    height: 1000%;
    border-right: 1px solid #e0e0e0
}

#dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu>ul>li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li {
    width: 100% !important
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
    display: block;
    width: 100%
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before {
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 8px
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before {
    border-right-color: #00b8de
}

#dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu>ul>li>a>span,
#dnngo_megamenu .mega_title {
    font-size: 14px !important;
    text-transform: capitalize;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 400;
    padding: 5px 0 15px;
    line-height: 1.2;
    color: #00b8de;
    letter-spacing: 0;
    position: relative;
    display: block;
    margin-bottom: 8px
}

#dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu>ul>li,
#dnngo_megamenu .dnngo_boxslide .menu_bottombox,
#dnngo_megamenu .dnngo_boxslide .menu_leftbox,
#dnngo_megamenu .dnngo_boxslide .menu_rightbox,
#dnngo_megamenu .dnngo_boxslide .menu_topbox,
.ServeList_35 li p,
.contact_info p,
.contact_info2 p,
.list_style_5 .content,
.timeline2 .time_right {
    overflow: hidden
}

#dnngo_megamenu .rtl li span>i,
#dnngo_megamenu .rtl li span>img {
    margin-right: 4px;
    margin-left: 0
}

#left_menu {
    padding: 0;
    margin: 0 0 15px;
    min-height: 300px
}

#left_menu ul {
    padding: 0;
    margin: 0
}

#left_menu ul li {
    list-style: none
}

#left_menu ul li a {
    display: block;
    text-decoration: none;
    padding: 18px 0 18px 20px;
    color: #666;
    position: relative;
    transition: background-color .2s ease-in;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in
}

#left_menu>.gomenu>ul>li>a {
    border-bottom: 1px solid #ddd;
    transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in
}

#left_menu>.gomenu>ul>li>ul {
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5
}

#left_menu ul li li a:before,
#left_menu ul li.dir>a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: -8px 0 0;
    text-align: center;
    background: url(images/arrow_2.png) 4px 4px no-repeat
}

#left_menu>.gomenu>ul>li.current.dir>a:after {
    background-position: -22px 4px
}

#left_menu ul li li a:before {
    background-position: 4px -19px;
    right: 0
}

#left_menu>.gomenu>ul>li.current>a:after,
#left_menu>.gomenu>ul>li.current>a:hover:after,
.Banner2 .Banner2_link a,
.color_white,
.color_white .Normal,
.color_white a,
.color_white a:active,
.color_white a:hover,
.color_white a:link,
.color_white a:visited,
.color_white h1,
.color_white h2,
.color_white h3,
.color_white h4,
.color_white h5,
.color_white h6,
.social_list_3.bg_color a span,
.title_style_27 span,
.tp-banner .banner3_more a,
.tp-banner .banner3_more a:active,
.tp-banner .banner3_more a:hover,
.tp-banner .banner3_more a:link,
.tp-banner .banner3_more a:visited,
.tp-banner .banner4_more a,
.tp-banner .banner4_more a:active,
.tp-banner .banner4_more a:link,
.tp-banner .banner4_more a:visited,
.tp-banner .banner6_more a:hover,
.tp-banner .banner6_more2 a:hover {
    color: #fff
}

#left_menu ul ul {
    display: none;
    padding: 0
}

#left_menu ul ul ul {
    padding: 0;
    display: none;
    border: none;
    margin-bottom: 0
}

#left_menu ul li li,
.backgroundImage7 .row,
.content_text_8 .text_right .btn_15 {
    margin: 0
}

#left_menu ul li li.last-item,
.list_style_12 li:last-child {
    border-bottom: none
}

#left_menu ul li li.dir>ul {
    border-top: 1px solid #e5e5e5
}

#left_menu ul li li a {
    position: relative;
    padding: 6px 22px 6px 20px;
    line-height: 18px;
    border: none;
    white-space: normal;
    color: #666;
    font-size: 13px;
    text-transform: none;
    margin-right: 20px;
    transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in
}

#left_menu ul li a:hover {
    color: #00b8de
}

#left_menu ul li li li a {
    margin-right: 40px
}

#left_menu ul li li li li a {
    margin-right: 60px
}

#dnn_content:before,
.BannerPane:before,
.Breadcrumb_bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.mt-20 {
    margin-top: 20px
}

.ServeList_25,
.ServeList_33 p,
.ServeList_39 p,
.mb-20 {
    margin-bottom: 20px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.mt-30 {
    margin-top: 30px
}

.content_text_7,
.mb-30 {
    margin-bottom: 30px
}

.pt-30 {
    padding-top: 30px
}

.ServeList_3,
.pb-30 {
    padding-bottom: 30px
}

.mt-40 {
    margin-top: 40px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.mt-50 {
    margin-top: 50px
}

.Banner1 .Banner1_link,
.mb-50 {
    margin-bottom: 50px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pl_100 {
    padding-right: 100px
}

.color_gray,
.color_gray .Normal,
.color_gray a,
.color_gray a:active,
.color_gray a:hover,
.color_gray a:link,
.color_gray a:visited,
.color_gray h1,
.color_gray h2,
.color_gray h3,
.color_gray h4,
.color_gray h5,
.color_gray h6,
.list_style_3 li a,
.list_style_6 li a,
.list_style_6 li a:active,
.list_style_6 li a:link,
.list_style_6 li a:visited {
    color: #999
}

.btn,
.btn:hover {
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.btn_1,
.btn_15,
.btn_2,
a.btn_1,
a.btn_15,
a.btn_2,
a:active.btn_1,
a:active.btn_15,
a:active.btn_2,
a:link.btn_1,
a:link.btn_15,
a:link.btn_2,
a:visited.btn_1,
a:visited.btn_15,
a:visited.btn_2 {
    padding: 12px 40px;
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    color: #00b8de;
    border: 2px solid #00b8de;
    margin: 0 0 10px 12px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in
}

.btn_15,
a.btn_15,
a:active.btn_15,
a:link.btn_15,
a:visited.btn_15 {
    padding: 18px 58px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.btn_15,
.btn_2,
a.btn_15,
a.btn_2,
a:active.btn_15,
a:active.btn_2,
a:link.btn_15,
a:link.btn_2,
a:visited.btn_15,
a:visited.btn_2 {
    color: #fff;
    border-color: #fff
}

.btn_1 .fa,
.btn_2 .fa {
    font-size: 24px;
    vertical-align: middle;
    margin: 0 5px
}

.btn_1:hover,
a.btn_1:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #00b8de;
    border-color: #00b8de
}

.btn_15:hover,
.btn_2:hover,
a.btn_15:hover,
a.btn_2:hover {
    background-color: #2e2e2e !important;
    border-color: #2e2e2e !important;
    color: #fff;
    text-decoration: none
}

.btn_3,
a.btn_3,
a:active.btn_3,
a:link.btn_3,
a:visited.btn_3 {
    font-size: 15px;
    padding: 20px 60px;
    margin: 0 0 8px;
    border: 1px solid #fff;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

a.btn_3:hover {
    border-color: #61b632;
    background-color: #61b632;
    color: #fff !important;
    text-decoration: none
}

.btn_4,
a.btn_4,
a:active.btn_4,
a:link.btn_4,
a:visited.btn_4 {
    font-size: 15px;
    padding: 11px 29px;
    margin: 0 0 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    background-color: #61b632;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

a.btn_4:hover {
    background-color: #000 !important;
    text-decoration: none
}

.btn_5,
a.btn_5,
a:active.btn_5,
a:link.btn_5,
a:visited.btn_5 {
    color: #fff;
    font-size: 15px;
    padding: 15px 45px;
    margin: 0 0 8px;
    border: 2px solid #fff;
    text-decoration: none;
    display: inline-block;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

a.btn_5:hover {
    border-color: #000;
    background-color: #000;
    color: #fff !important;
    text-decoration: none
}

.btn_6,
a.btn_6,
a:active.btn_6,
a:link.btn_6,
a:visited.btn_6 {
    font-size: 14px;
    padding: 15px 50px;
    color: #cd3637;
    border: 2px solid #cd3637;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    margin: 0 8px 8px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

a.btn_6:hover {
    border-color: #cd3637;
    background-color: #cd3637;
    color: #fff !important;
    text-decoration: none
}

.btn_7,
a.btn_7,
a:active.btn_7,
a:link.btn_7,
a:visited.btn_7 {
    font-size: 14px;
    padding: 15px 45px;
    color: #fff;
    background-color: #50bdac;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 8px 20px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

a.btn_7:hover {
    background-color: #444 !important;
    text-decoration: none
}

.btn_8,
a.btn_8,
a:active.btn_8,
a:link.btn_8,
a:visited.btn_8 {
    font-size: 14px;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    background-color: #444;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 8px 20px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

a.btn_8:hover,
a.btn_9:hover {
    background-color: #50bdac;
    text-decoration: none
}

.btn_9,
a.btn_9,
a:active.btn_9,
a:link.btn_9,
a:visited.btn_9 {
    font-size: 14px;
    padding: 15px 50px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 8px 20px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

a.btn_9:hover {
    border: 2px solid #50bdac
}

.btn_10,
a.btn_10,
a:active.btn_10,
a:link.btn_10,
a:visited.btn_10 {
    font-size: 14px;
    padding: 0 50px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    background-color: #fcc012;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 8px 20px;
    border-bottom: 4px solid rgba(0, 0, 0, .1);
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

a.btn_10:hover,
a.btn_11:hover,
a.btn_12:hover {
    background-color: #555 !important;
    text-decoration: none
}

.btn_11,
a.btn_11,
a:active.btn_11,
a:link.btn_11,
a:visited.btn_11 {
    font-size: 14px;
    padding: 0 50px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    background-color: #11ba99;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 8px 20px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.btn_12,
a.btn_12,
a:active.btn_12,
a:link.btn_12,
a:visited.btn_12 {
    font-size: 14px;
    padding: 0 50px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    background-color: #00aec8;
    border-right: 4px solid rgba(0, 0, 0, .2);
    text-decoration: none;
    display: inline-block;
    margin: 0 0 8px 20px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.btn_13,
a.btn_13,
a:active.btn_13,
a:link.btn_13,
a:visited.btn_13 {
    font-size: 14px;
    padding: 0 50px;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    color: #00aec8;
    border-right: 4px solid rgba(0, 0, 0, .2);
    text-decoration: none;
    display: inline-block;
    margin: 0 0 8px 20px;
    font-weight: 700;
    transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in
}

a.btn_13:hover {
    color: #fff !important;
    border: 2px solid #fff;
    background-color: transparent;
    text-decoration: none;
    line-height: 56px;
    padding: 0 52px 0 48px
}

.btn_14,
a.btn_14,
a:active.btn_14,
a:link.btn_14,
a:visited.btn_14 {
    display: inline-block;
    padding: 15px 50px;
    margin: 0 0 15px 30px;
    border: 2px solid #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    font-size: 16px;
    color: #fff;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.Banner1 .Banner1_link a:hover,
a.btn_14:hover {
    text-decoration: none;
    color: #00b8de;
    background-color: #fff
}

.foot_bg,
.footer_bottom {
    position: relative;
    z-index: 3
}

.foot_bgs,
.footer_bottom_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1
}

.footer_bottom,
.list_style_9 li {
    padding: 10px 0
}

.footer_box [class*=Pane] {
    margin: 50px 0 40px
}

.footer_box,
.footer_box .Normal,
.footer_box a {
    font-size: 13px;
    color: #8f8f8f
}

.copyright_style {
    float: right;
    padding: 10px 8px
}

.FooterPane {
    float: left;
    padding: 9px 8px 0;
    margin: 0 !important
}

.copyright_style,
.copyright_style a,
.copyright_style a:active,
.copyright_style a:link,
.copyright_style a:visited {
    text-decoration: none;
    font-size: 13px
}

.copyright_style a:hover {
    text-decoration: none;
    color: #00b8de
}

.FooterPane .social-icons {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px
}

#to_top {
    width: 65px;
    height: 65px;
    float: left;
    text-align: center;
    font-size: 24px;
    z-index: 1000;
    cursor: pointer;
    position: fixed;
    left: 90px;
    bottom: 120px;
    display: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #333;
    background: url(images/top_ico.png) center 18px no-repeat;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -ms-transition: .3s ease-in
}

a.Button_style1,
a.Button_style2 {
    background: url(images/but_bg.png) right bottom/contain repeat-x;
    transition: background-color .2s ease-in;
    margin: 0 0 5px 5px;
    position: relative;
    vertical-align: middle;
    font-size: 12px;
    padding: 10px 16px;
    white-space: nowrap;
    display: inline-block
}

#to_top:hover {
    background-position: center -33px;
    background-color: #000
}

#go_up {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    background-color: #00aec8;
    margin: -18px auto 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer
}

@media only screen and (min-width:1300px) {
    #go_up {
        margin-top: -34px;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@media only screen and (min-width:1500px) {
    #go_up {
        margin-top: -24px;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.FooterPane .Normal,
.FooterPane .social-icons a,
.FooterPane a,
.FooterPane a:active,
.FooterPane a:link,
.FooterPane a:visited,
.copyright_style,
.copyright_style a,
.copyright_style a:active,
.copyright_style a:link,
.copyright_style a:visited,
.list_style_13 li a,
.list_style_13 li a:active,
.list_style_13 li a:link,
.list_style_13 li a:visited,
.list_style_7 li a,
.list_style_7 li a:active,
.list_style_7 li a:link,
.list_style_7 li a:visited,
.list_style_8 li a,
.list_style_8 li a:active,
.list_style_8 li a:link,
.list_style_8 li a:visited,
.mm-menu .mm-navbar.mm-navbar-top-2,
.mm-menu .mm-navbar.mm-navbar-top-2 a,
.shop_info span {
    color: #666
}

a.Button_style1,
a.Button_style2,
a.Button_style3 {
    color: #fff !important;
    text-decoration: none
}

a.Button_style1 {
    border-radius: 3px 3px 4px 4px;
    -moz-border-radius: 3px 3px 4px 4px;
    -webkit-border-radius: 3px 3px 4px 4px;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, .2) inset;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 -3px rgba(0, 0, 0, .2) inset;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in
}

a.Button_style2 {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in
}

.banner4_more,
a.Button_style3 {
    transition: background-color .2s ease-in
}

a.Button_style3 {
    padding: 10px 16px;
    margin: 0 0 5px 5px;
    position: relative;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in
}

a[class*=Button].Red {
    background-color: #df0c00
}

a[class*=Button].Teal {
    background-color: #20b2aa
}

a[class*=Button].Violet {
    background-color: #6f0080
}

a[class*=Button].MidnightBlue {
    background-color: #191970
}

a[class*=Button].gold {
    background-color: gold
}

a[class*=Button].OliveDrab {
    background-color: #76a732
}

a[class*=Button].SteelBlue {
    background-color: #4682b4
}

a[class*=Button].GoldenOrange {
    background-color: #f88616
}

a[class*=Button].silver {
    background-color: silver
}

a[class*=Button].dark {
    background-color: #4a4949
}

a[class*=Button].small {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 16px;
    line-height: 18px
}

a[class*=Button].large {
    font-size: 13px;
    letter-spacing: 1.2px;
    line-height: 20px;
    padding: 15px 22px
}

a[class*=Button].jumbo {
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 24px;
    padding: 18px 26px
}

a.Button_style1:hover,
a.Button_style2:hover,
a.Button_style3:hover {
    color: #fff !important;
    background-color: #2e2e2e;
    text-decoration: none
}

.pace-running .pace_bg,
.pace_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10100
}

.pace-running .body_bg {
    visibility: hidden
}

.animations {
    visibility: visible
}

.showControlBar .pace_bg {
    margin-top: -53px !important
}

.pace-running .pace {
    z-index: 10101
}

.pace,
.pace *,
.pace :after,
.pace :before,
.pace:after,
.pace:before {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.pace-done .pace,
.pace-done .pace_bg {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in
}

.box-effect-1 .left-menu {
    visibility: visible;
    z-index: 940;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.box-effect-1.active .left-menu {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.box-effect-1.active #header_slide,
.box-effect-2.active #header_slide,
.box-effect-3.active #header_slide,
.box-effect-4.active #header_slide,
.box-effect-5.active #header_slide {
    right: 302px
}

.box-effect-2.active,
.box-effect-2.delay,
.box-effect-3.active,
.box-effect-3.delay,
.box-effect-4.active,
.box-effect-4.delay,
.box-effect-5.active,
.box-effect-5.delay {
    overflow: hidden;
    height: auto !important
}

.box-effect-2.active .rightmain,
.box-effect-2.delay .rightmain,
.box-effect-4.active .rightmain,
.box-effect-4.delay .rightmain,
.box-effect-5.active .rightmain,
.box-effect-5.delay .rightmain {
    box-shadow: 0 0 9px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .3)
}

.box-effect-10.active .rightmain,
.box-effect-13.active .rightmain,
.box-effect-14.active .rightmain,
.box-effect-2.active .rightmain,
.box-effect-3.active .rightmain,
.box-effect-4.active .rightmain,
.box-effect-5.active .rightmain,
.box-effect-7.active .rightmain,
.box-effect-8.active .rightmain {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

.box-effect-2 .left-menu {
    z-index: 1
}

.box-effect-2.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.box-effect-3.active .left-menu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.box-effect-3 .left-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 50
}

.box-effect-4 .left-menu {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.box-effect-10.active .left-menu,
.box-effect-11.active .left-menu,
.box-effect-12.active .left-menu,
.box-effect-4.active .left-menu,
.box-effect-5.active .left-menu,
.box-effect-9.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.box-effect-5 .left-menu {
    z-index: 1;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.box-effect-11.active,
.box-effect-11.delay,
.box-effect-12.active,
.box-effect-12.delay,
.box-effect-6.active,
.box-effect-6.delay,
.box-effect-9.active,
.box-effect-9.delay {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    overflow: hidden
}

.box-effect-10.active .rightmain,
.box-effect-10.delay .rightmain,
.box-effect-11.active .rightmain,
.box-effect-11.delay .rightmain,
.box-effect-13.active .rightmain,
.box-effect-13.delay .rightmain,
.box-effect-14.active .rightmain,
.box-effect-14.delay .rightmain,
.box-effect-6.active .rightmain,
.box-effect-6.delay .rightmain {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 0 9px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .3)
}

.box-effect-6 .rightmain {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.box-effect-6.active .rightmain {
    -webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg);
    transform: translate3d(300px, 0, 0) rotateY(-15deg)
}

.box-effect-6 .left-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 50
}

.box-effect-6.active .left-menu,
.box-effect-7.active .left-menu,
.box-effect-8.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateY(0)
}

.box-effect-10.active,
.box-effect-10.delay,
.box-effect-7.active,
.box-effect-7.delay,
.box-effect-8.active,
.box-effect-8.delay {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    overflow: hidden;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%
}

.box-effect-12.active .rightmain,
.box-effect-12.delay .rightmain,
.box-effect-7.active .rightmain,
.box-effect-7.delay .rightmain,
.box-effect-8.active .rightmain,
.box-effect-8.delay .rightmain,
.box-effect-9.active .rightmain,
.box-effect-9.delay .rightmain {
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.box-effect-11 .rightmain,
.box-effect-14 .rightmain,
.box-effect-7 .rightmain,
.box-effect-8 .rightmain,
.box-effect-9 .rightmain {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.box-effect-7 .left-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 50
}

.box-effect-8 .left-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 50
}

.box-effect-9.active .rightmain {
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px)
}

.box-effect-12 .left-menu,
.box-effect-9 .left-menu {
    opacity: 1;
    z-index: 50;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.box-effect-10 .left-menu {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px)
}

.box-effect-11.active .rightmain {
    -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
    transform: translate3d(100px, 0, -600px) rotateY(-20deg)
}

.box-effect-11 .left-menu {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.box-effect-12 .rightmain {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.box-effect-12.active .rightmain {
    -webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg)
}

.box-effect-13.active,
.box-effect-13.delay,
.box-effect-14.active,
.box-effect-14.delay {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
    overflow: hidden
}

.box-effect-13 .left-menu {
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.box-effect-13.active .left-menu {
    visibility: visible;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-speed: 0.2s;
    transition-speed: 0.2s
}

.box-effect-14 .left-menu {
    -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.box-effect-14.active .left-menu {
    visibility: visible;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 0, 0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateY(0)
}

.no-csstransforms3d .rightmain,
.no-js .rightmain {
    padding-right: 300px
}

#anchorNav {
    position: fixed;
    left: 20px;
    top: 35%;
    margin: 0;
    padding: 0;
    z-index: 10000
}

#anchorNav li {
    list-style: none;
    cursor: pointer;
    position: relative
}

#anchorNav li i {
    display: block;
    width: 24px;
    height: 22px;
    background-color: #7f7f7f;
    border: 1px solid rgba(0, 0, 0, .3);
    text-indent: -200px;
    overflow: hidden;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out
}

#anchorNav li.active i,
#anchorNav li:hover i {
    background-color: #a5a5a5
}

#anchorNav li span {
    background-color: #fcc012;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -14px 0 0 10px;
    white-space: nowrap;
    padding: 1px 5px;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in
}

#anchorNav li:hover span {
    opacity: 1;
    visibility: visible
}

.backgroundImage1 {
    background-color: #f4f4f4
}

.backgroundImage11 .left_bg>*,
.backgroundImage2,
.backgroundImage20,
.backgroundImage21,
.backgroundImage22,
.backgroundImage3,
.backgroundImage4,
.backgroundImage7 {
    position: relative;
    z-index: 1
}

.backgroundImage22:before,
.backgroundImage2:before,
.backgroundImage3:before,
.backgroundImage4:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #00b8de;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transform: skew(0deg, 4deg);
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.backgroundImage5,
.backgroundImage6 {
    text-align: center;
    backface-visibility: hidden;
    position: static
}

.backgroundImage3:before {
    background: #7770cc
}

.backgroundImage22:before,
.backgroundImage4:before {
    background: #b75ccd
}

.backgroundImage5 {
    background: url(images/img_bg_5.jpg) center center/cover no-repeat fixed
}

.backgroundImage5>.shade {
    background: url(images/icon_02.png)
}

.backgroundImage6 {
    background: url(images/img_bg_6.jpg) center center/cover no-repeat fixed
}

.Banner1 .Banner1_bg,
.Banner2 .Banner2_bg,
.ServeList_8 img,
.backgroundImage21:before,
.img_list_1 li,
html.mm-opening.mm-opened .mm-slideout {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.backgroundImage11 .right_bg,
.backgroundImage17 .col-sm-6,
.backgroundImage7 .col-sm-6,
.backgroundImage7 .col-sm-6 .DnnModule {
    position: static
}

.backgroundImage8 {
    background-color: #cd3637
}

.backgroundImage9 {
    background-color: #1e1e1e
}

.backgroundImage11 {
    position: relative;
    background-color: #50bdad;
    overflow: hidden
}

.backgroundImage11 .right_bg:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ececec;
    margin-right: -15px
}

.backgroundImage13 {
    background-color: #ececec
}

.backgroundImage15 {
    background-color: #ededed
}

.backgroundImage17 {
    position: relative;
    background-color: #4b5e64
}

.backgroundImage18 [class*=Full_Screen_PaneJ] {
    margin: 60px 0
}

.backgroundImage21:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #00aec8;
    position: absolute;
    top: 0;
    right: 0;
    transform: skew(0deg, -4deg);
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    z-index: -1
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    [class*=backgroundImage] {
        background-attachment: scroll !important
    }
}

.title_style_1 {
    font-size: 30px;
    color: #000;
    font-weight: 400;
    margin-bottom: 40px
}

.title_style_1:after {
    content: "";
    width: 50px;
    display: block;
    border-bottom: 3px solid #00b8de;
    margin-top: 30px
}

.title_style_2,
.title_style_3 {
    font-size: 40px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    font-weight: 400
}

.title_style_4,
.title_style_5 {
    font-size: 26px;
    margin: 0 0 35px;
    padding: 0;
    text-align: center
}

.title_style_4,
.title_style_4 span,
.title_style_5,
.title_style_6 {
    line-height: 1.2;
    white-space: normal;
    vertical-align: middle;
    font-weight: 700
}

.ServeList_16:hover h3,
.title_style_3 {
    color: #333
}

.title_style_2 .icon,
.title_style_3 .icon {
    width: 42px;
    height: 42px;
    text-align: center;
    display: block;
    margin: 40px auto 0;
    position: relative
}

.title_style_3 .icon {
    color: #27a6f0
}

.title_style_2 .icon:after,
.title_style_2 .icon:before,
.title_style_3 .icon:after,
.title_style_3 .icon:before {
    content: "";
    width: 80px;
    position: absolute;
    right: auto;
    left: 100%;
    top: 50%;
    margin-left: 15px;
    border-bottom: 1px solid #fff
}

.title_style_3 .icon:after,
.title_style_3 .icon:before {
    border-bottom-color: #ddd
}

.title_style_2 .icon:after,
.title_style_3 .icon:after {
    left: auto;
    right: 100%;
    margin-right: 15px
}

.title_style_4 {
    color: #333
}

.title_style_4 span {
    display: block;
    font-size: 15px;
    color: #666;
    padding: 10px 0 0;
    margin: 0
}

.title_style_5 {
    color: #fff
}

.title_style_6 {
    font-size: 30px;
    color: #333;
    padding: 0;
    margin: 0 0 40px
}

.title_style_10,
.title_style_7,
.title_style_8,
.title_style_9 {
    line-height: 1.2;
    white-space: normal;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 10px
}

.title_style_6:after {
    content: "";
    width: 50px;
    display: block;
    padding-top: 40px;
    border-bottom: 3px solid #61b632
}

.title_style_10:before,
.title_style_8:before,
.title_style_9:before {
    display: block;
    margin: 0 auto 20px;
    width: 40px;
    content: ""
}

.title_style_7 {
    font-size: 26px;
    color: #fff;
    font-weight: 700
}

.title_style_11,
.title_style_12 {
    font-size: 36px;
    font-weight: 700
}

.title_style_10,
.title_style_8,
.title_style_9 {
    font-size: 36px;
    color: #333;
    font-weight: 700;
    text-align: center
}

.title_style_8:before {
    border-top: 3px solid #cd3637
}

.title_style_9:before {
    border-top: 3px solid #fff
}

.title_style_10:before {
    border-top: 4px solid #cd3637
}

.title_style_11:before {
    border-right: 3px solid #fff;
    content: "";
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    margin: 0 0 5px 25px
}

.title_style_12:after,
.title_style_12:before,
.title_style_13:after,
.title_style_13:before,
.title_style_14:after,
.title_style_14:before {
    content: "";
    height: 30px;
    display: inline-block;
    vertical-align: middle
}

.title_style_12 {
    margin-bottom: 36px;
    white-space: nowrap
}

.title_style_13,
.title_style_14 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center
}

.title_style_12:before,
.title_style_14:before {
    border-right: 3px solid #50bdad;
    margin: 0 0 4px 27px
}

.title_style_12:after,
.title_style_14:after {
    border-left: 3px solid #50bdad;
    margin: 0 27px 4px 0
}

.title_style_13:before {
    border-right: 3px solid #fff;
    margin: 0 0 4px 27px
}

.title_style_13:after {
    border-left: 3px solid #fff;
    margin: 0 27px 4px 0
}

.title_style_14 {
    color: #000i
}

.title_style_16,
.title_style_17,
.title_style_18,
.title_style_19 {
    margin-bottom: 18px;
    font-weight: 700
}

.title_style_15 h3 {
    font-size: 30px;
    color: #000;
    margin-bottom: 12px
}

.title_style_15 .number {
    font-size: 30px;
    color: #fcc012;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-weight: 700;
    margin-bottom: 15px
}

.title_style_22:after,
.title_style_23:after {
    display: block;
    margin: 15px auto 0;
    width: 50px;
    content: ""
}

.title_style_15 .number:after,
.title_style_15 .number:before {
    content: "";
    width: 80px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 100%;
    border-top: 1px solid #fcc012;
    border-bottom: 1px solid #fcc012
}

.title_style_15 .number:after {
    left: auto;
    right: 100%
}

.title_style_16,
.title_style_17 {
    font-size: 20px;
    color: #333
}

.title_style_18 {
    font-size: 20px;
    text-align: center
}

.title_style_19 {
    font-size: 30px;
    line-height: 1.3;
    overflow: hidden;
    color: #fff
}

.title_style_22,
.title_style_23 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center
}

.title_style_19 span {
    display: inline-block;
    padding-left: 35px;
    border-left: 1px solid rgba(255, 255, 255, .5);
    position: relative;
    max-width: 80%
}

.title_style_19 span:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1000%;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.title_style_20,
.title_style_21 {
    padding: 0 0 20px;
    text-align: center
}

.title_style_20 h3,
.title_style_21 h3 {
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    white-space: normal;
    border: 2px solid #000;
    vertical-align: middle;
    font-weight: 700;
    margin: 0 0 4px;
    position: relative;
    display: inline-block;
    padding: 18px 42px
}

.title_style_21 h3 {
    color: #fff;
    border-color: #fff
}

.title_style_22 {
    line-height: 1.2;
    color: #000;
    font-weight: 400
}

.title_style_22:after {
    border-bottom: 3px solid #00b8de
}

.title_style_23 {
    line-height: 1.2;
    color: #000;
    font-weight: lighter
}

.title_style_23:after {
    border-bottom: 3px solid #fff
}

.title_style_24 {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 20px
}

.title_style_24 span {
    font-size: 14px;
    color: #666;
    padding-right: 10px
}

.title_style_25 {
    font-weight: 400;
    font-size: 30px;
    padding-bottom: 20px;
    text-align: center
}

.title_style_26,
.title_style_27 {
    font-size: 30px;
    line-height: 1.2;
    color: #333;
    white-space: normal;
    vertical-align: middle;
    font-weight: 700;
    margin: 0 0 20px;
    position: relative;
    text-align: center
}

.title_style_26 span,
.title_style_27 span {
    display: inline-block;
    position: relative;
    padding: 0 26px
}

.title_style_26 span:before,
.title_style_27 span:before {
    content: "";
    border-right: 3px solid #50bdad;
    height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px
}

.title_style_26 span:after,
.title_style_27 span:after {
    content: "";
    border-left: 3px solid #50bdad;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px
}

.title_style_27 span:after,
.title_style_27 span:before {
    border-color: #fff
}

.title_style_28 {
    font-size: 40px;
    color: #e6e6e6;
    margin-bottom: 60px;
    line-height: 1.2
}

.title_style_29 {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px
}

.title_style_30,
.title_style_31 {
    font-size: 30px;
    margin-bottom: 50px
}

.title_style_29 span {
    display: block;
    color: #999;
    font-size: 13px;
    letter-spacing: 1px
}

.title_style_30 {
    color: #333
}

.title_style_31 {
    color: #fff
}

.content_text_1,
.content_text_2,
.content_text_4,
.content_text_6 {
    text-align: center;
    position: relative
}

.content_text_1 .text_img {
    display: inline-block;
    position: relative;
    max-width: 65%
}

.content_text_1 .text_img:before,
.content_text_4 .text_img:before {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 5%;
    width: 90%;
    height: 16px;
    z-index: -1;
    box-shadow: 0 0 100px #000
}

.content_text_1 dl {
    position: absolute;
    right: 0;
    top: 20%;
    text-align: left;
    max-width: 15%
}

.content_text_1 dl.text_right {
    right: auto;
    left: 0;
    text-align: right;
    top: auto;
    bottom: 20%
}

.content_text_1 dl dt {
    font-size: 18px;
    margin-bottom: 8px
}

.ServeList_12 li p,
.ServeList_13 li p,
.content_text_1 dl dd,
.content_text_2 dl dd,
.content_text_4 dl dd,
.content_text_6 dl dd {
    line-height: 1.8
}

.content_text_1 dl .line {
    width: 270px;
    height: 85px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute
}

.content_text_1 dl .line:after,
.content_text_1 dl .line:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -13px
}

.content_text_1 dl .line:after {
    position: absolute;
    right: auto;
    top: auto;
    left: 0;
    bottom: -8px;
    background-color: #fff
}

.content_text_1 dl.text_left .line {
    top: 100%;
    margin-top: 30px;
    right: 50%
}

.content_text_1 dl.text_right .line {
    bottom: 100%;
    margin-bottom: 30px;
    left: 50%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.content_text_2 .text_img {
    display: inline-block;
    position: relative;
    max-width: 60%
}

.content_text_2 dl {
    position: absolute;
    max-width: 18%
}

.content_text_2 dl.text_box_1 .line,
.content_text_2 dl.text_box_2 .line {
    width: 217px;
    height: 100px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-right: 3px
}

.content_text_2 dl.text_box_1 .line:before,
.content_text_2 dl.text_box_2 .line:before {
    content: "";
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: -6px;
    bottom: -10px
}

.content_text_2 dl.text_box_2 .line {
    right: auto;
    left: 100%;
    margin-left: 4px;
    border-left: none;
    border-right: 1px solid #ccc
}

.content_text_2 dl.text_box_2 .line:before,
.content_text_2 dl.text_box_4 .line:before {
    left: auto;
    right: -6px
}

.content_text_2 dl.text_box_3 .line,
.content_text_2 dl.text_box_4 .line {
    width: 115px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-right: 3px
}

.content_text_2 dl.text_box_3 .line:before,
.content_text_2 dl.text_box_4 .line:before {
    content: "";
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: -6px;
    bottom: -5px
}

.content_text_2 dl.text_box_4 .line {
    right: auto;
    left: 100%;
    margin-left: 3px
}

.content_text_2 dl.text_box_1 {
    right: 0;
    top: 10%;
    text-align: left;
    margin-right: 5%;
    border-left: 3px solid #61b633;
    padding-left: 20px
}

.content_text_2 dl.text_box_2 {
    left: 0;
    top: 10%;
    text-align: right;
    margin-left: 5%;
    border-right: 3px solid #61b633;
    padding-right: 20px
}

.content_text_2 dl.text_box_3 {
    right: 0;
    bottom: 20%;
    text-align: left;
    border-left: 3px solid #61b633;
    padding-left: 20px
}

.content_text_2 dl.text_box_4 {
    left: 0;
    bottom: 20%;
    text-align: right;
    border-right: 3px solid #61b633;
    padding-right: 20px
}

.content_text_2 dl dt {
    color: #333;
    font-size: 16px;
    margin-bottom: 8px
}

.content_text_3 {
    color: #fff;
    font-size: 20px;
    padding: 0 10px
}

.content_text_5,
.content_text_6 dl .line span {
    font-size: 16px;
    text-align: center
}

.content_text_3 h3 {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2
}

.content_text_4 img {
    max-width: 100%;
    margin-bottom: 60px
}

.content_text_4 .text_img {
    display: inline-block;
    position: relative;
    max-width: 45%
}

.content_text_4 dl {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    max-width: 24%
}

.content_text_4 dl.text_right {
    right: auto;
    left: 0;
    text-align: left
}

.content_text_4 dl dt {
    font-size: 20px;
    margin-bottom: 8px
}

.content_text_4 dl dt span {
    font-size: 70px;
    font-weight: 400;
    display: block
}

.content_text_4 dl .line {
    width: 440px;
    height: 74px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    position: absolute;
    top: 100%;
    margin-top: 30px;
    right: 10%
}

.content_text_4 dl.text_right .line {
    right: auto;
    left: 10%
}

.content_text_5 .ico {
    width: 104px;
    height: 104px;
    text-align: center;
    border: 2px solid #fff;
    margin: auto auto 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 40px;
    color: #50bdad
}

.content_text_5 .ico span {
    width: 90px;
    height: 90px;
    line-height: 90px;
    display: block;
    margin: 5px auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #fff
}

.content_text_5 .title {
    font-size: 40px;
    font-weight: 700
}

.content_text_6 .text_img {
    display: inline-block;
    position: relative;
    max-width: 30%;
    text-align: center
}

.content_text_6 dl {
    position: absolute;
    max-width: 28%
}

.Banner1,
.Banner2,
.list_style_8 li {
    position: relative
}

.content_text_6 dl .line span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    color: #00aec8;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute
}

.content_text_6 dl.text_box_1 .line span,
.content_text_6 dl.text_box_3 .line span {
    top: -25px;
    right: -25px
}

.content_text_6 dl.text_box_1 .line,
.content_text_6 dl.text_box_3 .line {
    width: 150px;
    height: 50px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-right: 60px;
    text-align: right
}

.content_text_6 dl.text_box_1 .line:before,
.content_text_6 dl.text_box_3 .line:before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #313131;
    border: 2px solid #fff;
    box-shadow: 0 0 1px #999;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: -5px;
    bottom: -5px
}

.content_text_6 dl.text_box_2 .line span,
.content_text_6 dl.text_box_4 .line span {
    top: -25px;
    left: -25px
}

.content_text_6 dl.text_box_2 .line,
.content_text_6 dl.text_box_4 .line {
    width: 150px;
    height: 50px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 60px
}

.content_text_6 dl.text_box_2 .line:before,
.content_text_6 dl.text_box_4 .line:before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #313131;
    border: 2px solid #fff;
    box-shadow: 0 0 1px #999;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    right: -5px;
    bottom: -5px
}

.content_text_6 dl.text_box_1 {
    right: 0;
    top: 10%;
    text-align: left;
    padding-left: 20px
}

.content_text_6 dl.text_box_2 {
    left: 0;
    top: 10%;
    text-align: right;
    padding-right: 20px
}

.content_text_6 dl.text_box_3 {
    right: 0;
    bottom: 0;
    text-align: left;
    padding-left: 20px
}

.content_text_6 dl.text_box_4 {
    left: 0;
    bottom: 0;
    text-align: right;
    padding-right: 20px
}

.content_text_6 dl.text_box_3 .line,
.content_text_6 dl.text_box_4 .line {
    top: 15px
}

.content_text_6 dl dt {
    font-weight: lighter;
    letter-spacing: 1px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px
}

.content_text_7 h3 {
    font-size: 40px;
    margin: 45px 0;
    line-height: 1.2
}

.content_text_8 .text_left {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 700;
    margin-left: 250px
}

.content_text_8 .text_right {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.content_text_9 .icon {
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #219ae1;
    margin: auto auto 60px
}

.content_text_9 h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 45px;
    line-height: 1.2
}

@media only screen and (min-width:1200px) {

    #dnngo_megamenu.IHide-lg li span>i,
    #dnngo_megamenu.IHide-lg li span>img {
        display: none
    }

    #anchorNav {
        left: 80px
    }

    .content_text_8 {
        font-size: 28px
    }
}

.ServeList_15,
.ServeList_32,
.list_style_1,
.list_style_10,
.list_style_11,
.list_style_12,
.list_style_4,
.list_style_5,
.list_style_7,
.list_style_8,
.list_style_9,
.product_list_02 {
    margin: 0;
    padding: 0;
    list-style: none
}

.list_style_1 li {
    padding: 8px 0
}

.list_style_1 li:before {
    content: "\f105";
    width: 21px;
    height: 21px;
    line-height: 20px;
    text-align: center;
    color: #00b8de;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #00b8de;
    font-family: FontAwesome;
    margin-left: 10px
}

.list_style_2 {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff
}

.list_style_2 .fa {
    width: 80px;
    height: 80px;
    font-size: 26px;
    line-height: 80px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 0 10px 15px;
    display: inline-block;
    vertical-align: middle
}

.list_style_5 .ico,
.list_style_8 li .fa {
    height: 100px;
    width: 100px;
    text-align: center
}

.list_style_2 li {
    clear: both;
    min-height: 95px;
    padding-bottom: 25px;
    white-space: nowrap
}

.list_style_2 li .info,
.product_list_02 .content {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    max-width: 70%
}

.list_style_3 li {
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #4d4d4d
}

.list_style_3.border li {
    border-color: #cbcbcb
}

.list_style_3 li:before {
    content: "\f009";
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: middle
}

.list_style_4 img {
    float: right;
    margin: 0 0 5px 15px
}

.list_style_4 li {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px
}

.list_style_5 li {
    clear: both;
    overflow: hidden;
    padding: 30px 0
}

.list_style_5 .ico {
    line-height: 100px;
    font-size: 34px;
    color: #cd3637;
    border: 2px solid #cd3637;
    margin: 8px 0 0 30px;
    float: right
}

.ServeList_15 li p,
.ServeList_18 p,
.list_style_5 li p,
.list_style_8 li p {
    line-height: 2
}

.list_style_6 li {
    list-style: none;
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding: 10px 0
}

.list_style_6 li:before {
    content: "\f101";
    font-family: FontAwesome;
    color: #cb3637;
    margin-left: 8px
}

.list_style_6 li a:hover {
    color: #cb3637
}

.list_style_7 li {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding: 8px 0
}

.list_style_13 li .fa,
.list_style_7 li .fa {
    margin-left: 10px;
    font-size: 17px;
    vertical-align: middle;
    color: #50bdad
}

.list_style_13 li a:hover,
.list_style_7 li a:hover,
.list_style_8 li a:hover {
    color: #50bdad
}

.list_style_8 li {
    min-height: 100px;
    padding: 0 177px 50px 0
}

.list_style_8 li .fa {
    line-height: 100px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #fff;
    margin-left: 10px;
    font-size: 30px;
    vertical-align: middle;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.list_style_8 li h3 {
    font-weight: 400;
    margin-bottom: 20px
}

.list_style_9 li:before {
    content: "\f00c";
    font-family: FontAwesome;
    border: 3px solid #fcc116;
    color: #fcc116;
    width: 22px;
    height: 22px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-left: 20px;
    display: inline-block
}

.list_style_10 li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0
}

.list_style_10 li .fa {
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background-color: #11ba99;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 10px;
    margin-left: 10px;
    vertical-align: middle
}

.list_style_10 li,
.list_style_10 li a,
.list_style_10 li a:active,
.list_style_10 li a:link,
.list_style_10 li a:visited {
    color: #666;
    text-decoration: none
}

.list_style_10 li a:hover,
.list_style_11 li a:hover {
    color: #11ba99
}

.list_style_11 li {
    border-bottom: 1px solid #39424a;
    border-color: rgba(255, 255, 255, .2);
    padding: 19px 0
}

.list_style_11 li:first-child,
.product_list_02 li:first-child {
    padding-top: 0
}

.list_style_11 li .fa {
    color: #8c9196;
    margin-left: 15px
}

.list_style_11 li,
.list_style_11 li a,
.list_style_11 li a:active,
.list_style_11 li a:link,
.list_style_11 li a:visited {
    color: #bac3cc;
    text-decoration: none
}

.list_style_12 li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.list_style_12 li .fa {
    margin-left: 18px;
    color: #a3a3a3;
    font-size: 20px;
    vertical-align: middle
}

.list_style_13 {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.list_style_13 li {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
    padding: 8px 0;
    font-size: 13px
}

.list_style_14,
.list_style_15,
.list_style_16 {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none;
    overflow: hidden
}

.list_style_14 li {
    width: 50%;
    float: right;
    padding: 5px 0
}

.list_style_14 li .fa {
    color: #999;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 10px
}

.list_style_15 li .fa,
.list_style_16 li .fa {
    font-size: 15px;
    color: #00b8de;
    vertical-align: middle
}

.list_style_15 li {
    margin: 0;
    padding: 5px 0
}

.list_style_15 li .fa {
    margin-left: 15px
}

.list_style_16 li {
    margin: 0;
    padding: 10px 0
}

.list_style_16 li .fa {
    margin-left: 20px
}

.list_style_16 li a:hover {
    color: #00b8de;
    text-decoration: none
}

.Banner1 .Banner1_bg,
.Banner2 .Banner2_bg,
.Banner2 .Banner2_link:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.Banner1 {
    width: 100%;
    overflow: hidden;
    z-index: 1;
    color: #fff
}

.Banner1 .Banner1_bg {
    background-image: linear-gradient(to left top, #48a9e1 0, #c361dc 60%);
    background-image: -webkit-linear-gradient(left top, #48a9e1 0, #c361dc 50%);
    -webkit-transform: skew(0deg, 4deg);
    -moz-transform: skew(0deg, 4deg);
    transform: skew(0deg, 4deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.Banner1 .Banner1_title {
    font-size: 80px;
    line-height: 1.2;
    margin: 280px 0 50px;
    font-weight: 700
}

.Banner1 .Banner1_content {
    font-size: 20px;
    line-height: 2;
    margin-bottom: 50px
}

.Banner1 .Banner1_link a {
    display: inline-block;
    padding: 15px 50px;
    margin: 0 0 15px 30px;
    border: 2px solid #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    font-size: 16px;
    color: #fff;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.Banner1_img {
    margin-top: 150px;
    text-align: left
}

.Banner1_img img {
    max-width: 100%;
    width: auto
}

.Banner2 {
    width: 100%;
    z-index: 1;
    background-size: cover;
    overflow: hidden;
    color: #fff
}

.Banner2 .Banner2_bg {
    background-color: #000;
    opacity: .5;
    -webkit-transform: skew(-41deg, 0deg);
    -moz-transform: skew(-41deg, 0deg);
    transform: skew(-41deg, 0deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.Banner2 .Banner2_title {
    line-height: 1.2;
    font-size: 80px;
    margin: 200px 0 50px;
    font-weight: 700
}

.Banner2 .Banner2_content {
    font-size: 20px;
    line-height: 2
}

.Banner2 .Banner2_link {
    position: absolute;
    top: 76.3%;
    right: 60.7%;
    padding: 33px 120px 33px 60px;
    overflow: hidden;
    font-size: 18px;
    white-space: nowrap
}

.Banner2 .Banner2_link:before {
    content: "";
    background-color: #61b632;
    opacity: .6;
    -webkit-transform: skew(-41deg, 0deg);
    -moz-transform: skew(-41deg, 0deg);
    transform: skew(-41deg, 0deg);
    -webkit-transform-origin: left top;
    transform-origin: left bottom
}

.Banner2 .Banner2_link .fa {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px
}

@media only screen and (min-width:1400px) {
    .Banner2 .Banner2_title {
        font-size: 100px;
        margin: 280px 0 50px
    }
}

.banner3_bg,
.banner3_bg .bg {
    width: 100%;
    height: 100%
}

.banner3_bg .bg {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #cd3637;
    -webkit-transform: skew(45deg, 0deg);
    -moz-transform: skew(45deg, 0deg);
    transform: skew(45deg, 0deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    opacity: .8
}

.banner3_more {
    border: 2px solid #fff;
    line-height: 56px
}

.tp-banner .banner3_more a,
.tp-banner .banner6_more a,
.tp-banner .banner6_more2 a {
    display: inline-block;
    padding: 0 40px
}

.banner4_more {
    background-color: #50bdac;
    line-height: 56px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -webkit-transition: background-color .2s ease-in;
    font-size: 14px
}

.banner5_more,
.banner6_more {
    transition: background-color .2s ease-in;
    line-height: 60px;
    font-size: 14px
}

.tp-banner .banner4_more a,
.tp-banner .banner5_more a {
    display: inline-block;
    padding: 0 30px
}

.tp-banner .banner4_more:hover,
.tp-banner .banner5_more:hover {
    background-color: #444
}

.tp-banner .banner5_maskLayer {
    background: url(images/maskLayer.png)
}

.banner5_more {
    background-color: #fcc012;
    border-bottom: 4px solid rgba(0, 0, 0, .2);
    -webkit-transition: background-color .2s ease-in
}

.tp-banner .banner5_more a,
.tp-banner .banner5_more a:active,
.tp-banner .banner5_more a:link,
.tp-banner .banner5_more a:visited {
    color: #fff;
    letter-spacing: 1.5px
}

.banner6_title {
    padding: 5px 20px;
    background-color: rgba(0, 0, 0, .5)
}

.banner6_more {
    background-color: #fff;
    -webkit-transition: background-color .2s ease-in;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.banner6_more2,
.tp-banner .banner6_more:hover {
    background-color: #11ba99
}

.tp-banner .banner6_more a,
.tp-banner .banner6_more a:active,
.tp-banner .banner6_more a:link,
.tp-banner .banner6_more a:visited {
    color: #283848;
    letter-spacing: 1.5px;
    font-weight: 700
}

.banner6_more2 {
    line-height: 60px;
    transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px
}

.tp-banner .banner6_more2 a,
.tp-banner .banner6_more2 a:active,
.tp-banner .banner6_more2 a:link,
.tp-banner .banner6_more2 a:visited {
    color: #fff;
    letter-spacing: 1.5px;
    font-weight: 700
}

.tp-banner .banner6_more2:hover {
    background-color: #283848
}

.ServeList_1 {
    text-align: justify;
    padding: 20px;
    box-shadow: 2px 15px 30px #eaeaea;
    text-align-last: center
}

.ServeList_1>.fa,
.ServeList_1>.ico {
    height: 118px;
    line-height: 118px;
    width: 118px;
    margin: 0 auto 25px;
    border: 1px solid #2aa7f1;
    color: #2aa7f1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    font-size: 50px;
    overflow: hidden
}

.ServeList_1>.ico img,
.ServeList_2>.ico img,
.ServeList_6>.ico img {
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 4px
}

.ServeList_1>h5,
.ServeList_6>h5 {
    font-size: 17px;
    margin-bottom: 25px;
    font-weight: 400
}

.ServeList_2 {
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 35px;
    margin-bottom: 8px;
    color: #999;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.ServeList_2>.fa,
.ServeList_2>.ico {
    margin: 0 auto;
    color: #61b632;
    text-align: center;
    font-size: 50px;
    overflow: hidden
}

.ServeList_2>h5 {
    font-size: 17px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #333
}

.ServeList_2:hover {
    border: 1px solid #61b632
}

.ServeList_3 .title {
    padding: 30px 0;
    position: relative
}

.ServeList_3 .title h5 {
    color: #333;
    font-size: 17px;
    margin-bottom: 5px
}

.ServeList_3 .title .love {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px
}

.ServeList_3 .title .love .fa {
    margin-left: 5px;
    font-size: 17px;
    vertical-align: middle
}

.ServeList_3 .img {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.ServeList_3 .img .fa {
    position: absolute;
    right: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: -40px -40px 0 0;
    background-color: #61b632;
    font-size: 30px;
    color: #fff;
    opacity: 0;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.ServeList_3 .img:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.ServeList_4 {
    text-align: center;
    padding: 0 25px
}

.ServeList_4 .decorate {
    display: inline-block;
    position: relative
}

.ServeList_4 .decorate .fa {
    position: absolute;
    right: 50%;
    top: 50%;
    font-size: 40px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: -25px -25px 0 0
}

.ServeList_4 .number {
    font-size: 30px;
    color: #333;
    line-height: 1.2;
    padding-top: 10px
}

.ServeList_4 .title {
    margin-bottom: 10px;
    font-size: 15px
}

.ServeList_5 {
    position: relative;
    padding: 30px 100px 30px 0;
    min-height: 100px
}

.ServeList_5 .ico {
    position: absolute;
    top: 40px;
    right: 10px;
    color: #cd3637;
    font-size: 50px;
    line-height: normal
}

.ServeList_6>.fa,
.ServeList_6>.ico {
    height: 70px;
    line-height: 70px;
    width: 70px;
    margin: 0 auto 25px;
    background-color: #50bdad;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    font-size: 26px;
    overflow: hidden
}

.ServeList_7,
.ServeList_7 .number,
.ServeList_8 {
    text-align: center;
    font-size: 18px
}

.ServeList_7 {
    width: 200px;
    height: 200px;
    margin: auto;
    background-color: #50bdad;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    color: #f4f4f4;
    line-height: 1.6
}

.ServeList_7 .number {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #444;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-delay: .2s
}

.ServeList_7:hover .number {
    -webkit-animation-name: shake3;
    animation-name: shake3
}

.ServeList_7 .fa {
    display: block;
    text-align: center;
    font-size: 36px;
    color: #fff;
    padding: 50px 0 10px
}

.ServeList_7:after {
    content: "";
    width: 100px;
    height: 12px;
    position: absolute;
    bottom: -30px;
    right: 50%;
    margin-right: -50px;
    background-image: -webkit-radial-gradient(60% 40% ellipse, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: radial-gradient(60% 40% ellipse, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ServeList_7.mt {
    margin-top: 100px
}

.ServeList_7:before {
    content: "";
    width: 88px;
    height: 32px;
    background: url(images/arrow_1.png) center center no-repeat;
    position: absolute;
    right: 100%;
    top: 50%;
    margin: -20px 20px 0 0;
    transform: scaleY(-1)
}

.ServeList_7.mt:before {
    transform: scaleY(1)
}

.ServeList_8 {
    color: #333;
    font-weight: 700
}

.ServeList_10 .icoBox .fa,
.ServeList_11 .fa,
.ServeList_9 {
    text-align: center;
    color: #fff
}

.ServeList_8 span {
    display: block;
    text-align: center;
    color: #666;
    font-weight: 400;
    font-size: 13px
}

.ServeList_8 img {
    max-width: 100%;
    margin: -1px;
    transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.ServeList_8 .pic {
    display: inline-block;
    margin: auto auto 20px;
    max-width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #000
}

.ServeList_8 .pic:hover img {
    opacity: .8
}

.banner_bottom_text>div {
    position: absolute;
    bottom: 0;
    width: 100%
}

.ServeList_9 {
    font-size: 14px;
    padding-bottom: 40px;
    position: relative
}

.ServeList_9 span.fa {
    display: block;
    font-size: 60px;
    margin-bottom: 10px
}

.ServeList_9 span.number {
    display: block;
    font-size: 24px;
    color: #fcc012
}

.ServeList_9:before {
    content: "";
    position: absolute;
    height: 100%;
    left: -15px;
    border-left: 1px solid rgba(255, 255, 255, .8)
}

.ServeList_11,
.ServeList_12 li,
.ServeList_13,
.ServeList_15 li,
.ServeList_18,
.ServeList_20,
.ServeList_26,
.ServeList_27,
.ServeList_30,
.ServeList_30 li,
.ServeList_31 {
    position: relative
}

.ServeList_10 {
    text-align: center;
    margin-bottom: 8px
}

.ServeList_10 .icoBox:before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    background: url(images/ServeList_10_bg.jpg) right center no-repeat #262626
}

.ServeList_10 .icoBox {
    padding-bottom: 60px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    max-width: 390px;
    margin: auto
}

.ServeList_10 .icoBox .fa {
    width: 128px;
    height: 128px;
    line-height: 120px;
    font-size: 70px;
    margin: 60px auto 0;
    display: block;
    border: 8px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ServeList_10 h3 {
    text-align: center;
    color: #333;
    font-size: 17px;
    padding: 30px 0 20px
}

.ServeList_10 h3:after {
    content: "";
    width: 50px;
    display: block;
    margin: 25px auto auto;
    border-bottom: 3px solid #fcc013
}

.ServeList_11 {
    padding-right: 80px;
    min-height: 80px
}

.ServeList_11 .fa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #fcc013;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 2px
}

.ServeList_13 .fa,
.ServeList_35 li span {
    width: 120px;
    height: 120px;
    line-height: 120px
}

.ServeList_12 .fa,
.ServeList_13 .fa {
    font-size: 50px;
    position: absolute;
    color: #fcc012
}

.ServeList_11 h3,
.ServeList_15 li h3,
.ServeList_18 h3 {
    font-size: 15px;
    color: #333;
    margin-bottom: 15px
}

.ServeList_12 {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right
}

.ServeList_12 li {
    padding: 0 90px 50px 0;
    min-height: 100px
}

.ServeList_12 .fa {
    right: 0;
    top: 30px
}

.ServeList_12 .resp-tabs-list,
.ServeList_13 .resp-tabs-list {
    margin-bottom: -1px
}

.ServeList_12 h3,
.ServeList_13 h3 {
    font-size: 17px;
    color: #333;
    margin-bottom: 15px
}

.ServeList_12.rtl li {
    padding: 0 0 50px 90px
}

.ServeList_12.rtl .fa {
    right: auto;
    left: 0;
    top: 30px
}

.ServeList_13 {
    padding: 0 170px 50px 0;
    min-height: 180px
}

.ServeList_13 .fa {
    right: 0;
    top: 0;
    text-align: center;
    border: 1px solid #fcc012;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ServeList_14 h3 {
    margin: 30px 0
}

.ServeList_15 li {
    padding: 0 60px 30px 0
}

.ServeList_15 li .ico,
.ServeList_18 .ico {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    color: #00aec8
}

.ServeList_16 {
    border: 1px solid #fff;
    text-align: center;
    padding: 45px;
    color: #fff;
    margin-bottom: 10px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.ServeList_16 .fa {
    font-size: 40px;
    margin-bottom: 30px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.ServeList_16 h3 {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.ServeList_16:hover {
    background-color: #fff;
    color: #999
}

.ServeList_16:hover .fa {
    color: #ccc
}

.ServeList_17 {
    text-align: center;
    color: #666;
    margin-bottom: 15px
}

.ServeList_17 img {
    max-width: 100%;
    margin-bottom: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ServeList_17 h3 {
    color: #333;
    font-size: 18px
}

.ServeList_18 {
    margin: 0;
    padding: 0 60px 30px 0;
    list-style: none
}

.ServeList_20,
.ServeList_21 {
    margin: auto auto 10px;
    text-align: center
}

.ServeList_19 .ico {
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden
}

.ServeList_19 h3 {
    margin: 30px 0;
    font-size: 20px
}

.ServeList_20 {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #fff;
    font-size: 20px;
    line-height: 1.4
}

.ServeList_20 .number {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #fff;
    color: #00b8de;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -25px -25px 0 0;
    text-align: center;
    font-size: 20px;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-delay: .2s
}

.ServeList_20:hover .number,
.number_style_1 .box:hover .number {
    -webkit-animation-name: shake2;
    animation-name: shake2
}

.ServeList_20 .fa {
    display: block;
    font-size: 34px;
    margin: 55px auto 20px
}

.ServeList_21 {
    width: 270px;
    height: 270px;
    padding: 0 20px;
    border: 1px solid #00b8de;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ServeList_21 .number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #00b8de;
    display: block;
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin: 40px auto 0
}

.ServeList_21 h3 {
    margin: 15px auto 10px
}

.ServeList_22 {
    background: #fff;
    text-align: center;
    padding-bottom: 40px
}

.ServeList_22 h3 {
    padding: 40px 5px 10px
}

.ServeList_22 p,
.photo_list_2 .photo_main .info .sep {
    padding: 0 10px
}

@media only screen and (min-width:1600px) {
    [class*=Pane] {
        margin-bottom: 60px
    }

    #dnn_content {
        padding-top: 60px
    }

    .mt-10 {
        margin-top: 13px
    }

    .mb-10 {
        margin-bottom: 13px
    }

    .pt-10 {
        padding-top: 13px
    }

    .pb-10 {
        padding-bottom: 13px
    }

    .mt-20 {
        margin-top: 26px
    }

    .mb-20 {
        margin-bottom: 26px
    }

    .pt-20 {
        padding-top: 26px
    }

    .pb-20 {
        padding-bottom: 26px
    }

    .mt-30 {
        margin-top: 39px
    }

    .mb-30 {
        margin-bottom: 39px
    }

    .pt-30 {
        padding-top: 39px
    }

    .pb-30 {
        padding-bottom: 39px
    }

    .mt-40 {
        margin-top: 52px
    }

    .mb-40 {
        margin-bottom: 52px
    }

    .pt-40 {
        padding-top: 52px
    }

    .pb-40 {
        padding-bottom: 52px
    }

    .mt-50 {
        margin-top: 65px
    }

    .mb-50 {
        margin-bottom: 65px
    }

    .pt-50 {
        padding-top: 65px
    }

    .pb-50 {
        padding-bottom: 65px
    }

    .mt-60 {
        margin-top: 78px
    }

    .mb-60 {
        margin-bottom: 78px
    }

    .pt-60 {
        padding-top: 78px
    }

    .pb-60 {
        padding-bottom: 78px
    }

    .backgroundImage29 {
        margin: 0 0 60px;
        position: relative;
        top: -60px
    }

    .tp-banner .banner4_more a,
    .tp-banner .banner5_more a {
        padding: 0 40px
    }

    .ServeList_20 {
        width: 275px;
        height: 275px
    }

    .ServeList_20 .fa {
        margin-top: 90px
    }

    .ServeList_21 {
        width: 300px;
        height: 300px
    }

    .ServeList_21 h3 {
        margin: 30px auto 20px
    }
}

.ServeList_23 h3 {
    font-size: 17px;
    padding: 25px 0 10px
}

.ServeList_24 .pic {
    float: right;
    padding-left: 36px;
    width: 210px
}

.ServeList_24 .pic img,
.ServeList_27 .pic img,
.blockquote_6 small img,
.timeline2 .timeline_start img {
    max-width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ServeList_24 .right,
.ServeList_25 .right,
.ServeList_27 .left {
    overflow: auto;
    float: none
}

#gmap3,
#gmap4,
.ServeList_27,
.ServeList_32 li,
.ServeList_34,
.ServeList_35 li,
.ServeList_35 li h3,
.ServeList_38,
.blockquote_5,
.blockquote_5 .right,
.img_list_1 li,
.img_positionright,
.link_img_list_04,
.photo_list_1,
.photo_list_2,
.photo_sytle_1,
.pos-map,
.skew-gmap,
.timeline .time_box {
    overflow: hidden
}

.ServeList_24 h3,
.timeline2 .time_right h3 {
    font-size: 20px;
    color: #333
}

.ServeList_24 h3 span,
.ServeList_25 h3 span {
    display: block;
    font-size: 13px;
    color: #666;
    padding: 12px 0 8px
}

.ServeList_25 .pic {
    float: right;
    padding-left: 36px;
    width: 210px;
    text-align: center
}

.ServeList_25 h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 30px
}

.ServeList_26 {
    border: 1px solid #fff;
    padding: 60px 45px;
    text-align: center;
    margin-bottom: 15px
}

.ServeList_26 .number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    color: #00b8de;
    font-size: 26px;
    font-weight: 700
}

.ServeList_26 h3 {
    font-size: 20px;
    padding: 25px 0 20px
}

.ServeList_26 .ServeList_checkbox {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0
}

.ServeList_26 .ServeList_checkbox input[type=checkbox] {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.ServeList_26 .ServeList_checkbox input[type=checkbox]+.fa {
    opacity: 0;
    display: block;
    line-height: 19px
}

.ServeList_27.border:before {
    content: "";
    border-right: 1px solid #e2e2e2;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute
}

.ServeList_27 .pic {
    float: left;
    padding: 0 30px;
    width: 210px
}

.ServeList_27 h3 {
    font-size: 16px;
    color: #333
}

.ServeList_27 h3 span {
    display: block;
    font-size: 13px;
    color: #666;
    padding: 8px 0
}

.ServeList_29,
.ServeList_30,
.ServeList_31 {
    margin: 0 0 60px;
    text-align: center
}

.ServeList_28 .ico {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #00b8de;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    color: #fff;
    display: inline-block
}

.ServeList_28 h5 {
    padding: 22px 0;
    font-size: 17px;
    margin-bottom: 0
}

.ServeList_29 span.fa,
.ServeList_31 span.fa {
    font-size: 50px;
    color: #333
}

.ServeList_29 h3,
.ServeList_31 h3 {
    margin: 24px 0;
    font-size: 16px;
    color: #333
}

.ServeList_30 {
    padding: 0;
    list-style: none
}

.ServeList_30 li {
    width: 20%;
    float: right;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 30px;
    z-index: 1
}

.ServeList_30 span,
.ServeList_31 .ico {
    margin: 0 auto 40px;
    background-color: #fff
}

.ServeList_30 span {
    width: 161px;
    height: 161px;
    line-height: 161px;
    color: #bbb;
    border: 2px solid #bbb;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    font-size: 50px;
    transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in
}

.ServeList_30 li:hover span {
    background-color: #00b8de;
    border-color: transparent;
    color: #fff
}

.ServeList_30 h3 {
    margin: 30px 0;
    font-size: 16px;
    color: #333
}

.ServeList_30:before {
    content: "";
    position: absolute;
    top: 81px;
    right: 10%;
    left: 10%;
    border-bottom: 1px dotted #aaa;
    z-index: 0
}

.ServeList_31 {
    z-index: 1
}

.ServeList_31:before {
    content: "";
    top: 101px;
    border-bottom: 1px dashed #d3d3d3;
    position: absolute;
    width: 100%;
    right: 50%;
    z-index: -1
}

.ServeList_31 .ico {
    width: 203px;
    height: 203px;
    border: 2px solid #7770cc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.ServeList_31 .ico span {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color: #7770cc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 30px;
    color: #fff;
    margin-top: 56px;
    position: relative;
    z-index: 1
}

.ServeList_31 .ico span:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    left: -20px;
    bottom: -20px;
    background-color: #7770cc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: .5;
    z-index: -1
}

.ServeList_32 li {
    padding: 0 85px 60px 0;
    position: relative
}

.ServeList_32 li .fa {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 38px;
    opacity: .4
}

.ServeList_32 li h3 {
    margin-bottom: 25px;
    font-size: 17px;
    color: #fff
}

.ServeList_32 li:before {
    content: "";
    position: absolute;
    top: 70px;
    right: 22px;
    border-left: 1px solid #fff;
    height: 100%;
    opacity: .4
}

.ServeList_33 {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 3px solid #21a3f0;
    padding: 55px 10px;
    margin-bottom: 15px;
    color: #333
}

.ServeList_33 .fa {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
    background-color: #21a3f0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    margin: 0 0 30px
}

.ServeList_33 h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px
}

.ServeList_34 {
    margin: 0 0 -280px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 35px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
    position: relative;
    z-index: 1
}

.ServeList_34 li {
    list-style: none;
    width: 33.333%;
    float: right;
    border-left: 1px solid #ddd;
    padding: 85px;
    text-align: right;
    color: #333
}

.ServeList_34 li:last-child,
.link_img_list_01 li:last-child {
    border: none
}

.ServeList_34 li img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 60px;
    max-width: 100%
}

.ServeList_34 li h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px
}

.ServeList_34 li h3 span {
    display: block;
    font-size: 13px;
    color: #999;
    padding-top: 8px
}

.ServeList_34 li a {
    font-size: 14px
}

.ServeList_35 {
    margin: 0 0 10px;
    padding: 0
}

.ServeList_35 li {
    margin: 0 0 50px;
    padding: 0;
    list-style: none
}

.ServeList_35 li span {
    text-align: center;
    border: 1px solid #00b8de;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 40px;
    color: #00b8de;
    float: right;
    margin-left: 30px
}

.ServeList_35 li h3 {
    font-size: 15px;
    color: #333
}

.ServeList_35 li h3:after {
    content: "";
    width: 36px;
    border-bottom: 2px solid #00b8de;
    margin: 22px 0 16px;
    display: block
}

.ServeList_36 {
    border: 1px solid #00b8de;
    padding: 60px 60px 40px;
    text-align: center;
    margin-bottom: 10px
}

.ServeList_36 .ico {
    width: 80px;
    height: 72px;
    line-height: 72px;
    display: block;
    background-color: #21a3f0;
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin: auto auto 60px;
    position: relative
}

.ServeList_36 .ico:before {
    content: "";
    border: 8px solid transparent;
    border-top-color: #21a3f0;
    border-right-color: #21a3f0;
    position: absolute;
    top: 100%;
    right: 0
}

.ServeList_36 h3 {
    font-size: 16px;
    color: #333;
    padding-bottom: 10px
}

.ServeList_37 {
    padding: 25px 120px 30px 0;
    position: relative
}

.ServeList_37 .fa {
    position: absolute;
    right: 25px;
    top: 40px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #37acf1;
    color: #fff;
    font-size: 26px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#gmap3,
.ServeList_38,
.img_list_1 li {
    position: relative
}

.ServeList_37 h3 {
    font-size: 17px;
    color: #333;
    margin-bottom: 22px
}

.ServeList_38 {
    margin: -30px 0 -305px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 35px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .4);
    z-index: 1
}

.ServeList_38 li {
    list-style: none;
    width: 33.333%;
    float: right;
    padding: 85px 60px
}

.ServeList_38 li .fa {
    width: 102px;
    height: 102px;
    line-height: 102px;
    text-align: center;
    font-size: 40px;
    color: #00b8de;
    border: 2px solid #00b8de;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 32px
}

.ServeList_38 li h3 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 32px
}

.ServeList_38 p {
    line-height: 2;
    color: #666
}

.ServeList_39 h3 {
    color: #333;
    font-size: 20px;
    padding: 40px 0 25px
}

.img_list_1 li,
.img_list_1 li a,
.number_style_1 .box .info,
.number_style_2 .fa,
.social_list_6 a,
.tag_list_2 a {
    display: inline-block
}

.number_style_1 .box {
    width: 225px;
    height: 225px;
    line-height: 225px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.number_style_1 .box .number {
    width: 70px;
    height: 70px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -35px -35px 0 0;
    font-size: 18px;
    border: 10px solid #fff;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.number_style_1 .box .info {
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle
}

.number_style_1 .box:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -13px 30px 0 0;
    width: 25px;
    height: 25px;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    line-height: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.number_style_2 .fa:before {
    width: 130px;
    height: 130px;
    display: block;
    text-align: center;
    line-height: 130px;
    font-size: 50px;
    background-color: #fcc013;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 8px
}

.number_style_2 .fa {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #fcc013;
    margin: auto
}

.number_style_3,
.social_list_8 span {
    font-size: 15px;
    border: 1px solid #fff
}

.number_style_2 .number {
    display: block;
    font-size: 40px
}

.number_style_2 .number:after {
    content: "";
    width: 30px;
    display: block;
    border-bottom: 2px solid #fff;
    margin: 5px auto 11px
}

.number_style_3 {
    padding: 55px 20px;
    text-align: center;
    margin-bottom: 15px
}

.number_style_3 .fa {
    font-size: 44px
}

.number_style_3 .number {
    display: block;
    font-size: 40px;
    padding: 2px 0;
    font-weight: lighter
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    #dnngo_megamenu.IHide-sm li span>i,
    #dnngo_megamenu.IHide-sm li span>img,
    .ServeList_7:before {
        display: none
    }

    #go_up {
        margin-top: -42px;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }

    .content_text_4 dl .line {
        height: 35px
    }

    .list_style_2 .fa {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .Banner1 .Banner1_title {
        font-size: 50px
    }

    .Banner1 .Banner1_link a {
        font-size: 15px
    }

    .ServeList_7.mt {
        margin-top: 0
    }

    .ServeList_20 {
        width: 210px;
        height: 210px
    }

    .number_style_1 .box {
        width: 205px;
        height: 205px;
        line-height: 205px
    }
}

.img_positionright {
    max-width: 100%;
    text-align: left;
    margin-top: -15%
}

.img_positionright img {
    margin-left: -15%
}

.img_positionbottom img {
    margin-bottom: -20%
}

.img_list_1 li {
    list-style: none;
    margin: 0 0 3px 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0)
}

.img_list_1 li a:before {
    content: "+";
    font-family: initial;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    color: #fff;
    line-height: 100px;
    font-size: 35px;
    visibility: hidden;
    opacity: 0;
    background-color: transparent;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.img_list_1 li a:hover:before {
    background-color: rgba(0, 0, 0, .4);
    opacity: 1;
    visibility: visible
}

.tag_list_1 a,
.tag_list_1 a:active,
.tag_list_1 a:link,
.tag_list_1 a:visited {
    border: 1px solid #aaa;
    padding: 12px 32px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin: 0 0 10px 10px;
    display: inline-block;
    color: #666;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.tag_list_1 a:hover {
    border-color: #00b8de;
    background-color: #00b8de;
    color: #fff;
    text-decoration: none !important
}

.tag_list_2 a {
    margin: 0 0 7px 7px;
    background-color: #434b54;
    padding: 10px 25px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.tag_list_2 a,
.tag_list_2 a:active,
.tag_list_2 a:link,
.tag_list_2 a:visited {
    color: #fff;
    text-decoration: none
}

.tag_list_2 a:hover {
    color: #fff;
    background-color: #11ba99
}

.social_list_1 a {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 5px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.social_list_2 a,
.social_list_4 span {
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.social_list_1 a span {
    color: #fff;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.social_list_1 a:hover {
    background-color: #fff
}

.social_list_1 a:hover span,
.social_list_2 a:hover span {
    color: #21a4f0
}

.social_list_2 a {
    width: 103px;
    height: 160px;
    line-height: 43px;
    margin: 0 0 4px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.social_list_2 a,
.social_list_2 a:active,
.social_list_2 a:link,
.social_list_2 a:visited {
    color: #fff !important
}

.social_list_2 a:hover {
    text-decoration: none !important;
    background-color: #000
}

.social_list_2 a span {
    color: #fff;
    width: 50px;
    line-height: 50px;
    height: 50px;
    display: block;
    margin: 34px auto 10px;
    font-size: 18px;
    background-color: rgba(255, 255, 255, .1);
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.social_list_3 a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    display: inline-block;
    background-color: rgba(255, 255, 255, .3);
    margin: 0 0 5px 5px;
    text-align: center;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.social_list_3 a span {
    color: #b3b3b3;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.social_list_3 a:hover {
    color: #fff;
    background-color: #21a4f0
}

.social_list_3.bg_color a {
    background-color: rgba(0, 0, 0, .3)
}

.social_list_4 span {
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: 0 2px 5px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff
}

.social_list_5 span,
.social_list_6 span {
    font-size: 13px;
    display: inline-block;
    text-align: center;
    transition: .2s ease-in;
    margin: 0 2px 5px
}

.social_list_4 a:hover span {
    background-color: #555
}

.social_list_5 span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid rgba(255, 255, 255, .2);
    -webkit-transition: .2s ease-in;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #666
}

.social_list_5 a:hover span {
    background-color: #00aec8;
    border: 1px solid #00aec8;
    color: #fff
}

.social_list_6 span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #666;
    -webkit-transition: .2s ease-in;
    color: #666
}

.social_list_7 span,
.social_list_8 span {
    display: inline-block;
    text-align: center;
    transition: .2s ease-in
}

.social_list_6 a:hover span {
    background-color: #cd3637;
    border: 1px solid #cd3637;
    color: #fff
}

.social_list_7 {
    font-size: 0;
    border-left: 1px solid #d3d3d3
}

.social_list_7 span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    border-right: 1px solid #d3d3d3;
    -webkit-transition: .2s ease-in;
    color: #666
}

.social_list_7 a:hover span {
    background-color: #cd3637;
    color: #fff
}

.social_list_8 span {
    width: 41px;
    height: 41px;
    line-height: 41px;
    margin: 0 2px 5px;
    -webkit-transition: .2s ease-in;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff
}

.social_list_10 span,
.social_list_9 span {
    font-size: 15px;
    margin: 0 3px 5px;
    transition: .2s ease-in;
    text-align: center;
    display: inline-block
}

.social_list_8 a:hover span {
    color: #00b8de;
    background-color: #fff;
    border: 1px solid #fff
}

.social_list_9 span {
    width: 47px;
    height: 47px;
    line-height: 47px;
    background-color: #e6e6e6;
    -webkit-transition: .2s ease-in;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #7a7a7a
}

.social_list_9 a:hover span {
    color: #fff;
    background-color: #00b8de
}

.social_list_10 span {
    width: 33px;
    height: 33px;
    line-height: 33px;
    background-color: #00b8de;
    -webkit-transition: .2s ease-in;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff
}

.social_list_10 a:hover span {
    color: #fff;
    background-color: #333
}

.social_list_11 span {
    font-size: 20px;
    display: inline-block;
    margin: 0 10px 5px;
    text-align: center;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    color: #fff;
    opacity: .7
}

.link_img_list_01 {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.link_img_list_01 li {
    display: inline-block;
    padding: 8px 40px;
    border-left: 1px solid #d3d3d3;
    margin-bottom: 8px
}

.link_img_list_02 {
    margin: 0;
    padding: 0;
    text-align: center
}

.link_img_list_02 a {
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 8px 8px
}

.link_img_list_03 a {
    display: inline-block;
    margin: 0 0 8px 15px
}

.link_img_list_04 {
    margin: 0 -3px;
    padding: 0;
    list-style: none;
    text-align: center
}

.link_img_list_04 li {
    float: right;
    width: 16.6666%
}

.link_img_list_04 li .box {
    background-color: #eee;
    margin: 3px;
    padding: 60px 5px 46px;
    font-size: 16px
}

.link_img_list_04 img {
    margin-bottom: 21px;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.pos-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%
}

#gmap2,
#gmap3,
#gmap4,
.skew-gmap {
    width: 100%
}

@media only screen and (min-width:767px) {
    .pos-map {
        height: 100% !important
    }
}

#gmap2 {
    height: 275px
}

#gmap3 {
    height: 521px
}

#gmap3:before,
.skew-gmap:after,
.skew-gmap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    margin-top: -10px;
    z-index: 10;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    box-shadow: 0 0 7px rgba(0, 0, 0, .5)
}

#gmap4 {
    height: 330px;
    border: 1px solid #ddd;
    position: relative
}

.skew-gmap {
    position: relative;
    z-index: 1;
    transform: skew(0deg, -4deg) !important;
    -webkit-transform: skew(0deg, -4deg) !important;
    transform-origin: right bottom !important;
    -webkit-transform-origin: right bottom !important
}

.skew-gmap>div {
    -webkit-transform: skew(0deg, 4deg) !important;
    transform: skew(0deg, 4deg) !important;
    height: 110% !important
}

.skew-gmap .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    bottom: 40% !important
}

.skew-gmap:after {
    top: auto;
    bottom: 0;
    margin: 0 0 -10px
}

#gmap2 img,
#gmap3 img,
#gmap4 img,
#gmap5 img,
.pos-map {
    max-width: none
}

.photo_list_1 {
    margin-bottom: 40px;
    clear: both;
    background-color: #f1f1f1
}

.photo_list_1 .photo_box {
    position: relative;
    width: 50%;
    float: right
}

.photo_list_1 .photo_box .date {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    background-color: #f2c023;
    color: #fff;
    font-size: 11px;
    line-height: 1.4
}

.photo_list_1 .photo_box .date span {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-top: 15px
}

.photo_list_1 .photo_box .fa {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 80px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.photo_list_1 .photo_content {
    width: 50%;
    float: right;
    padding: 48px;
    color: #333
}

.photo_list_1 h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px
}

.photo_list_1 .info {
    margin-bottom: 26px
}

.photo_list_2 {
    clear: both;
    background-color: #e9e9e9
}

.photo_list_2 .photo_img {
    float: right;
    width: 50%
}

.photo_list_2 .photo_main {
    width: 50%;
    float: right;
    padding: 100px
}

.photo_list_2 .photo_main h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 25px
}

.photo_list_2 .photo_main .photo_content {
    margin-bottom: 25px;
    color: #333
}

.photo_list_2 .photo_main .info,
.photo_list_2 .photo_main .info a,
.photo_list_2 .photo_main .info a:link {
    color: #888
}

@media only screen and (max-width:1600px) {
    .photo_list_1 .photo_content {
        padding: 20px
    }
}

.ContactInfo {
    background: url(images/map_bg.png) left center no-repeat
}

.link_list_1 a,
.link_list_1 a:active,
.link_list_1 a:link,
.link_list_1 a:visited {
    color: #999;
    text-align: center;
    font-size: 15px;
    margin: 0 10px;
    vertical-align: middle
}

.link_list_1 .social a,
.link_list_1 .social a:active,
.link_list_1 .social a:link,
.link_list_1 .social a:visited {
    color: #fcc012;
    font-size: 20px;
    vertical-align: middle
}

.link_list_1 a:hover {
    color: #fcc012
}

.product_list_01 {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #ddd
}

.product_list_01 .img {
    position: relative;
    border: 1px solid #ddd;
    margin: -1px -1px 0
}

.product_list_01 .sales {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #11ba99;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.product_list_01 h3 {
    padding: 20px 30px 0;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px
}

.blockquote_1,
.blockquote_1 p,
.blockquote_2,
.blockquote_2 p,
.blockquote_4,
.blockquote_4 p {
    line-height: 1.8;
    margin: 0;
    text-indent: 0;
    font-style: normal
}

.product_list_01 .ratings {
    padding: 0 30px;
    font-size: 15px;
    color: #f0c809
}

.product_list_01 .ratings span {
    margin-left: 3px
}

.product_list_01 .price {
    color: #11ba99;
    font-size: 20px;
    padding: 0 30px 15px;
    font-family: Arial, Helvetica, sans-serif
}

.product_list_01 .link {
    border-top: 1px solid #ddd;
    clear: both;
    overflow: hidden
}

.product_list_01 .link a {
    display: block;
    float: right;
    width: 50%;
    padding: 21px 0;
    text-align: center;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.product_list_01 .link .shopping,
.product_list_01 .link .view {
    width: 24px;
    height: 24px;
    background: url(images/shop_ico.png) -9px -5px no-repeat;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 5px
}

.product_list_01 .link .view {
    background-position: -50px -5px
}

.product_list_01 .link a:first-child {
    border-left: 1px solid #ddd
}

.blockquote_1,
.blockquote_1 p {
    color: #fff;
    font-size: 15px;
    padding: 0
}

.blockquote_1 small {
    position: static;
    font-size: 15px;
    color: #11ba99;
    font-weight: 700;
    padding: 24px 0 0
}

.blockquote_1 small:before,
.blockquote_3 small:before,
.blockquote_4 small:before,
.blockquote_5 small:before {
    content: normal
}

.blockquote_1 small span {
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    margin-top: 5px
}

.blockquote_2,
.blockquote_2 p {
    color: #fff;
    padding: 0
}

.blockquote_2 {
    border: 1px solid #fff;
    padding: 70px 60px
}

.blockquote_2:before,
.blockquote_3 p:before {
    content: "\f10d";
    color: #00b8de;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    font-size: 30px;
    font-family: FontAwesome
}

.blockquote_2:before {
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: -26px -26px 0 0
}

.blockquote_2 small {
    position: static;
    font-size: 14px;
    font-weight: 700;
    padding: 24px 0 0;
    color: #fff
}

.blockquote_3,
.blockquote_3 p,
.blockquote_5,
.blockquote_5 p {
    color: #666;
    font-style: normal;
    line-height: 1.8;
    padding: 0;
    margin: 0;
    text-indent: 0
}

.blockquote_3 p {
    border: 1px solid #ddd;
    border-top: 3px solid #00b8de;
    padding: 45px 90px 45px 40px;
    position: relative;
    background-color: #fff
}

.blockquote_3 p:before {
    top: 37px;
    right: 45px;
    line-height: 1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.blockquote_3 p:after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 100%;
    right: 94px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background-color: #fff;
    margin-top: -4px
}

.blockquote_4 .pic img,
.blockquote_5 .pic img {
    margin: 4px;
    display: inline-block;
    vertical-align: middle
}

.blockquote_3 small {
    position: static;
    font-weight: 700;
    padding: 24px 70px 0 0;
    color: #333;
    font-size: 14px
}

.blockquote_3 small img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #ddd;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle
}

.blockquote_4 .pic,
.blockquote_4 p {
    border: 1px solid #00b8de;
    position: relative;
    background-color: #fff
}

.blockquote_3 small span {
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: middle
}

.blockquote_3 small span em {
    font-style: normal;
    font-size: 13px;
    color: #888;
    display: block;
    padding-top: 5px
}

.blockquote_4,
.blockquote_4 p {
    color: #666;
    padding: 0;
    text-align: center
}

.blockquote_4 p {
    padding: 65px 40px 45px;
    margin-top: -46px
}

.blockquote_4 .pic {
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 1
}

.blockquote_4 .pic img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.blockquote_4 small,
.blockquote_5 small {
    position: static;
    font-weight: 700;
    padding: 24px 0 0;
    color: #333;
    font-size: 14px
}

.blockquote_4 small span,
.blockquote_5 small span {
    font-size: 13px;
    color: #888;
    display: block;
    vertical-align: middle;
    padding-top: 5px
}

.blockquote_5 {
    border: 1px solid #ddd;
    padding: 8px;
    position: relative;
    background-color: #fff
}

.blockquote_5 .pic {
    background-color: #fff;
    position: relative;
    z-index: 1;
    float: right
}

.blockquote_5 .right {
    float: none;
    padding: 15px 32px
}

.blockquote_6 {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
    padding: 0 50px;
    margin-bottom: 154px;
    color: #333
}

.blockquote_6 .ico {
    font-size: 28px;
    position: relative;
    display: inline-block;
    color: #21a3f0;
    padding: 0 15px;
    margin: 40px 0 20px
}

.blockquote_6 .ico:after,
.blockquote_6 .ico:before {
    content: "";
    width: 50px;
    left: 100%;
    top: 50%;
    border-bottom: 1px solid #21a3f0;
    position: absolute
}

.blockquote_6 .ico:after {
    right: 100%;
    left: auto
}

.blockquote_6 p {
    text-indent: 0;
    margin-bottom: 30px
}

.blockquote_6 small {
    position: static;
    padding: 0;
    margin-bottom: -124px
}

.blockquote_6 small:before {
    content: ""
}

.blockquote_6 .pic {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #ddd;
    padding: 5px;
    margin: auto auto 30px;
    background-color: #fff
}

.blockquote_6 small span {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    font-style: normal
}

.blockquote_6 small span em {
    font-weight: 400;
    font-size: 13px;
    color: #888;
    display: block;
    padding-top: 5px;
    font-style: normal
}

.photo_sytle_1 {
    clear: both
}

.photo_sytle_1 .left,
.photo_sytle_1 .right {
    width: 50%;
    float: right
}

.photo_box_1 {
    position: relative;
    margin: 0 0 0 5px
}

.photo_box_2 {
    position: relative;
    margin: 0 5px 10px 0
}

.photo_box_3 {
    position: relative;
    margin: 0 5px 0 0
}

.photo_box_1 .photo_content,
.photo_box_2 .photo_content,
.photo_box_3 .photo_content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #fff
}

.photo_box_1 .photo_content {
    font-weight: 700;
    text-align: center
}

.photo_box_1 .photo_content .title_1 {
    font-size: 30px
}

.photo_box_1 .photo_content .title_2 {
    font-size: 70px;
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    display: inline-block;
    line-height: 1.2;
    margin: 10px 0
}

.photo_box_1 .photo_content .title_3 {
    font-size: 40px;
    color: #fff
}

.photo_box_2 .photo_content {
    padding-right: 10%
}

.photo_box_2 .photo_content .title_1 {
    font-size: 20px
}

.photo_box_2 .photo_content .title_2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px
}

.photo_box_2 .photo_content .more a {
    display: inline-block;
    background-color: #68a0d9;
    padding: 6px 10px;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.photo_box_2 .photo_content .more a:hover,
.photo_box_3 .photo_content .more a:hover {
    background-color: #555;
    text-decoration: none
}

.photo_box_3 .photo_content {
    padding-left: 10%;
    text-align: left
}

.photo_box_3 .photo_content .title_1 {
    font-size: 28px;
    color: #283848
}

.photo_box_3 .photo_content .title_2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #e54859
}

.photo_box_3 .photo_content .more a {
    display: inline-block;
    background-color: #e54859;
    padding: 6px 10px;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in
}

.product_list_02 li {
    border-bottom: 1px solid #e2e2e2;
    padding: 28px 0;
    position: relative;
    min-height: 100px;
    white-space: nowrap
}

.faq_box dd,
.faq_box dt {
    padding: 0 55px 10px 0;
    margin: 0
}

.product_list_02 .img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 40px;
    max-width: 30%
}

.product_list_02 h3 {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px
}

.product_list_02 .ratings span {
    margin-left: 3px;
    color: #f0c809
}

.product_list_02 .price {
    font-family: Arial, Helvetica, sans-serif
}

.product_list_02 .current {
    font-size: 20px;
    color: #11ba99
}

.product_list_02 .original {
    font-size: 20px;
    color: #bbb
}

.product_list_02 .info {
    font-size: 13px;
    color: #333
}

.shop_info {
    border-right: 1px solid #c7c7c7;
    background: url(images/shop_ico2.png) 20px center no-repeat;
    padding-right: 80px;
    color: #333
}

.timeline:before {
    width: 8px;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    right: 50%;
    top: 45px;
    bottom: 0;
    margin: 0 -4px 0 0;
    content: "";
    z-index: 2
}

.timeline .time_year,
.timeline .timeline_End {
    text-align: center;
    background-color: #21a3f0;
    color: #fff
}

.timeline .timeline_start .fa {
    color: #e5e5e5;
    font-size: 50px
}

.timeline .time_year {
    height: 100px;
    width: 100px;
    line-height: 80px;
    border: 10px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 18px;
    margin: -50px auto;
    position: relative;
    z-index: 3
}

.timeline .time_box {
    clear: both;
    position: relative;
    z-index: 3
}

.timeline .time_box:before {
    content: "";
    width: 23px;
    height: 23px;
    background-color: #e5e5e5;
    border: 5px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 25%;
    right: 50%;
    margin: -14px -11px 0 0
}

.timeline .time_box .time_img {
    width: 45%;
    float: right;
    text-align: left;
    margin-bottom: 45px
}

.timeline .time_box .time_img span {
    display: inline-block;
    padding: 9px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.timeline .time_box .time_img img {
    width: 235px;
    height: 235px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.timeline .time_box .time_content {
    width: 45%;
    float: left;
    padding: 45px 55px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 45px;
    position: relative
}

.timeline .time_box .time_content:before {
    content: "";
    width: 15px;
    height: 15px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 25%;
    right: -8px;
    background-color: #fff
}

.timeline .time_box.gray_bg .time_content,
.timeline .time_box.gray_bg .time_content:before {
    background-color: #f6f6f6
}

.timeline .time_box.dir .time_img {
    float: left;
    text-align: right
}

.timeline .time_box.dir .time_content {
    float: right;
    text-align: left
}

.timeline .time_box.dir .time_content:before {
    right: auto;
    left: -9px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.timeline .time_box .time_content .title {
    font-size: 17px;
    color: #333;
    padding-bottom: 8px;
    font-weight: 400
}

.timeline .backgroundImage1 .time_box:before {
    border-color: #f4f4f4
}

.timeline .backgroundImage2 .time_box:before {
    border-color: #00b8de
}

.timeline .time_box .time_content .sep {
    padding: 0 12px
}

.timeline .backgroundImage1,
.timeline .backgroundImage2 {
    z-index: auto
}

.timeline .backgroundImage1:before,
.timeline .backgroundImage2:before {
    z-index: 0
}

.timeline .timeline_End {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: auto;
    z-index: 3;
    position: relative;
    cursor: pointer
}

.timeline2:before {
    width: 8px;
    background-color: #e6e6e6;
    position: absolute;
    right: 92px;
    top: 5px;
    bottom: 5px;
    margin: 0 -4px 0 0;
    content: ""
}

.LeftPage_Box,
.boxes_style_1,
.dividers_3,
.faq_box dd,
.faq_box dt,
.faq_list dt,
.sector,
.sector_box div,
.timeline2 .time_box,
.timeline2 .timeline_End {
    position: relative
}

.timeline2 .timeline_start {
    width: 194px;
    height: 194px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 1;
    position: relative;
    border: 2px solid #00b8de;
    padding: 3px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 33px
}

.timeline2 .time_box {
    border: 1px solid #ddd;
    border-right: 3px solid #00b8de;
    margin-right: 165px;
    padding: 60px;
    margin-bottom: 80px
}

.timeline2 .time_box:before {
    content: "";
    width: 21px;
    height: 21px;
    border: 3px solid #00b8de;
    background-color: #fff;
    position: absolute;
    right: -87px;
    top: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.timeline2 .time_box:after {
    content: "";
    border: 15px solid transparent;
    border-left-color: #00b8de;
    position: absolute;
    left: 100%;
    top: 56px
}

.timeline2 .time_left {
    float: right;
    margin-left: 60px;
    max-width: 50%
}

.timeline2 .dir-r .time_left {
    float: left;
    margin-left: 0;
    margin-right: 60px
}

.timeline2 .time_right h3 span {
    display: block;
    color: #888;
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px;
    margin-bottom: 20px
}

.timeline2 .timeline_End {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background-color: #00b8de;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 40px;
    margin-right: 53px;
    z-index: 2;
    cursor: pointer;
    transition: background-color .2s ease-in;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in
}

.timeline2 .timeline_End:hover {
    background-color: #333
}

.faq_box {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 25px 15px;
    margin-bottom: 35px
}

.faq_box dd:before,
.faq_box dt:before,
.faq_list dt:before {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 40px
}

.faq_box dt {
    font-size: 15px;
    color: #333;
    min-height: 55px
}

.faq_box dd {
    color: #333
}

.faq_box dd:before,
.faq_box dt:before {
    content: "Q";
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #00b8de;
    vertical-align: middle;
    top: -10px;
    font-size: 22px
}

.faq_box dd:before {
    content: "A";
    background-color: #333 !important
}

.faq_list {
    margin: 0;
    padding: 0 0 60px
}

.faq_list dt {
    font-size: 15px;
    color: #333;
    padding: 20px 60px 30px 0
}

.faq_list dt:before {
    content: "\f128";
    font-family: FontAwesome;
    top: 9px;
    background-color: #00b8de;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 20px
}

.faq_list dd {
    font-size: 13px;
    color: #666;
    line-height: 2;
    padding: 0 60px 40px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px
}

@media only screen and (min-width:1300px) {
    .faq_box {
        padding: 50px;
        margin-bottom: 35px
    }
}

.sector {
    margin: 0 auto 60px;
    color: #3cceda;
    text-align: center
}

.sector .sector_info {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: 700
}

.sector_box div {
    float: right;
    display: block;
    height: 100%;
    margin-left: 20px
}

.sector_box div span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.contact_info {
    margin-bottom: 15px
}

.contact_info .fa {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #00b8de;
    font-size: 20px;
    color: #00b8de;
    float: right;
    margin-left: 30px
}

.contact_info h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
}

.contact_info2 {
    overflow: hidden;
    margin-bottom: 5px
}

.contact_info2 .fa {
    width: 87px;
    height: 87px;
    line-height: 87px;
    text-align: center;
    font-size: 30px;
    float: right;
    margin-left: 30px;
    border: 2px solid
}

.contact_info2 h3 {
    color: #333;
    font-size: 18px;
    margin: 0;
    padding: 10px 0
}

.boxes_style_1 {
    border: 1px solid #d2cdcd;
    border-top: 4px solid #00b8de;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    padding: 50px;
    text-align: center;
    background-color: #fff
}

.boxes_style_1 .Boxes_title,
.boxes_style_2 .Boxes_title,
.boxes_style_3 .Boxes_title,
.boxes_style_4 .Boxes_title,
.boxes_style_5 .Boxes_title,
.boxes_style_6 .Boxes_title,
.boxes_style_7 .Boxes_title {
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    margin: 0
}

.boxes_style_1:after,
.boxes_style_1:before {
    top: 100%;
    width: 150px;
    height: 15px;
    z-index: -1;
    margin: -24px 0 0;
    position: absolute;
    content: ""
}

.boxes_style_1:before {
    right: 0;
    box-shadow: -14px 14px 14px rgba(0, 0, 0, .3);
    -moz-box-shadow: -14px 14px 14px rgba(0, 0, 0, .3);
    -webkit-box-shadow: -14px 14px 14px rgba(0, 0, 0, .3);
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg)
}

.boxes_style_1:after {
    left: 0;
    box-shadow: 14px 14px 14px rgba(0, 0, 0, .3);
    -moz-box-shadow: 14px 14px 14px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 14px 14px 14px rgba(0, 0, 0, .3);
    transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg)
}

.boxes_style_2 {
    padding: 55px;
    background-color: #21a3f0
}

.boxes_style_3 {
    padding: 55px
}

.boxes_style_4 {
    border: 1px solid #d2cdcd;
    border-right: 4px solid #00b8de;
    padding: 55px 55px 55px 22px
}

.boxes_style_5 {
    padding: 55px;
    background-color: #eee
}

.boxes_style_6 {
    padding: 55px;
    background-color: #333
}

.boxes_style_7 {
    padding: 55px;
    border: 2px solid #ccc
}

.boxes_style_8 {
    padding: 55px;
    border: 2px solid #21a3f0
}

.boxes_style_8 .Boxes_title {
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #00b8de;
    margin: 0
}

.dividers_1 {
    border-top: 1px solid #ddd
}

.dividers_2 {
    border: none;
    height: 1px;
    background-color: #48a9e1;
    background-image: linear-gradient(to left, #48a9e1 0, #c361dc 50%);
    background-image: -webkit-linear-gradient(to left, #48a9e1 0, #c361dc 50%)
}

.dividers_3 {
    font-size: 36px;
    text-align: center;
    color: #c7c7c7;
    overflow: hidden
}

.dividers_3:after,
.dividers_3:before {
    content: "";
    position: absolute;
    width: 50%;
    top: 50%;
    border-top: 1px solid #ddd;
    left: -30px
}

.dividers_3:before {
    right: -30px
}

.dividers_4 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 5px
}

.dividers_4 span {
    display: block;
    border-top: 1px solid #ccc;
    margin-top: 1px
}

.dividers_5 {
    height: 7px;
    border: none;
    background: url(images/dividers_5.png) center center repeat-x
}

.dividers_6 {
    height: 7px;
    border: none;
    background: url(images/dividers_6.png) center center repeat-x
}

.LeftPage_Box {
    margin-bottom: 40px
}

.LeftPage_Box .pane_layout {
    margin-bottom: -40px
}

.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail,
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-y-rail {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    position: absolute
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #aaa;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    border-radius: 4px;
    opacity: .3;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    left: 0 !important;
    width: 3px;
    background: rgba(0, 0, 0, .1)
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    left: 0;
    width: 3px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.always-visible.ps-container>.ps-scrollbar-x-rail,
.always-visible.ps-container>.ps-scrollbar-y-rail,
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover,
.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.star_box .star_area_1,
.star_box .star_area_3,
.star_box .star_area_4,
.star_box .star_area_6 {
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #fff
}

.star_box .star_area_1 span,
.star_box .star_area_3 span,
.star_box .star_area_4 span,
.star_box .star_area_6 span {
    display: inline-block;
    line-height: 1.6;
    padding: 20px;
    font-size: 16px;
    vertical-align: middle
}

.star_box .star_area_1:before,
.star_box .star_area_3:before,
.star_box .star_area_4:before,
.star_box .star_area_6:before {
    content: "";
    width: 43px;
    border-bottom: 1px solid #c2c2c2;
    position: absolute
}

.star_box .star_area_1:before {
    top: 50%;
    right: 100%;
    margin: -1px 10px 0 0
}

.star_box .star_area_3:before {
    top: 50%;
    left: 100%;
    margin: -1px 0 0 10px
}

.star_box .star_area_4:before {
    top: 6px;
    right: 100%;
    margin: 0 -28px 0 0;
    transform: rotate(-45deg)
}

.star_box .star_area_6:before {
    top: 6px;
    left: 100%;
    margin: 0 0 0 -28px;
    transform: rotate(45deg)
}

.star_box .star_area_2 {
    width: 330px;
    height: 330px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 63px
}

.star_box .star_area_5 {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin: 35px 33px 0;
    font-size: 18px;
    color: #333
}

.star_box .star_area_5 p {
    color: #999;
    font-size: 14px
}

@media only screen and (max-width:991px) {
    .backgroundImage23 .right_img {
        position: static;
        min-height: 300px;
        width: 100%;
        clear: both
    }

    .content_text_5 .title {
        font-size: 25px
    }

    .content_text_6 dl.text_box_1,
    .content_text_6 dl.text_box_2,
    .content_text_6 dl.text_box_3,
    .content_text_6 dl.text_box_4 {
        text-align: right;
        position: static;
        max-width: inherit;
        padding: 0
    }

    .content_text_6 dl .line,
    .star_box .star_area_1:before,
    .star_box .star_area_2:before,
    .star_box .star_area_3:before,
    .star_box .star_area_4:before,
    .star_box .star_area_5:before,
    .star_box .star_area_6:before {
        display: none
    }

    .content_text_8 .text_left {
        text-align: center;
        margin-left: 0
    }

    .content_text_8 .text_right {
        position: static;
        transform: none;
        -webkit-transform: none
    }

    .ServeList_22 {
        max-width: 450px;
        margin: auto auto 15px
    }

    .photo_list_2 .photo_img,
    .photo_list_2 .photo_main {
        width: 100%;
        float: none
    }

    .photo_list_2 .photo_main {
        padding: 20px
    }

    .star_box .star_area_2 {
        width: 256px;
        height: 256px;
        margin: 0 10px
    }
}

.box_404 .font_title {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.box_404 .font_404 {
    font-size: 200px;
    line-height: 1.2;
    font-weight: 700;
    color: #b75ccd;
    background-image: -webkit-linear-gradient(right top, #b75ccd 0, #4680dd 50%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    display: inline-block
}

.box_404 .font_info {
    font-size: 30px;
    letter-spacing: 3px;
    color: #333;
    padding-bottom: 80px
}

.vertical_table {
    display: table;
    width: 100%
}

.vertical_table .cell {
    display: table-cell;
    vertical-align: bottom;
    float: none
}

@media only screen and (min-width:1600px) {
    .LeftPage_Box {
        margin-bottom: 60px
    }

    .LeftPage_Box .pane_layout {
        margin-bottom: -60px
    }

    .dnn_layout {
        width: 1400px
    }

    .content_mid,
    .footer_mid,
    .head_mid {
        padding: 0 30px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .dnn_layout {
        width: 1170px
    }

    .content_mid,
    .footer_mid,
    .head_mid {
        padding: 0 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    #dnngo_megamenu.IHide-md li span>i,
    #dnngo_megamenu.IHide-md li span>img,
    .ServeList_30:before,
    .ServeList_7:before,
    .content_text_1 .text_left,
    .content_text_1 .text_right,
    .content_text_2 dl.text_box_1,
    .content_text_2 dl.text_box_2,
    .content_text_2 dl.text_box_3,
    .content_text_2 dl.text_box_4,
    .content_text_4 dl .line,
    .number_style_1 .col-md-3:nth-child(2) .box:before {
        display: none
    }

    .mt-10 {
        margin-top: 7px
    }

    .mb-10 {
        margin-bottom: 7px
    }

    .pt-10 {
        padding-top: 7px
    }

    .pb-10 {
        padding-bottom: 7px
    }

    .mt-20 {
        margin-top: 14px
    }

    .mb-20 {
        margin-bottom: 14px
    }

    .pt-20 {
        padding-top: 14px
    }

    .pb-20 {
        padding-bottom: 14px
    }

    .mt-30 {
        margin-top: 21px
    }

    .mb-30 {
        margin-bottom: 21px
    }

    .pt-30 {
        padding-top: 21px
    }

    .pb-30 {
        padding-bottom: 21px
    }

    .ServeList_31 .ico span,
    .mt-40 {
        margin-top: 28px
    }

    .mb-40 {
        margin-bottom: 28px
    }

    .pt-40 {
        padding-top: 28px
    }

    .pb-40 {
        padding-bottom: 28px
    }

    .mt-50 {
        margin-top: 35px
    }

    .mb-50 {
        margin-bottom: 35px
    }

    .pt-50 {
        padding-top: 35px
    }

    .pb-50 {
        padding-bottom: 35px
    }

    .mt-60 {
        margin-top: 42px
    }

    .mb-60 {
        margin-bottom: 42px
    }

    .pt-60 {
        padding-top: 42px
    }

    .pb-60 {
        padding-bottom: 42px
    }

    .pl_100 {
        padding-right: 42px
    }

    #to_top {
        left: 30px;
        bottom: 40px
    }

    #go_up {
        margin-top: -25px;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }

    #anchorNav {
        left: 20px
    }

    .backgroundImage11 .right_bg {
        position: relative;
        padding-top: 30px
    }

    .backgroundImage11 .right_bg:before {
        top: -5px;
        right: -8px;
        margin-right: 0;
        padding: 30px 8px 8px;
        box-sizing: content-box
    }

    .content_text_2 .text_img {
        max-width: inherit
    }

    .content_text_4 dl {
        position: static;
        right: 0;
        top: 0;
        max-width: none;
        text-align: right !important
    }

    .Banner1 .Banner1_title,
    .ServeList_9 span.fa {
        font-size: 30px
    }

    .Banner1 .Banner1_content {
        font-size: 15px;
        margin-bottom: 30px
    }

    .Banner1 .Banner1_link a {
        font-size: 13px;
        margin: 0 0 10px 10px
    }

    .Banner2 {
        height: auto !important
    }

    .Banner2 .Banner2_title {
        font-size: 60px
    }

    .Banner2 .Banner2_link {
        right: auto;
        left: 0;
        top: auto;
        bottom: 30px;
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    .ServeList_7 {
        margin: 0 auto 60px !important
    }

    .ServeList_9 {
        padding-bottom: 4px
    }

    .ServeList_9 span.number {
        font-size: 18px
    }

    .ServeList_27.border {
        margin-bottom: 20px
    }

    .ServeList_27.border:before {
        display: none;
        content: normal
    }

    .ServeList_27 {
        text-align: left
    }

    .ServeList_27 .pic {
        width: 42%;
        text-align: right
    }

    .ServeList_34 li {
        padding: 35px
    }

    .ServeList_30 li {
        width: 50%
    }

    .ServeList_31 .ico {
        width: 150px;
        height: 150px
    }

    .ServeList_31:before {
        top: 74px
    }

    .ServeList_36,
    .ServeList_38 li {
        padding: 30px
    }

    .number_style_1 .box {
        margin: 0 auto 10px
    }

    .photo_list_1 .photo_box,
    .photo_list_1 .photo_content {
        width: 100%
    }

    .photo_box_1 .photo_content .title_1 {
        font-size: 15px
    }

    .photo_box_1 .photo_content .title_2 {
        font-size: 35px
    }

    .photo_box_1 .photo_content .title_3 {
        font-size: 20px
    }

    .timeline2 .dir-r .time_left,
    .timeline2 .time_left {
        float: none;
        max-width: none;
        margin: 0 0 20px;
        text-align: right
    }

    .vertical_table .col-sm-12.cell {
        display: block
    }

    .dnn_layout {
        width: 750px
    }

    .content_mid,
    .footer_mid,
    .head_mid {
        padding: 0 15px
    }

    .copyright_style .sep {
        padding: 0 7px
    }

    .footer_box [class*=Pane] {
        margin: 20px 0
    }

    .special_color_1 {
        text-align: center
    }
}

.mm-menu .mm-navbar.mm-navbar-bottom.mm-navbar-bottom-1 {
    top: auto;
    bottom: 0
}

html.mm-opening.mm-opened .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0)
}

.mm-slideout {
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

.mobile_menu .mm-close.mm-btn:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 20px
}

.mobile_menu .mm-arrow:before,
.mobile_menu .mm-next:after,
.mobile_menu .mm-prev:after {
    content: "\f053";
    font-family: FontAwesome;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle
}

.mobile_menu .mm-next:after {
    border: none;
    transform: none;
    -webkit-transform: none;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block;
    top: -12px
}

.mobile_menu .mm-navbar .mm-btn {
    line-height: 40px
}

@media all and (max-width:175px) {
    html.mm-opening.mm-opened .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening.mm-opened .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

@media only screen and (max-width:767px) {
    .loginContent .LoginPanel {
        width: 100% !important
    }

    .loginContent .dnnFormItem .dnnLoginRememberMe {
        white-space: nowrap
    }

    .dnnRegistrationForm .dnnFormLabel,
    .loginContent .dnnFormLabel {
        display: block !important;
        text-align: right !important
    }

    .dnnRegistrationForm {
        min-width: inherit !important
    }

    #dnn_wrapper,
    .ServeList_30 li,
    .backgroundImage7:before,
    .dnnRegistrationForm .dnnForm,
    .photo_list_1 .photo_box,
    .photo_list_1 .photo_content,
    .pos-map {
        width: 100%
    }

    .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
        display: block !important;
        float: none !important;
        text-align: right !important;
        width: 100%
    }

    .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
        left: auto !important;
        position: static !important;
        margin-right: 5px !important
    }

    .HeaderPaneB_mobile,
    .dnnRegistrationForm .dnnForm .dnnFormItem {
        padding: 0 !important;
        margin: 0 !important
    }

    .dnnRegistrationForm .dnnFormItem input[type=email],
    .dnnRegistrationForm .dnnFormItem input[type=password],
    .dnnRegistrationForm .dnnFormItem input[type=tel],
    .dnnRegistrationForm .dnnFormItem input[type=text],
    .dnnRegistrationForm .dnnFormItem select,
    .dnnRegistrationForm .dnnFormItem textarea {
        width: 100%;
        margin-bottom: 10px !important
    }

    .HeaderPane_mobile .Normal,
    .LeftPage_Box,
    .ServeList_4,
    .mb-40,
    [class*=Pane] {
        margin-bottom: 20px
    }

    #dnn_content,
    .pt-40 {
        padding-top: 20px
    }

    #header_slide,
    #mobile_user .registerGroup li.userMessages strong,
    #mobile_user .registerGroup li.userNotifications strong,
    .HeaderBottom,
    .Loginandlanguage,
    .ServeList_30:before,
    .ServeList_31:before,
    .ServeList_7:before,
    .breadcrumbBox .breadcrumbRight,
    .content_text_1 .text_left,
    .content_text_1 .text_right,
    .content_text_2 dl.text_box_1,
    .content_text_2 dl.text_box_2,
    .content_text_2 dl.text_box_3,
    .content_text_2 dl.text_box_4,
    .content_text_4 dl .line,
    .timeline2 .time_box:after {
        display: none
    }

    .mt-10 {
        margin-top: 5px
    }

    .mb-10 {
        margin-bottom: 5px
    }

    .pt-10 {
        padding-top: 5px
    }

    .pb-10 {
        padding-bottom: 5px
    }

    .Banner1_img,
    .mt-20,
    .number_style_2 .fa {
        margin-top: 10px
    }

    .mb-20,
    .star_box .star_area_1,
    .star_box .star_area_2,
    .star_box .star_area_3,
    .star_box .star_area_4,
    .star_box .star_area_5,
    .star_box .star_area_6 {
        margin-bottom: 10px
    }

    .pt-20 {
        padding-top: 10px
    }

    .pb-20 {
        padding-bottom: 10px
    }

    .mt-30 {
        margin-top: 15px
    }

    .mb-30 {
        margin-bottom: 15px
    }

    .pt-30 {
        padding-top: 15px
    }

    .mobile_menu .social_list_6,
    .pb-30 {
        padding-bottom: 15px
    }

    .mt-40 {
        margin-top: 20px
    }

    .box_404 .font_info,
    .pb-40 {
        padding-bottom: 20px
    }

    .mt-50 {
        margin-top: 25px
    }

    .mb-50 {
        margin-bottom: 25px
    }

    .pt-50 {
        padding-top: 25px
    }

    .pb-50 {
        padding-bottom: 25px
    }

    .mt-60 {
        margin-top: 30px
    }

    .ServeList_10,
    .mb-60 {
        margin-bottom: 30px
    }

    .banner_bottom_text,
    .pt-60 {
        padding-top: 30px
    }

    .pb-60 {
        padding-bottom: 30px
    }

    .ServeList_13,
    .pl_100 {
        padding-right: 0
    }

    #go_up {
        margin-top: -25px;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }

    #anchorNav,
    .SkinPlugin_icon {
        display: none !important
    }

    .backgroundImage29 {
        margin: 0 0 20px;
        position: relative;
        top: -20px
    }

    .backgroundImage11 .right_bg,
    .backgroundImage17 .right_bg {
        position: relative;
        padding-top: 20px
    }

    .backgroundImage11 .right_bg:before {
        top: -15px;
        height: auto;
        bottom: -15px
    }

    .backgroundImage17 .right_bg {
        width: 100%;
        height: 500px
    }

    .title_style_19 {
        font-size: 18px
    }

    .content_text_2 .text_img {
        max-width: inherit
    }

    .content_text_3 h3 {
        font-size: 40px
    }

    .content_text_4 dl {
        position: static;
        right: 0;
        top: 0;
        max-width: none;
        text-align: right !important
    }

    .list_style_13 li,
    .list_style_7 li {
        width: auto;
        display: block
    }

    .list_style_8 li {
        padding-right: 120px
    }

    .dnn_layout,
    .list_style_14 li {
        width: auto
    }

    .Banner1,
    .Banner1_img,
    .HeaderBottom * {
        text-align: center
    }

    .Banner1 .Banner1_title {
        font-size: 30px;
        margin: 40px 0 20px
    }

    .Banner1 .Banner1_link {
        margin: 0 0 20px
    }

    .Banner1 .Banner1_link a {
        font-size: 13px;
        margin: 0 0 10px 10px
    }

    .Banner1 .Banner1_content {
        font-size: 15px;
        margin-bottom: 30px
    }

    .Banner2 .Banner2_title {
        font-size: 30px;
        margin: 120px 0 50px
    }

    .Banner2 .Banner2_link {
        position: static;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        transform-origin: right center;
        -webkit-transform-origin: right center;
        display: inline-block;
        padding: 30px 60px
    }

    .Banner2 .Banner2_link:before {
        transform: none;
        -webkit-transform: none
    }

    .tp-banner .banner3_more a,
    .tp-banner .banner4_more a,
    .tp-banner .banner5_more a {
        padding: 0 4px
    }

    .tp-banner .banner6_more a,
    .tp-banner .banner6_more2 a {
        padding: 0 6px
    }

    .ServeList_7 {
        margin: 0 auto 60px !important
    }

    .banner_bottom_text>div {
        position: static;
        width: auto
    }

    .ServeList_9 {
        color: #333;
        padding-bottom: 20px
    }

    .ServeList_13 .fa {
        position: static;
        margin-bottom: 10px
    }

    .ServeList_24,
    .ServeList_25,
    .ServeList_27 {
        text-align: center;
        margin-bottom: 15px
    }

    .ServeList_24 .pic,
    .ServeList_25 .pic {
        float: none;
        padding-left: 0;
        margin: auto auto 15px
    }

    .ServeList_27.border:before {
        display: none;
        content: normal
    }

    .ServeList_27 .pic {
        float: none;
        padding: 0;
        margin: auto auto 15px
    }

    .ServeList_34 li {
        width: 100%;
        padding: 30px;
        border: none
    }

    .ServeList_38 li {
        width: auto;
        float: none;
        padding: 30px
    }

    .ServeList_35 li span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        margin-bottom: 40px
    }

    .ServeList_36 {
        padding: 30px 30px 20px
    }

    .ServeList_37 {
        padding-right: 80px
    }

    .ServeList_37 .fa {
        right: 0
    }

    .number_style_1 .box {
        margin: 0 auto 80px
    }

    .number_style_1 .box:before {
        top: 100%;
        right: 50%;
        margin: 20px -13px 0 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

    .link_img_list_01 li {
        border: none
    }

    .link_img_list_04 li {
        width: 33.333%
    }

    .link_img_list_04 li .box {
        padding: 30px 5px 23px
    }

    .pos-map {
        position: relative;
        height: 300px
    }

    .photo_list_2 .photo_img,
    .photo_list_2 .photo_main {
        width: 100%;
        float: none
    }

    .photo_list_2 .photo_main {
        padding: 20px
    }

    .FooterPane,
    .blockquote_5 .pic,
    .copyright_style {
        float: none;
        text-align: center
    }

    .blockquote_5 .right {
        padding: 15px
    }

    .photo_sytle_1 .left,
    .photo_sytle_1 .right,
    .timeline .time_box .time_content {
        width: auto;
        float: none
    }

    .photo_box_1 .photo_content .title_1 {
        font-size: 15px
    }

    .photo_box_1 .photo_content .title_2 {
        font-size: 30px
    }

    .photo_box_1 .photo_content .title_3 {
        font-size: 20px
    }

    .photo_box_1,
    .photo_box_2,
    .photo_box_3 {
        margin: 0 0 10px
    }

    .product_list_02 li {
        min-height: inherit !important
    }

    .timeline:before {
        right: 50px
    }

    .timeline .timeline_start {
        text-align: right;
        padding-right: 28px
    }

    .timeline .time_year {
        margin: 0
    }

    .timeline .time_box,
    .timeline .time_box.dir {
        margin-right: 60px;
        overflow: visible
    }

    .timeline .time_box .time_img,
    .timeline .time_box.dir .time_img {
        width: auto;
        float: none;
        margin-bottom: 45px;
        text-align: center
    }

    .timeline .time_box.dir:before,
    .timeline .time_box:before {
        right: -25px
    }

    .timeline .time_box.dir .time_content:before {
        left: auto;
        right: -9px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .timeline .time_box:before {
        content: normal;
        display: none
    }

    .timeline .time_box .time_content:after {
        content: "";
        width: 23px;
        height: 23px;
        background-color: #e5e5e5;
        border: 5px solid #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        position: absolute;
        top: 25%;
        right: -27px;
        margin: -4px -11px 0 0
    }

    .timeline .time_box.dir .time_content {
        text-align: right
    }

    .timeline2 .dir-r .time_left,
    .timeline2 .time_left {
        float: none;
        max-width: none;
        margin: 0 0 20px;
        text-align: right
    }

    .timeline2 .time_box {
        padding: 20px;
        margin-right: 0;
        background-color: #fff
    }

    .timeline2 .time_box:before {
        right: 78px;
        top: -10px
    }

    .LeftPage_Box .pane_layout {
        margin-bottom: -20px
    }

    .box_404 .font_404 {
        font-size: 50px
    }

    .LogoPane,
    .dnn_logo .Logobox,
    .mobileLogoPane,
    .mobile_menu.mm-menu .HeaderBottom,
    .mobile_menu.mm-menu .Loginandlanguage,
    .vertical_table,
    .vertical_table .cell {
        display: block
    }

    .mobile_dnn_logo,
    .mobile_nav,
    .mobile_navbox {
        position: relative
    }

    .content_mid,
    .footer_mid,
    .mobile_nav .menu_main {
        padding: 0 15px
    }

    .mobile_nav {
        padding: 0;
        z-index: 940;
        transition: .3s ease-in;
        -moz-transition: .3s ease-in;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        -ms-transition: .3s ease-in
    }

    .mobile_nav>.shade {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        background-color: #000;
        opacity: 0
    }

    .mobile_dnn_logo {
        padding: 20px 0;
        margin: 0 60px;
        text-align: center
    }

    .mobile_dnn_logo img {
        max-width: 100%;
        max-height: 100%
    }

    .mobile_left_icon,
    .mobile_right_icon {
        font-size: 24px;
        cursor: pointer;
        line-height: 1;
        text-align: center;
        margin-bottom: 10px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -20px
    }

    .mobile_right_icon {
        right: auto;
        left: 0
    }

    .mobile_left_icon .fa,
    .mobile_right_icon a {
        width: 40px;
        height: 40px;
        line-height: 39px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        margin: 0 3px;
        border: 1px solid #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        display: inline-block
    }

    .mobile_right_icon a {
        font-size: 0;
        text-decoration: none
    }

    .mobile_right_icon a:before {
        content: "\f039";
        font-family: FontAwesome;
        font-size: 16px;
        color: inherit
    }

    .mobile_left_icon .fa.active:before,
    html.mm-opening.mm-opened .mobile_right_icon a:before {
        content: "\f00d"
    }

    .mobile_left_icon .fa.active,
    html.mm-opening.mm-opened .mobile_right_icon a {
        color: #00b8de;
        background-color: #fff
    }

    #mobile_search {
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fff;
        width: 100%;
        height: 62px;
        padding: 11px;
        display: none;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    #mobile_search:before {
        content: "";
        position: absolute;
        top: -14px;
        right: 14px;
        border: 7px solid transparent;
        border-bottom-color: #fff
    }

    #mobile_search input.NormalTextBox {
        background-color: #e1e1e1;
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        right: 0;
        top: 0;
        padding: 5px 5px 5px 60px
    }

    #mobile_search .search,
    #mobile_search a.search:active,
    #mobile_search a.search:link,
    #mobile_search a.search:visited {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background-color: #00b8de;
        right: auto;
        left: 0
    }

    #mobile_search .searchSkinObjectPreview {
        right: 0 !important;
        top: 40px
    }

    #mobile_search .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
        top: 7px !important
    }

    #mobile_user {
        width: 100%;
        min-height: 62px;
        padding: 11px;
        text-align: center;
        margin-top: 15px;
        border-top: 1px solid #666
    }

    #mobile_user * {
        display: inline-block
    }

    #mobile_user .userProfileImg a {
        width: 32px
    }

    #mobile_user .userProfileImg img {
        max-width: 100%
    }

    #mobile_user .loginGroup,
    #mobile_user .registerGroup .buttonGroup {
        line-height: 40px;
        margin-bottom: 0
    }

    #mobile_user .registerGroup li.userMessages a,
    #mobile_user .registerGroup li.userNotifications a {
        font-family: FontAwesome;
        position: relative;
        padding: 0 10px;
        text-decoration: none
    }

    #mobile_user .registerGroup li.userMessages a:before {
        content: "\f0e0"
    }

    #mobile_user .registerGroup li.userNotifications a:before {
        content: "\f05a"
    }

    #mobile_user .registerGroup li.userMessages a:before,
    #mobile_user .registerGroup li.userNotifications a:before {
        position: absolute;
        right: 2px;
        top: 50%;
        margin-top: -15px;
        height: 20px;
        font-size: 14px;
        line-height: 24px
    }

    #mobile_user .registerGroup li.userMessages a span,
    #mobile_user .registerGroup li.userNotifications a span {
        position: absolute;
        bottom: 100%;
        left: 0;
        line-height: 1.2;
        margin: 0 0 5px -6px;
        background-color: #00b8de;
        padding: 1px 3px;
        color: #fff;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }

    #mobile_user,
    #mobile_user a,
    #mobile_user a:active,
    #mobile_user a:link,
    #mobile_user a:visited {
        color: #333
    }

    #mobile_user a:hover {
        color: #00b8de
    }

    #mobile_user .language-object,
    .header_email {
        line-height: 40px
    }

    #mobile_user .language-object .Language {
        margin: 0 4px
    }

    #mobile_user .language-object img {
        border: 1px solid #d9d9d9
    }

    #mobile_user .sep {
        padding: 0 10px
    }

    .mobile_nav #mobile_nav {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        margin: 15px -20px 0;
        padding: 40px 0;
        background-color: #000;
        display: none;
        z-index: 1000
    }

    .HeaderPane_mobile {
        margin-bottom: 0
    }

    .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1 {
        border-bottom: 1px solid #666
    }

    .mobile_menu .social_list_7 {
        margin: 10px 0
    }

    .mobile_menu .social_list_7 span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .footer_box [class*=Pane] {
        margin: 20px 0
    }

    .FooterPane {
        padding: 0 8px 20px
    }

    #to_top {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        left: 15px;
        bottom: 15px
    }

    .mobile_menu.mm-menu {
        right: auto;
        left: 0;
        display: block !important
    }

    .mobile_menu.mm-menu .mm-listview>li>a.mm-next {
        bottom: 1px
    }

    .mobile_menu.mm-menu em.mm-counter {
        z-index: 5;
        pointer-events: none
    }

    .mobile_menu.mm-menu .mm-listview i {
        margin-left: 3px
    }
}

@media only screen and (min-width:768px) {
    html.mm-opening.mm-opened .mm-slideout {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media print {
    a:link:after {
        content: " "
    }

    #mobile_nav,
    #mobile_search,
    #mobile_user {
        display: none
    }

    .animation {
        opacity: 1 !important
    }

    .animated,
    .animated .animation_item {
        -webkit-animation-name: none !important;
        -moz-animation-name: none !important;
        -o-animation-name: none !important;
        animation-name: none !important
    }
}

.dnnModuleManager:before {
    opacity: 1 !important
}