@import url( css/bootstrap.css );
@import url( css/shortcodes.css );
@import url( css/accordions.css );
@import url( css/alerts-message.css );
@import url( css/animated-columns.css );
@import url( css/botton.css );
@import url( css/dg-title.css );
@import url( css/clients.css );
@import url( css/tabs.css );
/*@import url( css/pages.css );*/ /*Localized and optimizer Pages.css load page by Dnnplus.ir*/
@import url( css/icon-box.css );
@import url( css/pricing.css );
@import url( css/portfolios.css );
@import url( css/imagebox.css );
@import url( css/testimonial.css );
@import url( css/chart.css );
@import url( css/promo-boxes.css );
@import url( css/flip-box.css );
@import url( css/dividers.css );
@import url( css/ourteam.css );
@import url( css/blog.css );
/* CSS Document */
html, body { margin: 0px; padding: 0px; font: normal 13px/1.5 'IRANSans', sans-serif; color: #8a8989; height: 100%; }
p { margin: 0px 0px 8px 0px; }
header, nav, section, footer { display: block; }
A, A:link { text-decoration: none; transition: color ease 300ms; -moz-transition: color ease 300ms; /* Firefox 4 */ -webkit-transition: color ease 300ms; /* Safari and Chrome */ -o-transition: color ease 300ms; /* Opera */ -ms-transition: color ease 300ms; /* IE9? */ }
    A:active { text-decoration: none; }
    A:visited { text-decoration: none; }
    A:hover { text-decoration: underline; }
    A:focus { outline: none; -moz-outline: none; }
h1, h2, h3, h4, h5 { letter-spacing: normal; margin: 5px 0 10px 0; }
form#Form { height: 100%; }
.ModuleTitle_SubMenu { z-index: 9999 !important; }
.clearfix:after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; }
.clearfix { 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; }
.center { text-align: center; }


/**************** Login page******************/
@media only screen and (max-width:767px) {
    .loginContent .LoginPanel { width: 100% !important; }
    .loginContent .dnnFormItem .dnnLoginRememberMe { white-space: nowrap; }
    .loginContent .dnnFormLabel { display: block !important; text-align: left !important; }
}

/**************** register page******************/
@media only screen and (max-width:767px) {
    .dnnRegistrationForm { min-width: inherit !important; }
        .dnnRegistrationForm .dnnForm { width: 100%; }
        .dnnRegistrationForm .dnnFormLabel { display: block !important; text-align: left !important; }
        .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel { display: block !important; float: none !important; text-align: left !important; width: 100%; }
        .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp { right: auto !important; position: static !important; margin-left: 5px !important; }
        .dnnRegistrationForm .dnnForm .dnnFormItem { padding: 0px !important; margin: 0px !important; }
        .dnnRegistrationForm .dnnFormItem input[type="text"], .dnnRegistrationForm .dnnFormItem input[type="password"], .dnnRegistrationForm .dnnFormItem input[type="email"], .dnnRegistrationForm .dnnFormItem input[type="tel"], .dnnRegistrationForm .dnnFormItem select, .dnnRegistrationForm .dnnFormItem textarea { width: 100%; margin-bottom: 10px !important; }
}

