@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 ); .home-social { padding-top: 10px; text-align: right; } .home-social a { background-color: #3b9cf7; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 16px; height: 30px; line-height: 30px; margin: 5px 6px 0 0; text-align: center; width: 30px; } .home-social a:hover { background-color: #00306d; color: #033e89; } .home34-linklist ul li a span.fa { color: #3b9cf7; margin-right: 10px; padding-left: 1px; } .home34-linklist ul { float: left; list-style: outside none none; margin: 0; width: 50%; } .home34-linklist ul li + li { margin-top: 16px; } .footer_box .home34-linklist ul li a:hover, .footer_box .home34-list ul li a:hover, .home34-list ul li a span.fa, .home34-linklist ul li a span.fa { color: #3b9cf7; } .footer_box a, .footer_box a:link, .footer_box a:active, .footer_box a:visited { color: #fff; } .footer_box a, .footer_box a:link, .footer_box a, .footer_box a { color: #fff; } /* CSS Document */ html, body { margin: 0px; padding: 0px; color: #8a8989; height: 100%; font-family: IRANSans; } p { margin: 0px 0px 8px 0px; font-family: IRANSans; } 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; } .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: left; } .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); } /*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; left: 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; border-radius:5px; color: #FFF; position: absolute; top: 50%; left: 100%; margin: -14px 10px 0 10px; white-space: nowrap; padding: 1px 10px; 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 { left: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #anchorNav { left: 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; }