/**************** Password page******************/
@media only screen and (max-width:767px) {
    .dnnSendPasswordContent { width: auto !important; }
        .dnnSendPasswordContent .dnnLabel { display: block !important; width: 100% !important; text-align: left; }
        .dnnSendPasswordContent a.dnnFormHelp, .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp, .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp { position: static; }
        .dnnSendPasswordContent input[type="text"], .dnnSendPasswordContent input[type="password"], .dnnSendPasswordContent input[type="email"], .dnnSendPasswordContent input[type="tel"], .dnnSendPasswordContent select, .dnnSendPasswordContent textarea { width: 90%; margin-bottom: 10px !important; }
        .dnnSendPasswordContent ul.dnnActions { padding: 0 !important; }
}
/* ********** Control Panel Style ************** */
.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 12px; color: #973939; text-decoration: none; font-weight: normal; }
A.CommandButton:hover { color: #973939; text-decoration: underline; font-size: 12px; font-weight: normal; }
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active { color: #000; text-decoration: underline; }
    .FileManager A:hover { color: #000; text-decoration: none; }
/* ********** Pane Style ************** */
.DNNEmptyPane { display: none; }
[class*="Pane"] { margin-bottom: 40px; }
.BannerPane { background-color: #FFF; position: relative; z-index: 4; }
    .BannerPane.DNNEmptyPane { width: 100%; display: block; min-height: inherit !important; }
.footer_box .FooterBottomPaneD { margin: 0 !important; }
#dnn_content { padding-top: 40px; }
.LeftFixedPane { position: fixed; left: 0; top: 50%; }
.RightFixedPane { position: fixed; right: 0; top: 50%; }
.BottomFixedPane { bottom: 0; left: 50%; }
.TopOutPane { margin-top: -40px; }

@media only screen and (min-width: 1600px) {
    [class*="Pane"] { margin-bottom: 60px; }
    #dnn_content { padding-top: 60px; }
    .TopOutPane { margin-top: -60px; }
}

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

@media only screen and (max-width: 767px) {
    [class*="Pane"] { margin-bottom: 20px; }
    #dnn_content { padding-top: 20px; }
    .TopOutPane { margin-top: -20px; }
}

.CoverPane, .BannerPane, .BottomOutPane { margin-bottom: 0px; }

.LogoPane, .mobileLogoPane, .dnn_logo .Logobox { margin: 0; display: inline-block; max-width: 100%; vertical-align: top; height: 100%; }
    .LogoPane div { display: inline-block; height: 100%; max-width: 100%; }
    .LogoPane.dnnSortable { min-height: inherit !important; }
.BannerBoxPane { margin: 0; }
.FixedLogoPane { display: none; }
.roll_menu.roll_activated .FixedLogoPane { margin: 0; display: inline-block; max-width: 100%; vertical-align: top; height: 100%; }
.FixedLogoPane div { display: inline-block; height: 100%; max-width: 100%; }
.FixedLogoPane a { display: block; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); position: relative; font-size: 0; }
.FixedLogoPane img { margin: 0; padding: 0; border: none; max-width: 100%; max-height: 100%; }
.roll_menu.roll_activated .dnn_logo .Logobox, .roll_menu.roll_activated .dnn_logo .LogoPane { display: none; }
.roll_menu.roll_activated .header-left, .roll_menu.roll_activated .header-right { vertical-align: middle; }
/* ********** Container Style ************** */
a[class*="banner-more"] { transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; -moz-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* IE9? */ }


/* ********** Breadcrumb Style ************** 
.breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #2e2e2e;
}
a.breadcrumb:hover {
	font-weight: normal;
	text-decoration: underline;
}
.Breadcrumb_bg {
}

 @media only screen and (max-width: 767px) {
.breadcrumbBox .breadcrumbRight {
	display: none;
}
}
*/
/* ********** Other Style ************** */
.dnn_layout { margin: 0px auto; }
#dnn_wrapper { position: relative; }
/*language*/
.languageBox { white-space: nowrap; padding: 0px; text-align: center; }
    .languageBox img { width: 27px; height: 18px; }
    .languageBox span img { margin-right: 7px; filter: alpha(opacity=50); opacity: 0.5; vertical-align: middle; }
    .languageBox span.selected img { filter: alpha(opacity=100); opacity: 1; box-shadow: 0 0 2px rgba(255,255,255,0.4); -moz-box-shadow: 0 0 2px rgba(255,255,255,0.4); -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4); }
/*Login*/
.Login { text-align: center; }
    .Login .loginGroup, .Login .registerGroup, .Login .sep { display: inline-block; padding: 0px; margin: 0px; height: 30px; line-height: 30px; }
    .Login .sep { padding: 0 5px; }
    .Login .registerGroup ul { margin: 0; padding: 0; display: block; list-style: none; }
    .Login .registerGroup .buttonGroup > li, .Login .loginGroup > a { list-style: none; margin: 0; padding: 0; display: inline-block; line-height: 1; }
    .Login img { margin: 0 0 2px 8px; padding: 0; max-height: 26px; }
    .Login .fa { display: inline-block; vertical-align: middle; }
    .Login .registerGroup li.userMessages strong, .Login .registerGroup li.userNotifications strong { display: none; }
    .Login .registerGroup li.userMessages a, .Login .registerGroup li.userNotifications a { font-family: 'FontAwesome'; position: relative; padding: 0px 11px; text-decoration: none; }
        .Login .registerGroup li.userMessages a:before { content: "\f0e0"; position: absolute; left: 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; left: 2px; top: 50%; margin-top: -12px; height: 20px; line-height: 24px; transform: scale(1.15); -webkit-transform: scale(1.15); font-size: 15px; }
        .Login .registerGroup li.userMessages a span, .Login .registerGroup li.userNotifications a span { position: absolute; bottom: 100%; right: 0px; margin: 0 -6px -7px 0; background-color: #20a3f0; padding: 1px 3px 1px; color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 2; }
/* Search Style  */
.searchBox { background: transparent; display: block; }
    .searchBox > span { background: none; border: none; float: none; position: relative; white-space: nowrap; width: 100%; display: block; text-align: left; }
.search, a.search:link, a.search:active, a.search:visited { text-decoration: none; display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; line-height: 30px; overflow: hidden; padding: 0px; color: #a1a0a0; text-align: center; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 16px; }
a.search:before { content: "\f002"; }
.searchBox input.NormalTextBox { width: 80%; text-align: left; height: 18px; line-height: 18px; overflow: hidden; padding: 0px 3px 0px 3px; background: none; border: none; display: block; position: absolute; left: 25px; top: 6px; outline: 0; border-radius: 0px 0px 0px 0px; -webkit-appearance: none; color: inherit; vertical-align: middle; font-family: inherit; }
.searchBox input::-webkit-input-placeholder { color: inherit; }
.searchBox input:-moz-placeholder { color: inherit; }
.searchBox input::-moz-placeholder { color: inherit; }
.searchBox input:-ms-input-placeholder { color: inherit; }
.searchBox .searchInputContainer { position: static !important; vertical-align: middle; }
    .searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow { top: 8px !important; left: auto; right: 44px !important; }
.searchBox .searchSkinObjectPreview { right: 0 !important; }
.searchBox ul.searchSkinObjectPreview > li > span { line-height: 1.2; display: inline-block; white-space: normal; }
.dnnSearchBoxPanel, .dnnSearchResultPanel { width: 100%; max-width: none; padding: 10px 0px !important; }
.dnnSearchResultPanel { padding: 10px 0px 7px 0px !important; }
ul.searchSkinObjectPreview { z-index: 1000 !important }
ul.searchSkinObjectPreview { font-size: 13px; }
/*source_code*/
.source_code { margin: 5px 0px; }
    .source_code pre { display: none; }
    .source_code .source_box pre { display: block; }
    .source_code .source_box { display: none; }
/* ********** HEADER ************** */
#body, body { position: relative; }
.roll_logo { display: none; }
.dnn_logo { float: left; padding: 0; }
    .dnn_logo img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.header-top, .header-bottom { display: table; width: 100%; }
.header-left, .header-center, .header-right { display: table-cell; vertical-align: middle; }
.header-left { text-align: left }
.header-right { text-align: right; }
.header-center { text-align: center; }
.header_bg { width: 100%; z-index: 100; }
.justify_fix { display: inline-block; width: 100%; height: 0; line-height: 0; overflow: hidden; }
.headerBox { position: relative; }
.menuRightBox { display: inline-block; vertical-align: middle; }
.roll_menu.roll_activated { position: fixed; width: 100%; z-index: 1000; }
.nav_box { position: relative; }
/*main menu*/
.dnn_menu { position: relative; margin: 0px; }
/*dnngo_megamenu */
#dnngo_megamenu { margin: 0px; padding: 0px; clear: both; }
    #dnngo_megamenu .primary_structure { position: relative; clear: both; margin: 0; padding: 0; }
        #dnngo_megamenu .primary_structure > li { float: left; list-style: none; position: relative; margin: 0; }
            #dnngo_megamenu .primary_structure > li > a { display: inline-block; padding: 0; word-spacing: normal; }
            * + html #dnngo_megamenu .primary_structure > li > a { display: inline; }
    #dnngo_megamenu > div > ul > li > a > span { display: inline-block }
    #dnngo_megamenu .primary_structure > li > a:hover, #dnngo_megamenu .primary_structure > li.menu_hover > a, #dnngo_megamenu .primary_structure > li.current > a { text-decoration: none; }
    #dnngo_megamenu .primary_structure span img, #dnngo_megamenu .primary_structure span i, .multi_menu ul li i, .multi_menu ul li img { margin-right: 8px; width: 1.1em; text-align: center; }
    /*sub*/
    #dnngo_megamenu .dnngo_menuslide { display: none; position: absolute; top: 100%; left: 0px; z-index: 907; margin: 0; padding: 0; }
    #dnngo_megamenu .rtl .dnngo_menuslide.slide { left: auto !important; right: 0; }
    #dnngo_megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 18px 40px 18px 0px; }
    #dnngo_megamenu .dnngo_slide_menu, #dnngo_megamenu .dnngo_boxslide { box-shadow: 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
        #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu { box-shadow: 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); }
    #dnngo_megamenu .dnngo_masonrymenu { width: 100%; }
        #dnngo_megamenu .dnngo_masonrymenu > ul { float: left; }
            #dnngo_megamenu .dnngo_masonrymenu > ul > li { margin: 0px 38px; }
    /*dnngo_slide_menu*/
    #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 { margin: 0; padding: 0; }
        #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu { margin: 0; padding: 0; display: none; position: absolute; left: 100%; top: 0px; z-index: 904; }
        #dnngo_megamenu .dnngo_slide_menu li { position: relative; list-style: none; }
            #dnngo_megamenu .dnngo_slide_menu li a { text-decoration: none; text-align: left; padding: 8px 60px 8px 20px; font-size: 13px; display: block; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
    #dnngo_megamenu .rtl .dnngo_slide_menu li a { padding: 8px 20px 8px 60px; text-align: right; }
    #dnngo_megamenu .dnngo_slide_menu li a > span { display: inline-block; transition: transform ease-in 200ms,color ease-in 0ms; -moz-transition: transform ease-in 200ms,color ease-in 0ms; /* Firefox 4 */ -webkit-transition: transform ease-in 200ms,color ease-in 0ms; /* Safari and Chrome */ -o-transition: transform ease-in 200ms,color ease-in 0ms; /* Opera */ -ms-transition: transform ease-in 200ms,color ease-in 0ms; /* IE9? */ }

    #dnngo_megamenu .dnngo_slide_menu li a:hover > span,
    #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a > span { transform: translate(4px,0); -webkit-transform: translate(4px,0); }
    #dnngo_megamenu .rtl .dnngo_slide_menu li a:hover > span,
    #dnngo_megamenu .rtl .dnngo_slide_menu li.menu_hover > a > span { transform: translate(-4px,0); -webkit-transform: translate(-4px,0); }

    #dnngo_megamenu .dnngo_slide_menu li.dir:before { content: ""; right: 15px; top: 50%; position: absolute; margin-top: -2px; width: 5px; height: 5px; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }
    #dnngo_megamenu .rtl .dnngo_slide_menu li.dir:before { left: 15px; right: auto; -ms-transform: rotate(135deg); /* IE 9 */ -moz-transform: rotate(135deg); /* Firefox */ -webkit-transform: rotate(135deg); /* Safari and Chrome */ -o-transform: rotate(135deg); /* Opera */ }
    #dnngo_megamenu .rtl .dnngo_boxslide,
    #dnngo_megamenu .rtl .dnngo_boxslide .menu_centerbox ul { text-align: right; }
    /*dnngo_boxslide*/

    #dnngo_megamenu .dnngo_boxslide { clear: both; overflow: hidden; width: 100%; margin: auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); }
        #dnngo_megamenu .dnngo_boxslide .clear { clear: both; overflow: hidden; width: 100%; height: 0px; }
        #dnngo_megamenu .dnngo_boxslide .menu_centerbox { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        #dnngo_megamenu .dnngo_boxslide .menu_leftbox { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        #dnngo_megamenu .dnngo_boxslide .menu_rightbox { float: left; padding: 0px 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: left; }
            #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li { list-style: none; padding: 3px 0px; font-size: 12px; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li li { padding: 5px 10px; }
        #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu { }
            #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul { position: relative; }
                #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul:before { content: ""; position: absolute; right: 0; top: -100px; height: 1000%; border-left: 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; }
                * + html #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { display: inline; }
                    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { font-size: 14px; padding-bottom: 20px; }
                    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a:hover { text-decoration: none; }
        #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:hover { text-decoration: none; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span { display: block; }
                    #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { content: ""; width: 5px; height: 5px; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ vertical-align: middle; display: inline-block; margin: 0px 8px 2px 0; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before { border-left-color: #20a3f0; }
        #dnngo_megamenu .dnngo_boxslide .menu_topbox { width: 100%; }
        #dnngo_megamenu .dnngo_boxslide .menu_bottombox { width: 100%; }
        #dnngo_megamenu .mega_title, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { font-size: 14px !important; text-transform: capitalize; border-bottom: 1px solid #c2c2c2; font-weight: normal; padding: 5px 0 15px; line-height: 1.2; color: #20a3f0; letter-spacing: 0; position: relative; display: block; margin-bottom: 8px; }
        #dnngo_megamenu .dnngo_boxslide .menu_leftbox, #dnngo_megamenu .dnngo_boxslide .menu_rightbox, #dnngo_megamenu .dnngo_boxslide .menu_topbox, #dnngo_megamenu .dnngo_boxslide .menu_bottombox, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { overflow: hidden; }
    #dnngo_megamenu .rtl li span > img, #dnngo_megamenu .rtl li span > i { margin-left: 4px; margin-right: 0px; }
    #dnngo_megamenu li p { line-height: 1.8; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dnngo_megamenu.IHide-md li span > img, #dnngo_megamenu.IHide-md li span > i, #dnngo_menu.IHide-md li span > img, #dnngo_menu.IHide-md li span > i { display: none; }
    #dnngo_megamenu .dnngo_masonrymenu > ul > li { margin: 0px 10px; white-space: normal; }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #dnngo_megamenu.IHide-sm li span > img, #dnngo_megamenu.IHide-sm li span > i, #dnngo_menu.IHide-sm li span > img, #dnngo_menu.IHide-sm li span > i { display: none; }
}

@media only screen and (min-width: 1200px) {
    #dnngo_megamenu.IHide-lg li span > img, #dnngo_megamenu.IHide-lg li span > i, #dnngo_menu.IHide-lg li span > img, #dnngo_menu.IHide-lg li span > i { display: none; }
}

.roller-up { position: fixed; top: 0; background-color: #000; background-color: rgba(0,0,0,0.15); height: 18px; cursor: pointer; z-index: 950; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.roller-down { position: fixed; bottom: 0; background-color: #000; background-color: rgba(0,0,0,0.15); height: 18px; cursor: pointer; z-index: 950; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
    .roller-up:before,
    .roller-down:before { content: ""; width: 8px; height: 8px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; display: inline-block; }
.roller-up:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0px -3px; }
.roller-down:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin: 0px 0 3px -3px; }
.roller-up:hover,
.roller-down:hover { background-color: rgba(0,0,0,0.3); }
#header7 #dnngo_megamenu > div.dnngo_gomenu > ul > li.back { visibility: visible !important; opacity: 1 !important; }
/*dnngo_custommenu*/

#dnngo_megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 0; }
#dnngo_megamenu .dnngo_custommenu > .menupane { float: left; background-color: #FFF; padding-bottom: 10000px; margin-bottom: -10000px; position: relative; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.topline .pane_space { border-top: 1px solid #dcdcdc; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.bottomline .pane_space { border-bottom: 1px solid #dcdcdc; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.leftline { border-left: 1px solid #dcdcdc; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.rightline { border-right: 1px solid #dcdcdc; }

#dnngo_megamenu .dnngo_custommenu .pane_space { }
#dnngo_megamenu .dnngo_custommenu .submenu { margin: 0; padding: 0; }
#dnngo_megamenu .dnngo_custommenu .submenu_title { color: #424242; line-height: 1.4; font-weight: bold; margin: 0 0 7px; }
#dnngo_megamenu .dnngo_custommenu .submenulist_1 .submenu_title a:hover { text-decoration: none; }
#dnngo_megamenu .dnngo_custommenu .submenulist_1 .submenu_title span { color: #424242; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a { display: block; padding: 6px 4px; color: #666666; transition: background ease-in 200ms; -moz-transition: background ease-in 200ms; /* Firefox 4 */ -webkit-transition: background ease-in 200ms; /* Safari and Chrome */ -o-transition: background ease-in 200ms; /* Opera */ -ms-transition: background ease-in 200ms; /* IE9? */ }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a:hover { color: #FFF; background-color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a span { display: inline-block; transition: transform ease-in 200ms,color ease-in 0ms; -moz-transition: transform ease-in 200ms,color ease-in 0ms; /* Firefox 4 */ -webkit-transition: transform ease-in 200ms,color ease-in 0ms; /* Safari and Chrome */ -o-transition: transform ease-in 200ms,color ease-in 0ms; /* Opera */ -ms-transition: transform ease-in 200ms,color ease-in 0ms; /* IE9? */ }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a:hover span { transform: translate(4px,0); -webkit-transform: translate(4px,0); }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_1:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li a { padding-left: 24px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li a { padding-left: 44px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li li a { padding-left: 64px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li li li a { padding-left: 84px; }


#dnngo_megamenu .dnngo_custommenu .submenulist_2 .submenu_title a:hover { text-decoration: none; }
#dnngo_megamenu .dnngo_custommenu .submenulist_2 .submenu_title span { color: #20a3f0; font-weight: normal; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }
#dnngo_megamenu .dnngo_custommenu .submenulist_2 .submenu_title:after { content: ""; width: 65%; border-bottom: 1px solid #bebebe; display: block; margin-top: 12px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 { }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_2:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li { margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li span { display: inline-block; padding: 4px 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a:before { content: ""; margin: 0 12px 2px 0; width: 5px; height: 5px; line-height: 5px; display: inline-block; border-right: 1px solid #666666; border-bottom: 1px solid #666666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a:hover:before { border-right-color: #20a3f0; border-bottom-color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li li { padding-left: 20px; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a { color: #666666; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a:hover { color: #20a3f0; }
/**/

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 { }
#dnngo_megamenu .dnngo_custommenu .submenulist_3 .submenu_title { padding: 0 0 10px; margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_3 .submenu_title span { color: #20a3f0; text-decoration: none; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_3 .submenu_title a:hover { text-decoration: none; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_3:last-child ul { margin: 0; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li { margin: 0; position: relative; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 > ul > li > a { border-bottom: 1px solid #dcdcdc; position: relative; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 > ul > li > a + ul { margin-top: 5px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li span { display: inline-block; padding: 11px 0; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li span { padding: 4px 0; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a:before { content: ""; top: 50%; margin: -2px 7px 3px 0; width: 6px; height: 6px; line-height: 6px; display: inline-block; border-right: 1px solid #666666; border-bottom: 1px solid #666666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li a { padding-left: 20px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li li a { padding-left: 40px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li li li a { padding-left: 60px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a { color: #666666; display: block; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a:hover { color: #20a3f0; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a:hover:before { border-right-color: #20a3f0; border-bottom-color: #20a3f0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 { }
#dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title { border-bottom: 1px solid #dcdcdc; padding: 0 0 10px; margin: 0 0 10px; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title span { color: #424242; text-decoration: none; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }
    #dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title a:hover span { color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title a:hover { text-decoration: none; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_4:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li { margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li span { display: inline-block; padding: 4px 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li li { padding-left: 20px; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li a { color: #666666; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li a:hover { color: #20a3f0; }
#dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title { margin: 0 0 7px; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title a:hover { text-decoration: none; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title span { color: #424242; font-weight: normal; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }
    #dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title a:hover span { color: #20a3f0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 { }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_5:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li { margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li span { display: inline-block; padding: 4px 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:before { content: ""; margin: 0 10px 2px 0; width: 5px; height: 5px; line-height: 5px; display: inline-block; border-right: 1px solid #666666; border-bottom: 1px solid #666666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:hover:before { border-right-color: #20a3f0; border-bottom-color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li li { padding-left: 20px; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a { color: #666; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:hover { color: #20a3f0; }
            #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:hover:before { }

.menu-cont01 .list { margin: 0; padding: 0 0 10px; list-style: none; }
    .menu-cont01 .list li { padding: 5px 0px; }
        .menu-cont01 .list li .fa { font-size: 1.3em; width: 25px; text-align: center; display: inline-block; vertical-align: middle; margin-bottom: 2px; }
.menu-cont01 .line { border-bottom: 1px solid #dcdcdc; margin-top: 10px; margin-bottom: 30px; }
.menu-ibox { margin-bottom: 20px; }
    .menu-ibox h3 { color: #424242; font-size: 15px; font-weight: normal; margin-bottom: 10px; }
.menu-cont01 .more,
.menu-cont01 .more:link,
.menu-cont01 .more:active,
.menu-cont01 .more:visited { background-color: transparent; color: #20a3f0; font-style: italic; text-decoration: underline; }
    .menu-cont01 .more:hover { text-decoration: none; }

.menu-ibox .btn { margin-top: 10px; margin-bottom: 20px; color: #20a3f0; border: 1px solid #20a3f0; }
    .menu-ibox .btn,
    .menu-ibox .btn:link,
    .menu-ibox .btn:active,
    .menu-ibox .btn:visited { background: transparent; color: #20a3f0; box-shadow: none; -webkit-box-shadow: none; }
        .menu-ibox .btn:hover { background-color: #20a3f0; color: #FFF; }
.menu-ibox-last .menu-ibox { margin-bottom: 0; }
    .menu-ibox-last .menu-ibox .btn { margin-bottom: 0px; }



.menu-blog { }
    .menu-blog .pic { margin-bottom: 10px; }

.menu-bloglist { margin: 0; padding: 0; list-style: none; }
    .menu-bloglist li { overflow: hidden; border-bottom: 1px solid #dcdcdc; padding-bottom: 25px; margin-bottom: 25px; }
        .menu-bloglist li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
    .menu-bloglist .pic { float: left; margin-right: 18px; padding-top: 5px; }
    .menu-bloglist .pic-right { overflow: hidden; }
.menu-carousel { text-align: center; }


/* ********** CONTENT ************** */
#dnn_content { min-height: 400px; position: relative; }
.Breadcrumb_bg:before, .BannerPane:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1 }
.pane-bg01 { position: relative; z-index: 1; }
    .pane-bg01:before { content: ""; width: 100%; height: 100%; background: #20a3f0; position: absolute; top: 0; left: 0; z-index: -1; transform: skew(0deg, -4deg); transform-origin: left bottom; -webkit-transform-origin: left bottom; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
    .pane-bg01:before { background: #b75ccd; }
/*page Spacing*/
.mt-5 { margin-top: 5px; }
.mb-5 { margin-bottom: 5px; }
.pt-5 { padding-top: 5px; }
.pb-5 { padding-bottom: 5px; }
.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.mt-50 { margin-top: 50px; }
.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; }

@media only screen and (min-width: 1600px) {
    .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; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .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; }
    .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; }
}

@media only screen and (max-width: 767px) {
    .mt-10 { margin-top: 5px; }
    .mb-10 { margin-bottom: 5px; }
    .pt-10 { padding-top: 5px; }
    .pb-10 { padding-bottom: 5px; }
    .mt-20 { margin-top: 10px; }
    .mb-20 { 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; }
    .pb-30 { padding-bottom: 15px; }
    .mt-40 { margin-top: 20px; }
    .mb-40 { margin-bottom: 20px; }
    .pt-40 { padding-top: 20px; }
    .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; }
    .mb-60 { margin-bottom: 30px; }
    .pt-60 { padding-top: 30px; }
    .pb-60 { padding-bottom: 30px; }
}
/*page Spacing*/
.ml-5 { margin-left: 5px; }
.mr-5 { margin-right: 5px; }
.pl-5 { padding-left: 5px; }
.pr-5 { padding-right: 5px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.pl-10 { padding-left: 10px; }
.pr-10 { padding-right: 10px; }
.ml-20 { margin-left: 20px; }
.mr-20 { margin-right: 20px; }
.pl-20 { padding-left: 20px; }
.pr-20 { padding-right: 20px; }
.ml-30 { margin-left: 30px; }
.mr-30 { margin-right: 30px; }
.pl-30 { padding-left: 30px; }
.pr-30 { padding-right: 30px; }
.ml-40 { margin-left: 40px; }
.mr-40 { margin-right: 40px; }
.pl-40 { padding-left: 40px; }
.pr-40 { padding-right: 40px; }
.ml-50 { margin-left: 50px; }
.mr-50 { margin-right: 50px; }
.pl-50 { padding-left: 50px; }
.pr-50 { padding-right: 50px; }
.ml-60 { margin-left: 60px; }
.mr-60 { margin-right: 60px; }
.pl-60 { padding-left: 60px; }
.pr-60 { padding-right: 60px; }

@media only screen and (min-width: 1600px) {
    .ml-10 { margin-left: 13px; }
    .mr-10 { margin-right: 13px; }
    .pl-10 { padding-left: 13px; }
    .pr-10 { padding-right: 13px; }
    .ml-20 { margin-left: 26px; }
    .mr-20 { margin-right: 26px; }
    .pl-20 { padding-left: 26px; }
    .pr-20 { padding-right: 26px; }
    .ml-30 { margin-left: 39px; }
    .mr-30 { margin-right: 39px; }
    .pl-30 { padding-left: 39px; }
    .pr-30 { padding-right: 39px; }
    .ml-40 { margin-left: 52px; }
    .mr-40 { margin-right: 52px; }
    .pl-40 { padding-left: 52px; }
    .pr-40 { padding-right: 52px; }
    .ml-50 { margin-left: 65px; }
    .mr-50 { margin-right: 65px; }
    .pl-50 { padding-left: 65px; }
    .pr-50 { padding-right: 65px; }
    .ml-60 { margin-left: 78px; }
    .mr-60 { margin-right: 78px; }
    .pl-60 { padding-left: 78px; }
    .pr-60 { padding-right: 78px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ml-10 { margin-left: 7px; }
    .mr-10 { margin-right: 7px; }
    .pl-10 { padding-left: 7px; }
    .pr-10 { padding-right: 7px; }
    .ml-20 { margin-left: 14px; }
    .mr-20 { margin-right: 14px; }
    .pl-20 { padding-left: 14px; }
    .pr-20 { padding-right: 14px; }
    .ml-30 { margin-left: 21px; }
    .mr-30 { margin-right: 21px; }
    .pl-30 { padding-left: 21px; }
    .pr-30 { padding-right: 21px; }
    .ml-40 { margin-left: 28px; }
    .mr-40 { margin-right: 28px; }
    .pl-40 { padding-left: 28px; }
    .pr-40 { padding-right: 28px; }
    .ml-50 { margin-left: 35px; }
    .mr-50 { margin-right: 35px; }
    .pl-50 { padding-left: 35px; }
    .pr-50 { padding-right: 35px; }
    .ml-60 { margin-left: 42px; }
    .mr-60 { margin-right: 42px; }
    .pl-60 { padding-left: 42px; }
    .pr-60 { padding-right: 42px; }
}

@media only screen and (max-width: 767px) {
    .ml-10 { margin-left: 5px; }
    .mr-10 { margin-right: 5px; }
    .pl-10 { padding-left: 5px; }
    .pr-10 { padding-right: 5px; }
    .ml-20 { margin-left: 10px; }
    .mr-20 { margin-right: 10px; }
    .pl-20 { padding-left: 10px; }
    .pr-20 { padding-right: 10px; }
    .ml-30 { margin-left: 15px; }
    .mr-30 { margin-right: 15px; }
    .pl-30 { padding-left: 15px; }
    .pr-30 { padding-right: 15px; }
    .ml-40 { margin-left: 20px; }
    .mr-40 { margin-right: 20px; }
    .pl-40 { padding-left: 20px; }
    .pr-40 { padding-right: 20px; }
    .ml-50 { margin-left: 25px; }
    .mr-50 { margin-right: 25px; }
    .pl-50 { padding-left: 25px; }
    .pr-50 { padding-right: 25px; }
    .ml-60 { margin-left: 30px; }
    .mr-60 { margin-right: 30px; }
    .pl-60 { padding-left: 30px; }
    .pr-60 { padding-right: 30px; }
}
/*width*/
.width-95 { margin: auto; width: 95%; }
.width-90 { margin: auto; width: 90%; }
.width-85 { margin: auto; width: 85%; }
.width-80 { margin: auto; width: 80%; }
.width-75 { margin: auto; width: 75%; }
.width-70 { margin: auto; width: 70%; }
.width-65 { margin: auto; width: 65%; }
.width-60 { margin: auto; width: 60%; }
.width-55 { margin: auto; width: 55%; }
.width-50 { margin: auto; width: 50%; }
.width-45 { margin: auto; width: 45%; }
.width-40 { margin: auto; width: 40%; }
.width-35 { margin: auto; width: 35%; }
.width-30 { margin: auto; width: 30%; }
.width-25 { margin: auto; width: 25%; }
.width-20 { margin: auto; width: 20%; }
.width-15 { margin: auto; width: 15%; }
.width-10 { margin: auto; width: 10%; }





/*bold*/
.font-bold { font-weight: bold; }
/**/
.align-bottom { float: none; vertical-align: bottom; display: inline-block; }
.align-middle { vertical-align: middle; display: inline-block; float: none; }

/*color*/
.color-white, .color-white .Normal, .color-white a, .color-white a:link, .color-white a:active, .color-white a:visited, .color-white a:hover, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6 { color: #FFF; }
.color_gray, .color_gray .Normal, .color_gray a, .color_gray a:link, .color_gray a:active, .color_gray a:visited, .color_gray a:hover, .color_gray h1, .color_gray h2, .color_gray h3, .color_gray h4, .color_gray h5, .color_gray h6 { color: #999999; }
.text_left { text-align: left; }
.text_center { text-align: center; }
.text_right { text-align: right; }



@media only screen and (max-width: 767px) {
    .phone-center { text-align: center; }
}
/* ********** Buttons Style ************** */
.btn, .btn:hover { transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
/* ********** FOOTER ************** */
.foot_bg, .footer_bottom { position: relative; z-index: 3 }
.foot_bgs, .footer_bottom_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FFF; z-index: -1; }
.footer_bottom { padding: 10px 0; }
.footer_box [class*=Pane] { margin: 50px 0 40px; }
.footer_box .Full_Screen_FootPaneA, .footer_box .Full_Screen_FootPaneB { margin: 0px !important; }
.footer_box, .footer_box .Normal, .footer_box a { font-size: 13px; color: #8f8f8f; }
.copyright_style { float: left; padding: 10px 8px; }
.FooterPane { float: right; padding: 9px 8px 0; margin: 0 !important; }
.copyright_style .sep { padding: 0px 5px; }
.copyright_style, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited { text-decoration: none; font-size: 13px; }
    .copyright_style a:hover { text-decoration: none; color: #20a3f0; }
.FooterPane .social-icons { display: inline-block; vertical-align: middle; font-size: 22px; }
    .FooterPane .social-icons a { color: #585858; }
* + html .FooterPane .social-icons { display: inline }
#to_top { width: 65px; height: 65px; line-height: 65px; right: 90px; bottom: 120px; float: right; margin-top: 10px; text-align: center; font-size: 24px; z-index: 1000; cursor: pointer; position: fixed; display: none; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }
.backtop01 { border: 1px solid #333; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; }
    .backtop01 span { display: inline-block; vertical-align: middle; position: relative; }
        .backtop01 span:before { content: ""; width: 17px; height: 17px; border-top: 1px solid #333; border-left: 1px solid #333; position: absolute; top: -13px; left: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); opacity: 0.8; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }
        .backtop01 span:after { content: ""; width: 0; height: 27px; border-left: 1px solid #333; position: absolute; top: -15px; left: 0px; opacity: 0.8; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }
    .backtop01:hover { background-color: #ed474a; border: 2px solid #ed474a; }
        .backtop01:hover span:before { border-color: #FFF; }
        .backtop01:hover span:after { border-color: #FFF; }
.backtop02 { background-color: #61b632; text-align: center; }
    .backtop02 span { display: inline-block; vertical-align: bottom; position: relative; }
        .backtop02 span:before { content: "\f062"; display: inline-block; vertical-align: middle; position: relative; font-family: "FontAwesome"; vertical-align: bottom; color: #FFF; font-size: 24px; }
    .backtop02:hover { background-color: #ed474a; }
.backtop03 { border: 2px solid #cd3637; text-align: center; }
    .backtop03 span { display: inline-block; vertical-align: middle; position: relative; margin-top: -12px; }
        .backtop03 span:before { content: "\f077"; display: inline-block; position: relative; font-family: "FontAwesome"; vertical-align: middle; font-size: 24px; }
    .backtop03:hover { border-color: #ed474a; background-color: #ed474a; color: #FFF }
.backtop04 { background-color: #50bdad; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
    .backtop04 span { display: inline-block; vertical-align: bottom; position: relative; }
        .backtop04 span:before { content: "\f062"; display: inline-block; vertical-align: middle; position: relative; font-family: "FontAwesome"; vertical-align: bottom; color: #FFF; font-size: 24px; }
    .backtop04:hover { background-color: #ed474a; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #to_top { right: 30px !important; bottom: 40px !important; }
}

@media only screen and (max-width: 767px) {
    #to_top { right: 20px !important; bottom: 40px !important; }
}

.FooterPane .Normal, .copyright_style, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited, .FooterPane a, .FooterPane a:link, .FooterPane a:active, .FooterPane a:visited, .FooterPane .social-icons a { color: #666666; }
/* ********** Typography ************** */

/*Custom Buttons style*/
a.Button_style1 { padding: 10px 16px; margin: 0px 5px 5px 0; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; color: #FFFFFF !important; text-decoration: none; background: url(images/but_bg.png) repeat-x left bottom; background-size: contain; 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, 0.2) inset; /* For Firefox3.6+ */ -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; /* For Chrome5+, Safari5+ */ box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ }
a.Button_style2 { padding: 10px 16px; margin: 0px 5px 5px 0; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; color: #FFFFFF !important; text-decoration: none; background: url(images/but_bg.png) repeat-x left bottom; background-size: contain; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ }
a.Button_style3 { padding: 10px 16px; margin: 0px 5px 5px 0; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; color: #FFFFFF !important; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ }
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: #ffd700 }
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: #c0c0c0 }
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; }
* + html a.Button_style1, * + html a.Button_style2, * + html a.Button_style3 { display: inline; }
/*-- Loading animation --*/
.pace_bg, .pace-running .pace_bg { position: fixed; width: 100%; height: 100%; background-color: #FFF; z-index: 10100; }
.pace-running .dnngo-main { visibility: hidden; }
.animations { visibility: visible; }
.showControlBar .pace_bg { margin-top: -53px !important; }
.pace-running .pace { z-index: 10101; }
.pace, .pace *, .pace *:before, .pace *:after, .pace:before, .pace:after { 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: all ease-in 500ms; -moz-transition: all ease-in 500ms; /* Firefox 4 */ -webkit-transition: all ease-in 500ms; /* Safari and Chrome */ -o-transition: all ease-in 500ms; /* Opera */ -ms-transition: all ease-in 500ms; /* IE9? */ }
/*box container*/
/* Effect 1: Slide in on top */
.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 { left: 302px; }
/* Effect 2: Reveal */
.box-effect-2.active, .box-effect-2.delay { overflow: hidden; height: auto !important; }
    .box-effect-2.active .rightmain, .box-effect-2.delay .rightmain { box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-2.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 0.5s; transition: transform 0.5s; }
.box-effect-2.active #header_slide { left: 302px; }
/* Effect 3: Push*/
.box-effect-3.active, .box-effect-3.delay { overflow: hidden; height: auto !important; }
    .box-effect-3.active .rightmain, .box-effect-3.delay .rightmain { }
    .box-effect-3.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
    .box-effect-3.active .left-menu { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.box-effect-3 .left-menu { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 50; }
.box-effect-3.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.box-effect-3.active #header_slide { left: 302px; }
/* Effect 4: Slide along */
.box-effect-4.active, .box-effect-4.delay { overflow: hidden; height: auto !important; }
    .box-effect-4.active .rightmain, .box-effect-4.delay .rightmain { box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-4.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-4 .left-menu { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.box-effect-4.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.box-effect-4.active #header_slide { left: 302px; }
/* Effect 5: Reverse slide out */
.box-effect-5.active, .box-effect-5.delay { overflow: hidden; height: auto !important; }
    .box-effect-5.active .rightmain, .box-effect-5.delay .rightmain { box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-5.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-5 .left-menu { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); }
.box-effect-5.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.box-effect-5.active #header_slide { left: 302px; }
/* Effect 6: Rotate pusher */
.box-effect-6.active, .box-effect-6.delay { -webkit-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .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,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,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 { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Effect 7: 3D rotate in */
.box-effect-7.active, .box-effect-7.delay { -webkit-perspective: 1500px; perspective: 1500px; overflow: hidden; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
    .box-effect-7.active .rightmain, .box-effect-7.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-7 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-7.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.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-7.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Effect 8: 3D rotate out */
.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-8.active .rightmain, .box-effect-8.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-8 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-8.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.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-8.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Effect 9: Scale down pusher */
.box-effect-9.active, .box-effect-9.delay { -webkit-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-9.active .rightmain, .box-effect-9.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-9 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-9.active .rightmain { -webkit-transform: translate3d(0, 0, -300px); transform: translate3d(0, 0, -300px); }
.box-effect-9 .left-menu { opacity: 1; z-index: 50; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.box-effect-9.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 10: Scale up */
.box-effect-10.active, .box-effect-10.delay { -webkit-perspective: 1500px; perspective: 1500px; overflow: hidden; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
    .box-effect-10.active .rightmain, .box-effect-10.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-10.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 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-10.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 11: Scale and rotate pusher */
.box-effect-11.active, .box-effect-11.delay { -webkit-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-11.active .rightmain, .box-effect-11.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
.box-effect-11 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.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-11.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 12: Open door */
.box-effect-12.active, .box-effect-12.delay { -webkit-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-12.active .rightmain, .box-effect-12.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.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-12 .left-menu { opacity: 1; z-index: 50; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.box-effect-12.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 13: Fall down */
.box-effect-13.active, .box-effect-13.delay { -webkit-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; overflow: hidden; }
    .box-effect-13.active .rightmain, .box-effect-13.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-13.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.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; }
/* Effect 14: Delayed 3D rotate */

.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-14.active .rightmain, .box-effect-14.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
.box-effect-14 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-14.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.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(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .rightmain, .no-js .rightmain { padding-left: 300px; }
/*anchor Nav*/
#anchorNav { position: fixed; right: 20px; top: 35%; margin: 0; padding: 0; z-index: 10000; }
    #anchorNav li { list-style: none; cursor: pointer; position: relative; margin-bottom: 10px; }
        #anchorNav li i { display: block; width: 24px; height: 22px; background-color: #7f7f7f; border: 1px solid rgba(0,0,0,0.3); text-indent: -200px; overflow: hidden; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; /* Safari and Chrome */ }
        #anchorNav li:hover i, #anchorNav li.active i { background-color: #a5a5a5; }
        #anchorNav li span { background-color: #fcc012; color: #FFF; position: absolute; top: 50%; right: 100%; margin: -14px 10px 0 0; white-space: nowrap; padding: 1px 5px; opacity: 0; visibility: hidden; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        #anchorNav li:hover span { opacity: 1; visibility: visible; }

@media only screen and (min-width: 1200px) {
    #anchorNav { right: 80px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #anchorNav { right: 20px; }
}

@media only screen and (max-width: 767px) {
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    [class*="backgroundImage"] { background-attachment: scroll !important; }
}
/*gmap*/
#gmap01, #gmap02, #gmap03, #gmap04, #gmap05 { background-color: #e5e3df; }
.map-shadow { position: relative; overflow: hidden; }
    .map-shadow:after { content: ""; position: absolute; width: 100%; height: 7px; top: -7px; left: 0; box-shadow: 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); z-index: 900; }
    .map-shadow:before { content: ""; position: absolute; width: 100%; height: 7px; bottom: -7px; left: 0; box-shadow: 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); z-index: 900; }


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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .copyright_style .sep { padding: 0px 7px; }
    .footer_box [class*=Pane] { margin: 20px 0; }
}

@media only screen and (max-width: 767px) {
    .LogoPane, .mobileLogoPane, .dnn_logo .Logobox { display: block; }
}

@media only screen and (max-width: 991px) {
    /*--------- Mobile Menu style ----------*/
    .mobile_nav { padding: 0; position: relative; z-index: 940; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }
        .mobile_nav > .shade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #000000; filter: alpha(opacity= 0 ); opacity: 0; }
    .mobile_navbox { position: relative; }
    .mobile_dnn_logo { position: relative; padding: 0px; margin: 0 60px 0 0; text-align: left; }
        .mobile_dnn_logo img { max-width: 100%; max-height: 100%; }
    .mobile_left_icon, .mobile_right_icon { cursor: pointer; line-height: 1; text-align: center; margin-bottom: 10px; position: absolute; top: 50%; left: auto; right: 0; margin-top: -8px; }
    .mobile_left_icon { right: 30px; }
        .mobile_left_icon .fa, .mobile_right_icon a { text-align: center; font-size: 14px; color: #FFF; margin: 0 3px; display: inline-block; margin: 0; }
    .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"; font-size: 18px; }
    .mobile_left_icon .fa.active, html.mm-opening.mm-opened .mobile_right_icon a { color: #20a3f0; }
    #mobile_search { position: absolute; top: 100%; left: 0; background-color: #FFF; width: 100%; height: 62px; padding: 11px; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); }
        #mobile_search:before { content: ""; position: absolute; top: -14px; right: 41px; border: 7px solid transparent; border-bottom-color: #FFF; }
        #mobile_search input.NormalTextBox { background-color: #e1e1e1; width: 100% !important; height: 40px; line-height: 40px; left: 0; top: 0; padding: 5px 60px 5px 5px; }
        #mobile_search .search, #mobile_search a.search:link, #mobile_search a.search:active, #mobile_search a.search:visited { width: 40px; height: 40px; line-height: 40px; color: #FFF; background-color: #20a3f0; left: auto; right: 0; }
        #mobile_search .searchSkinObjectPreview { left: 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 .registerGroup .buttonGroup, #mobile_user .loginGroup { line-height: 40px; margin-bottom: 0; }
        #mobile_user .registerGroup li.userMessages strong, #mobile_user .registerGroup li.userNotifications strong { display: none; }
        #mobile_user .registerGroup li.userMessages a, #mobile_user .registerGroup li.userNotifications a { font-family: 'FontAwesome'; position: relative; padding: 0px 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; left: 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%; right: 0px; line-height: 1.2; margin: 0 -6px 5px 0; background-color: #20a3f0; padding: 1px 3px 1px; 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:link, #mobile_user a:active, #mobile_user a:visited { color: #333333; }
            #mobile_user a:hover { color: #20a3f0; }
            #mobile_user .language-object { line-height: 40px; }
                #mobile_user .language-object .Language { margin: 0px 4px; }
                #mobile_user .language-object img { border: 1px solid #d9d9d9; }
            #mobile_user .sep { padding: 0px 10px; }
    .mobile_nav #mobile_nav { position: absolute; top: 100%; left: 0; right: 0; margin: 15px -20px 0; padding: 40px 0; background-color: #000; display: none; z-index: 1000; }
    .mobile_nav .menu_main { padding: 0 15px; }
    .HeaderPane_mobile .Normal { margin-bottom: 20px; }
    .HeaderPane_mobile { margin-bottom: 0px; }
    .HeaderBottom * { text-align: center; }
    .SkinPlugin_icon { display: none !important; }
    #dnn_wrapper { width: 100%; }
    .HeaderPaneB_mobile { padding: 0 !important; margin: 0 !important; }
    .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1 { border-bottom: 1px solid #666; }
    .mobile_menu .social_list_6 { padding-bottom: 15px; }
    .mobile_menu .social_list_7 { margin: 10px 0; }
        .mobile_menu .social_list_7 span { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
    .header_email { line-height: 40px; }
    /*foot*/

    .copyright_style { float: none; text-align: center; }
    .footer_box [class*=Pane] { margin: 20px 0; }
    .FooterPane { float: none; text-align: center; padding: 0px 8px 20px; }
    #to_top { transform: scale(0.7); -webkit-transform: scale(0.7); right: 15px; bottom: 15px; /*	display: none!important;*/ }
}

.mm-menu .mm-navbar.mm-navbar-top-2, .mm-menu .mm-navbar.mm-navbar-top-2 a { color: #666; }
.mm-menu .mm-navbar.mm-navbar-bottom.mm-navbar-bottom-1 { top: auto; bottom: 0; }
html.mm-opening.mm-opened .mm-slideout { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -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,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); }
.mobile_menu .mm-close.mm-btn:before { content: "\f00d"; font-family: "FontAwesome"; font-size: 20px; }
.mobile_menu .mm-prev:before, .mobile_menu .mm-arrow:after { display: none; }
.mobile_menu .mm-prev:after, .mobile_menu .mm-next:after, .mobile_menu .mm-arrow:before { 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); }
}
/*pagepiling*/
#pagepiling { width: 100%; height: 100%; overflow: hidden; position: relative; }
    #pagepiling .section { top: auto; bottom: 0; width: 100%; height: 100%; text-align: center; position: absolute; }
.pp-section { height: 100%; position: absolute; width: 100%; }
.pp-easing { -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ }
#pp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
    #pp-nav.right { right: 17px; }
    #pp-nav.left { left: 17px; }
.pp-section.pp-table { display: table; width: 100%; table-layout: fixed }
.pp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.pp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
    .pp-slidesNav.bottom { bottom: 17px; }
    .pp-slidesNav.top { top: 17px; }
    #pp-nav ul, .pp-slidesNav ul { margin: 0; padding: 0; }
    #pp-nav li, .pp-slidesNav li { display: block; width: 14px; height: 13px; margin: 12px 7px; position: relative; }
    .pp-slidesNav li { display: inline-block; }
        #pp-nav li a, .pp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
    #pp-nav li .active span, .pp-slidesNav .active span { background: transparent !important; border: 5px solid #ffffff !important; }
    #pp-nav span, .pp-slidesNav span { top: 2px; left: 2px; width: 16px; height: 16px; border: none !important; background: #FFF !important; border-radius: 50%; position: absolute; z-index: 1; }
.pp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; }
    .pp-tooltip.right { right: 20px; }
    .pp-tooltip.left { left: 20px; }
#pagepiling .gohome { width: 70px; height: 70px; border: 2px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 50%; bottom: 0; margin: 0 0 80px -45px; cursor: pointer; z-index: 1; background: url(images/gohome_ico.png) no-repeat center center; -webkit-animation: arrows 1s infinite; -webkit-animation-delay: 1s; animation: arrows 1s infinite; animation-delay: 1s; }
.animationUp { opacity: 0; transform: translateY(-200px); -ms-transform: translateY(-200px); /* IE 9 */ -moz-transform: translateY(-200px); /* Firefox */ -webkit-transform: translateY(-200px); /* Safari and Chrome */ -o-transform: translateY(-200px); /* Opera */ transition: all ease 800ms; -moz-transition: all ease 800ms; /* Firefox 4 */ -webkit-transition: all ease 800ms; /* Safari and Chrome */ -o-transition: all ease 800ms; /* Opera */ -ms-transition: all ease 800ms; /* IE9? */ }
.animationDown { opacity: 0; transform: translateY(200px); -ms-transform: translateY(200px); /* IE 9 */ -moz-transform: translateY(200px); /* Firefox */ -webkit-transform: translateY(200px); /* Safari and Chrome */ -o-transform: translateY(200px); /* Opera */ transition: all ease 800ms; -moz-transition: all ease 800ms; /* Firefox 4 */ -webkit-transition: all ease 800ms; /* Safari and Chrome */ -o-transition: all ease 800ms; /* Opera */ -ms-transition: all ease 800ms; /* IE9? */ }
#pagepiling .active .animationUp, #pagepiling .active .animationDown { transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -moz-transform: translateY(0px); /* Firefox */ -webkit-transform: translateY(0px); /* Safari and Chrome */ -o-transform: translateY(0px); /* Opera */ opacity: 1; }

@media only screen and (min-width: 768px) {
    .dnngo-main.boxed #pagepiling { margin-top: -25px; margin-bottom: 25px; }
}


/*welcome*/
.welcome_box { width: 100%; position: relative; z-index: 1; }
    .welcome_box .welcome_title { font-size: 70px; line-height: 1.2; color: #ffffff; padding: 0px 15px; font-weight: bold; letter-spacing: 4px; }
    .welcome_box .welcome_content { font-size: 20px; color: #ffffff; padding: 0px 15px; position: relative; z-index: 1; }
    .welcome_box .welcome_pic { padding: 50px 15px; }
        .welcome_box .welcome_pic img { max-width: 100%; }
#pagepiling .animation_element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
    #pagepiling .animation_element .element_bg { position: absolute; height: 100%; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: contain; bottom: -50%; left: 0; transition: all 1s ease-in 0s; -moz-transition: all 1s ease-in 0s; /* Firefox 4 */ -webkit-transition: all 1s ease-in 0s; /* Safari and Chrome */ -o-transition: all 1s ease-in 0s; /* Opera */ -ms-transition: all 1s ease-in 0s; /* IE9? */ }
#pagepiling .active .animation_element .element_bg { bottom: 0; transition: all 1s ease-out 0.4s; -moz-transition: all 1s ease-out 0.4s; /* Firefox 4 */ -webkit-transition: all 1s ease-out 0.4s; /* Safari and Chrome */ -o-transition: all 1s ease-out 0.4s; /* Opera */ -ms-transition: all 1s ease-out 0.4s; /* IE9? */ }
#pagepiling .animation_element .element_bg img { max-width: 100%; }
#pagepiling .star { position: absolute; animation: star infinite 2s; -moz-animation: star infinite 2s; -webkit-animation: star infinite 2s; -o-animation: star infinite 2s; }
#pagepiling .animation_star .star_1 { top: 20px; left: 10%; animation-duration: 4.5s; -webkit-animation-duration: 4.5s; }
#pagepiling .animation_star .star_2 { top: 123px; left: 20%; animation-duration: 5s; -webkit-animation-duration: 5s; }
#pagepiling .animation_star .star_3 { top: 43px; left: 60%; animation-duration: 6s; -webkit-animation-duration: 6s; }
#pagepiling .animation_star .star_4 { top: 440px; left: 90%; animation-duration: 10s; -webkit-animation-duration: 10s; }
#pagepiling .animation_star .star_5 { top: 234px; left: 14%; animation-duration: 5.5s; -webkit-animation-duration: 5.5s; }
#pagepiling .animation_star .star_6 { top: 100px; left: 50%; animation-duration: 15s; -webkit-animation-duration: 15s; }
#pagepiling .animation_star .star_7 { top: 34px; left: 82%; animation-duration: 20s; -webkit-animation-duration: 20s; }
#pagepiling .animation_star .star_8 { top: 120px; left: 34%; animation-duration: 10s; -webkit-animation-duration: 10s; }
#pagepiling .cloud { position: absolute; left: -100px; animation: cloud infinite 10s linear; -moz-animation: cloud infinite 10s linear; -webkit-animation: cloud infinite 10s linear; -o-animation: cloud infinite 10s linear; }
#pagepiling .animation_cloud .cloud_1 { top: 20px; animation-duration: 15s; -webkit-animation-duration: 15s; animation-delay: 0s; -webkit-animation-delay: 0s; }
#pagepiling .animation_cloud .cloud_2 { top: 123px; animation-duration: 20s; -webkit-animation-duration: 20s; animation-delay: 1s; -webkit-animation-delay: 1s; transform: scale(0.5); -webkit-transform: scale(0.5); }
#pagepiling .animation_cloud .cloud_3 { top: 63px; animation-duration: 22s; -webkit-animation-duration: 22s; animation-delay: 5s; -webkit-animation-delay: 5s; transform: scale(0.9); -webkit-transform: scale(0.9); }
#pagepiling .animation_cloud .cloud_4 { top: 240px; animation-duration: 18s; -webkit-animation-duration: 18s; animation-delay: 2s; -webkit-animation-delay: 2s; transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .snowflake { position: absolute; top: -100px; animation: snowflake infinite 10s linear; -moz-animation: snowflake infinite 10s linear; -webkit-animation: snowflake infinite 10s linear; -o-animation: snowflake infinite 10s linear; }
#pagepiling .animation_snowflake .snowflake_1 { left: 20%; animation-duration: 15s; -webkit-animation-duration: 15s; animation-delay: 0s; -webkit-animation-delay: 0s; }
#pagepiling .animation_snowflake .snowflake_2 { left: 8%; animation-duration: 20s; -webkit-animation-duration: 20s; animation-delay: 5.1s; -webkit-animation-delay: 5.1s; transform: scale(0.5); -webkit-transform: scale(0.5); }
#pagepiling .animation_snowflake .snowflake_3 { left: 63%; animation-duration: 22s; -webkit-animation-duration: 22s; animation-delay: 6s; -webkit-animation-delay: 6s; transform: scale(0.9); -webkit-transform: scale(0.9); }
#pagepiling .animation_snowflake .snowflake_4 { left: 82%; animation-duration: 18s; -webkit-animation-duration: 18s; animation-delay: 4s; -webkit-animation-delay: 4s; transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .animation_snowflake .snowflake_5 { left: 75%; animation-duration: 16.5s; -webkit-animation-duration: 16.5s; animation-delay: 1s; -webkit-animation-delay: 1s; }
#pagepiling .animation_snowflake .snowflake_6 { left: 18%; animation-duration: 18.5s; -webkit-animation-duration: 18.5s; animation-delay: 3s; -webkit-animation-delay: 3s; transform: scale(0.5); -webkit-transform: scale(0.5); }
#pagepiling .animation_snowflake .snowflake_7 { left: 70%; animation-duration: 24.5s; -webkit-animation-duration: 24.5s; animation-delay: 7s; -webkit-animation-delay: 7s; transform: scale(0.9); -webkit-transform: scale(0.9); }
#pagepiling .animation_snowflake .snowflake_8 { left: 92%; animation-duration: 23.5s; -webkit-animation-duration: 23.5s; animation-delay: 5s; -webkit-animation-delay: 5s; transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .dandelion { opacity: 0; }
#pagepiling .dandelion { position: absolute; opacity: 0; bottom: 20%; left: 80%; z-index: -1; animation: dandelion infinite 10s linear; -moz-animation: dandelion infinite 10s linear; -webkit-animation: dandelion infinite 10s linear; -o-animation: dandelion infinite 10s linear; }
#pagepiling .animation_dandelion .dandelion_1 { left: 66%; animation-duration: 16s; -webkit-animation-duration: 16s; animation-delay: 3s; -webkit-animation-delay: 2s; }
#pagepiling .animation_dandelion .dandelion_2 { left: 40%; animation-duration: 12s; -webkit-animation-duration: 12s; animation-delay: 2.4s; -webkit-animation-delay: 2.4s; transform: scale(0.95); -webkit-transform: scale(0.95); }
#pagepiling .animation_dandelion .dandelion_3 { left: 45%; animation-duration: 15s; -webkit-animation-duration: 15s; animation-delay: 4s; -webkit-animation-delay: 4s; transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .animation_dandelion .dandelion_4 { left: 110%; animation-duration: 16s; -webkit-animation-duration: 16s; animation-delay: 8s; -webkit-animation-delay: 8s; transform: scale(0.75); -webkit-transform: scale(0.75); }
#pagepiling .animation_dandelion .dandelion_5 { left: 67%; animation-duration: 18s; -webkit-animation-duration: 18s; animation-delay: 6s; -webkit-animation-delay: 6s; transform: scale(0.7); -webkit-transform: scale(0.7); }
#pagepiling .animation_dandelion .dandelion_6 { left: 74%; animation-duration: 20s; -webkit-animation-duration: 20s; animation-delay: 4s; -webkit-animation-delay: 4s; transform: scale(0.65); -webkit-transform: scale(0.65); }
#pagepiling .animation_dandelion .dandelion_7 { left: 123%; animation-duration: 19s; -webkit-animation-duration: 19s; animation-delay: 5s; -webkit-animation-delay: 5s; transform: scale(0.68); -webkit-transform: scale(0.68); }
#pagepiling .animation_dandelion .dandelion_8 { left: 99%; animation-duration: 17s; -webkit-animation-duration: 17s; animation-delay: 9.5s; -webkit-animation-delay: 9.5s; transform: scale(0.78); -webkit-transform: scale(0.78); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome_box .welcome_title { font-size: 40px; }
    .welcome_box .welcome_content { font-size: 16px; }
    .welcome_box .welcome_pic { padding: 25px 0; }
}

@media only screen and (max-width: 767px) {
    .welcome_box .welcome_title { font-size: 30px; }
    .welcome_box .welcome_content { font-size: 14px; }
    .welcome_box .welcome_pic { padding: 15px 0; }
}

div.main_slider_wrapper { overflow: hidden; margin: 0 auto; max-width: 1000px; }
.slider_wrapper * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; }
.slider_wrapper { text-align: left; margin: 0; padding: 0; border: none; clear: both; display: block; position: relative; }
    .slider_wrapper .circle_slider { position: relative; width: 970px; height: 260px; margin: 0; padding: 0; border: none; overflow: hidden; }
.circle_slider_thumb { border: #ecebeb solid 1px !important; padding: 4px !important; position: absolute; top: 97px; width: 84px; height: 84px; float: left; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0; padding: 0; cursor: pointer; }
    .circle_slider_thumb img { max-width: 100% !important; width: 84px; margin: 0 !important; padding: 0 !important; border: none; border-radius: 84px; }
.circle_slider_big { overflow: hidden; border: #282828 solid 8px; border-radius: 231px; position: absolute; top: 24px; width: 231px; height: 231px; float: left; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; margin: 0; padding: 0; }
    .circle_slider_big img { width: 231px; margin: 0; padding: 0; border: none; }
.slider_wrapper .circle_slider_nav_left { position: absolute; top: 334px; left: 95px; height: 57px; width: 28px; display: block; margin: 0; padding: 0; border: none; overflow: hidden; cursor: pointer; }
.slider_wrapper .circle_slider_no_border2_left { width: 24px; }
.slider_wrapper .circle_slider_nav_left span { border-radius: 50px 0px 0px 50px; left: 0px; position: absolute; display: inline-block; background: url(images/slider_ico.png) no-repeat left top; box-shadow: none !important; }
.slider_wrapper .circle_slider_nav_right { position: absolute; top: 597px; left: 95px; height: 57px; width: 28px; display: block; margin: 0; padding: 0; border: none; overflow: hidden; cursor: pointer; }
    .slider_wrapper .circle_slider_nav_right span { margin-left: -26px; left: 0px; position: absolute; display: inline-block; box-shadow: none !important; background: url(images/slider_ico.png) no-repeat left top; }
.slider_wrapper .circle_slider_nav_left.circle_slider_no_border span { padding: 0; margin-left: 8px; border-radius: 0; background: url(images/slider_ico.png) no-repeat left 8px !important; box-shadow: none !important; overflow: hidden; text-indent: -999px; display: block; width: 100%; height: 30px; }
.slider_wrapper .circle_slider_nav_right.circle_slider_no_border span { padding: 0; left: 4px; border-radius: 0; background: url(images/slider_ico.png) no-repeat right 8px !important; box-shadow: none !important; overflow: hidden; text-indent: -999px; display: block; width: 100%; margin-left: -4px; height: 30px; }
/*	Circle Slider text	*/

.slider_wrapper .slider_item { width: 100%; left: 0px; top: 10px; position: relative; display: inline-block; }
    .slider_wrapper .slider_item .circle_slider_text { width: 460px; padding: 0 20px 20px 0px; border-right: 1px solid #7e7e7e; float: left; margin: 0; border-left: none; border-bottom: none; border-top: none; }
        .slider_wrapper .slider_item .circle_slider_text.right { border-left: 1px solid #7e7e7e; border-right: none; width: 459px; padding: 0 0px 20px 20px; margin: 0 0 0 -1px; border-bottom: none; border-top: none; }
        .slider_wrapper .slider_item .circle_slider_text span { text-align: right; display: inline-block; width: 100%; margin: 0; padding: 0; border: none; }
        .slider_wrapper .slider_item .circle_slider_text h4 { float: right; }
        .slider_wrapper .slider_item .circle_slider_text.right span { text-align: left; }
        .slider_wrapper .slider_item .circle_slider_text.right h4 { float: left; }
.image_more_info { width: 42px; height: 42px; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 10; }
    .image_more_info a { position: relative; }
    .image_more_info span { border-radius: 50%; display: block; padding: 0px; overflow: hidden; border: 0; width: 0px; height: 0px; background: url(images/slider_ico.png) no-repeat 12px -28px #3b9cf7 !important; box-shadow: none !important; font-size: 0px; }
.circle_item_border { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; position: absolute; width: 100%; height: 100%; top: -1px; left: -1px; border: 5px solid #000000; border-radius: 40px 40px 40px 40px; z-index: 5; }
/* additional content */

.slider_wrapper .slider_wrap { text-align: center; }
.slider_wrapper div.all_around_text_up { position: absolute; margin: 0; padding: 0; }
.slider_wrapper div.all_around_text_down { position: absolute; margin: 0; padding: 0; }
.slider_wrapper span.all_around_text_span_up { margin: 0; padding: 0; text-align: center; position: absolute; bottom: 0; }
.slider_wrapper span.all_around_text_span_down { margin: 0; padding: 0; text-align: center; position: absolute; padding: 5px !important; font-size: 15px; color: #555859; }
.slider_wrapper .slider_item { display: none; }
.main_content_slider_box { margin: auto; overflow: hidden; width: 100% !important; }


/*dnnsoftware*/
.proInfoImage.dnnLeft .proInfoImageImage { width: 450px; }

/*simpleanchor */
#simpleanchor { margin: 0; padding: 0; list-style: none; }
    #simpleanchor li { list-style: none; }
    #simpleanchor a { display: block; padding: 4px 20px; font-size: 13px; font-weight: 500; color: inherit; border-left: 2px solid transparent; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        #simpleanchor a:hover { color: #20a3f0; text-decoration: none; border-left-color: #20a3f0; }
    #simpleanchor .active a { color: #20a3f0; font-weight: bold; border-left-color: #20a3f0; }

body[style*="margin-left: 80px"] .mfp-arrow-left.mfp-prevent-close { margin-left: 80px; }

.Breadcrumb_box_bg li:first-child { display: block; }