/* CSS Document */ /*font*/ /*Common style*/ @import url( bootstrap.css ); @import url( animation.css ); @import url( shortcodes.css ); #Body { color: #666666; } html, body { margin: 0px; height: 100%; padding: 0px; font: normal 13px/1.5 'Raleway', Arial, sans-serif; color: #666666; } p { margin: 0px 0px 8px 0px; } header { position: relative; } header, nav, section, footer { display: block; } TH, TD, DIV { } A, A:link { color: #ff8726; text-decoration: none; } A:active { color: #ff8726; text-decoration: none; } A:visited { color: #ff8726; text-decoration: none; } A:hover { color: #ff8726; text-decoration: underline; } h1 { font: bold 24px/28px 'Raleway', Arial, sans-serif; color: #ff8726; margin: 0 0px 10px 0px; } h2 { font: bold 22px/26px 'Raleway', Arial, sans-serif; color: #ff8726; margin: 0 0px 10px 0px; } h3 { font: bold 20px/24px 'Raleway', Arial, sans-serif; color: #ff8726; margin: 0 0px 10px 0px; } h4 { font: bold 18px/22px 'Raleway', Arial, sans-serif; color: #ff8726; margin: 0 0px 10px 0px; } h5 { font: bold 16px/20px 'Raleway', Arial, sans-serif; color: #000; margin: 0 0px 10px 0px; } h6 { font: bold 14px/18px 'Raleway', Arial, sans-serif; color: #000; margin: 0 0px 10px 0px; } 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: inline-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; } /**************** Login page******************/ @media (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 (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 (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: 13px; color: #973939; text-decoration: none; font-weight: normal; } A.CommandButton:hover { color: #973939; text-decoration: underline; font-size: 13px; 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_area { margin: 5px 0; height: 50px; line-height: 50px; background: #eee; border: 1px solid #ccc; text-align: center; font-size: 13px; font-weight: bold; color: #666; } /* ********** Buttons Style ************** */ a.buttoncolor { color: #fff; background-color: #FF8726; } a.buttoncolor:hover { filter: alpha(opacity=80); opacity: 0.8; } a.Button_default { text-decoration: none; padding: 9px 25px; font-size: 14px; display: inline-block; white-space: nowrap; color: #FFFFFF !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms; background-color: #FF8726; } a.Button_default:hover { text-decoration: none; background: #555555; color: #FFFFFF !important; } a.Button_style1 { font-weight: bold; font-size: 13px; text-transform: uppercase; background-color: #FF8726; padding: 22px 50px; color: #fff; display: inline-block; border: 2px solid #ff8726; text-decoration: none; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } a.Button_style1:hover { background-color: transparent; color: #ff8726; } a.Button_style2 { font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 17px 59px; color: #FF8726; display: inline-block; border: 2px solid #FF8726; text-decoration: none; } a.Button_style2:hover { background-color: #FF8726; color: #fff; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } a.Button_style3 { font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 17px 54px; color: #fff; display: inline-block; border: 2px solid #fff; text-decoration: none; transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* IE9? */ } a.Button_style3:hover { background-color: #FF8726; color: #fff; border: 2px solid #FF8726; } a.Button_style12 { padding: 12px 30px; margin: 0px 10px; position: relative; font-size: 14px; display: inline-block; white-space: nowrap; margin-bottom: 10px; color: #FFFFFF !important; background-color: #FF8726; 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_style12:hover { text-decoration: none; background: #555555; } /* ********** Pane Style ************** */ [class*="Pane"], .row [class*="Pane"] { padding: 0px 0px 60px 0px; } .DNNEmptyPane { display: none; } .Full_Screen_PaneI, .Full_Screen_PaneJ { padding: 0 !important; } .Full_Screen_PaneI { position: relative; } /*page Spacing*/ .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; } .pb-60 { padding-bottom: 60px; } .pt-60 { padding-top: 60px; } .mt-60 { margin-top: 60px; } .mb-60 { margin-bottom: 60px; } @media only screen and (min-width: 768px) and (max-width: 991px) { [class*="Pane"], .row [class*="Pane"] { padding: 0px 0px 30px 0px; } .mt-40 { margin-top: 30px; } .mb-40 { margin-bottom: 30px; } .pt-40 { padding-top: 30px; } .pb-40 { padding-bottom: 30px; } .mt-50 { margin-top: 30px; } .mb-50 { margin-bottom: 30px; } .pt-50 { padding-top: 30px; } .pb-50 { padding-bottom: 30px; } .pb-60 { padding-bottom: 30px; } .pt-60 { padding-top: 30px; } .mt-60 { margin-top: 30px; } .mb-60 { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { [class*="Pane"], .row [class*="Pane"] { padding: 0px 0px 20px 0px; } .mt-30 { margin-top: 20px; } .mb-30 { margin-bottom: 20px; } .pt-30 { padding-top: 20px; } .pb-30 { padding-bottom: 20px; } .mt-40 { margin-top: 20px; } .mb-40 { margin-bottom: 20px; } .pt-40 { padding-top: 20px; } .pb-40 { padding-bottom: 20px; } .mt-50 { margin-top: 20px; } .mb-50 { margin-bottom: 20px; } .pt-50 { padding-top: 20px; } .pb-50 { padding-bottom: 20px; } .pb-60 { padding-bottom: 20px; } .pt-60 { padding-top: 20px; } .mt-60 { margin-top: 20px; } .mb-60 { margin-bottom: 20px; } } /* ********** Container Style ************** */ .Head { font-size: 13px; font-weight: bold; color: #000; font-family: 'Raleway', Arial, sans-serif; } .SubHead { font-size: 13px; color: #000; font-family: 'Raleway', Arial, sans-serif; } .SubSubHead { font-size: 13px; color: #000; font-family: 'Raleway', Arial, sans-serif; } .Normal { font-size: 13px; line-height: 1.5; color: #666666; font-family: 'Raleway', Arial, sans-serif; } /* ********** Login Style ************** */ /* ********** User Style ************** */ /* ********** Date Style ************** */ .date, a.date:link, a.date:active, a.date:visited { color: #aaa; text-decoration: none; font-weight: normal; font-size: 13px; } a.date:hover { color: #FF8726; } /* ********** Footer Style ************** */ .footer, a.footer:link, a.footer:active, a.footer:visited { font-size: 13px; color: #aaa; text-decoration: none; font-weight: Normal; } a.footer:hover { color: #FF8726; text-decoration: none; font-weight: Normal; text-decoration: underline; } /* ********** Privacy/Terms Style ************** */ .terms, a.terms:link, a.terms:active, a.terms:visited { font-size: 13px; color: #aaa; text-decoration: none; font-weight: normal; border-bottom: 0px dotted; } a.terms:hover { color: #FF8726; text-decoration: none; font-weight: Normal; text-decoration: underline; } /* ********** Links Style ************** */ .links, a.links:link, a.links:active, a.links:visited { font-size: 13px; color: #aaa; text-decoration: none; font-weight: normal; padding: 0 0px; } a.links:hover { color: #FF8726; text-decoration: underline; font-weight: normal; } /* ********** Breadcrumb Style ************** */ .breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited { 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? */ } a.breadcrumb:hover { } /* ********** Other Style ************** */ /*SkinPlugin*/ .SkinPlugin_icon { position: fixed; top: 20%; right: 0; width: 34px; height: 108px; background: url(images/xplugin.png) no-repeat center center; z-index: 10000; cursor: pointer; } .SkinPlugin_icon a, .SkinPlugin_icon a:hover { display: block; width: 34px; height: 108px; text-decoration: none; } .dnn_layout { width: 970px; margin: 0px auto; } .head_mid, .content_mid, .bottom_mid, .footer_mid { padding: 0 20px; } .BannerPane { padding: 0; position: relative; } #dnn_content { padding: 60px 0 0 0; } /*-- Loading animation --*/ .pace_bg, .pace-running .pace_bg { position: fixed; width: 100%; height: 100%; background-color: #FFF; z-index: 10100; } .pace-running .body_bg { visibility: hidden; } .pace-done .body_bg { 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? */ } /* ********** HEADER ************** */ /* ********** NAV ************** */ /*main menu*/ .dnn_menu { position: relative; z-index: 904; } /*dnngo_megamenu */ #dnngo_megamenu { margin: 0px; padding: 0px; clear: both; z-index: 904; position: relative; } #dnngo_megamenu .primary_structure { position: relative; clear: both; margin: 0; padding: 0; } #dnngo_megamenu .primary_structure:after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; } #dnngo_megamenu .primary_structure > li { float: left; list-style: none; position: relative; } #dnngo_megamenu .primary_structure > li > a { display: inline-block; padding: 0; 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? */ } *+html #dnngo_megamenu .primary_structure > li > a { display: inline; } #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 > div > ul > li > a { background: none; } #dnngo_megamenu > div > ul > li > a:hover { } #dnngo_megamenu > div > ul > li > a > span { color: #333333; font-size: 13px; text-transform: capitalize; font-weight: normal; line-height: 36px; height: 36px; padding: 0 25px; margin: 0; position: relative; background-color: transparent; display: block; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } #dnngo_megamenu > div > ul > li > a:hover > span, #dnngo_megamenu > div > ul > li.current > a > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span { } #dnngo_megamenu > div > ul > li > a > span > i { font-size: 16px; margin: 0 6px 2px 0; vertical-align: middle; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; -webkit-transition: color ease-in 200ms; -o-transition: color ease-in 200ms; -ms-transition: color ease-in 200ms; } #dnngo_megamenu ul ul li a span i { font-size: 14px; margin: 0 6px 2px 0; vertical-align: middle; } #dnngo_megamenu > div > ul > li > a > span:after { } /*sub*/ #dnngo_megamenu .dnngo_menuslide { display: none; position: absolute; top: 100%; left: 0px; z-index: 903; margin: 0; padding: 0; } #dnngo_megamenu li:nth-child(4) .dnngo_menuslide { } #dnngo_megamenu .dnngo_masonrymenu { width: 100%; } #dnngo_megamenu .dnngo_masonrymenu > ul { float: left; } #dnngo_megamenu .dnngo_masonrymenu > ul:after { content: ""; background-color: #E0E0E0; width: 1px; height: 100%; position: absolute; top: 3px; } #dnngo_megamenu .dnngo_boxslide .menu_rightbox:before { content: ""; background-color: #E0E0E0; width: 1px; height: 100%; position: absolute; top: 3px; margin-left: -25px; } #dnngo_megamenu .dnngo_masonrymenu > ul:first-child:after { display: none; } #dnngo_megamenu .dnngo_masonrymenu > ul > li { margin: 0px 20px; } /*dnngo_slide_menu*/ #dnngo_megamenu .dnngo_slide_menu { margin: 0; padding: 0; background-color: #ffffff; white-space: nowrap; box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); } #dnngo_megamenu .dnngo_slide_menu li:first-child { padding-top: 12px; } #dnngo_megamenu .dnngo_slide_menu li:last-child { padding-bottom: 12px; } #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; background-color: #ffffff; display: none; position: absolute; left: 100%; top: 0px; z-index: 904; box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); } #dnngo_megamenu .dnngo_slide_menu li { position: relative; list-style: none; } #dnngo_megamenu .dnngo_slide_menu li:last-child { border-bottom: none; } #dnngo_megamenu .dnngo_slide_menu li a { position: relative; text-decoration: none; text-align: left; margin: 0 12px; padding: 9px 50px 9px 15px; font-size: 13px; display: block; color: #666666; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } #dnngo_megamenu .dnngo_slide_menu li a:hover, #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a { color: #FFF; background-color: #1E7AD8; } #dnngo_megamenu .dnngo_slide_menu li.dir > a:before { content: ""; border-width: 4px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #FF8726; width: 0; height: 0; right: 20px; top: 50%; position: absolute; margin: -4px 0 0 0; transition: border ease-in 200ms; -moz-transition: border ease-in 200ms; /* Firefox 4 */ -webkit-transition: border ease-in 200ms; /* Safari and Chrome */ -o-transition: border ease-in 200ms; /* Opera */ -ms-transition: border ease-in 200ms; /* IE9? */ } #dnngo_megamenu .dnngo_slide_menu li.dir > a:hover:before, #dnngo_megamenu .dnngo_slide_menu li.dir.menu_hover > a:before { border-left-color: #fff; } /*dnngo_boxslide*/ #dnngo_megamenu .dnngo_boxslide { background: #ebebeb; box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); clear: both; overflow: hidden; width: 100%; margin: auto; text-align: left; padding: 10px 21px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #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 20px; 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: 6px 0px; font-size: 12px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul { padding: 10px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li { display: inline-block; vertical-align: top; margin-right: -6px; padding: 5px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a { display: block; border-bottom: 1px solid #C2C2C2; color: #1e7ad8; font-size: 14px; padding-bottom: 12px; margin-bottom: 12px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a:hover { text-decoration: none; } *+html #dnngo_megamenu .dnngo_boxslide .menu_centerbox .dnngo_masonrymenu > ul >li { display: inline; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > .dnngo_masonrymenu > ul > li > a > span { color: #73b317; font-size: 14px; padding-bottom: 12px; border-bottom: 1px solid #cecece; display: block; margin-bottom: 18px; margin-top: 9px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > .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 { color: #666666; display: block; width: 100%; 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_boxslide .menu_centerbox ul li li a:hover { color: #1e7ad8; text-decoration: none; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span { display: block; position: relative; padding: 0 0 0 15px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { content: ""; position: absolute; border-style: solid; border-width: 5px; border-color: transparent transparent transparent #666; top: 50%; left: 0; margin: -5px 0 0 0; transition: border ease-in 200ms; -moz-transition: border ease-in 200ms; /* Firefox 4 */ -webkit-transition: border ease-in 200ms; /* Safari and Chrome */ -o-transition: border ease-in 200ms; /* Opera */ -ms-transition: border ease-in 200ms; /* IE9? */ } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before { border-left-color: #3b9cf7; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li li { padding-left: 10px; } #dnngo_megamenu .dnngo_boxslide .menu_topbox { width: 100%; } #dnngo_megamenu .dnngo_boxslide .menu_bottombox { width: 100%; } #dnngo_megamenu .mega_title { font-size: 14px!important; font-weight: normal; padding: 0 0 12px 0; margin: 15px 0 18px 0; line-height: 21px; color: #1E7AD8; border-bottom: 1px solid #CECECE; } #dnngo_megamenu .menu_rightbox p { margin: 20px 0; } #dnngo_megamenu .menu_rightbox ul { margin: 0; padding: 0; list-style-type: none; } #dnngo_megamenu .menu_rightbox ul li { line-height: normal; padding: 6px 0; } #dnngo_megamenu .menu_rightbox ul li span.fa { width: 13px; height: 13px; line-height: 13px; text-align: center; color: #fff; font-size: 12px; background-color: #FF8726; vertical-align: middle; margin: 0 10px 0 0; } #dnngo_megamenu .menu_leftbox .dividers_1 { margin-bottom: 10px; } .roll_menu.roll_activated { position: fixed; width: 100%; z-index: 906; box-shadow: 0 3px 3px rgba(0,0,0,0.2); left: 0; } #dnngo_megamenu.IHide-lg li span > i { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { #dnngo_megamenu.IHide-md li span > i { display: none; } } @media only screen and (min-width:992px) and (max-width:1199px) { #dnngo_megamenu.IHide-sm li span > i { display: none; } } @media only screen and (min-width: 1200px) { #dnngo_megamenu.IHide-lg li span > i { display: none; } } /* ********** BANNER ************** */ .banner_title1 { font-size: 50px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; } .banner_title1 span { color: #FF8726; } .banner_title2 { font-size: 20px; color: #fff; letter-spacing: 3px; } .banner_link1.tp-caption { cursor: pointer; border: 2px solid #fff; transition: background-color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, border ease-in 200ms; /* IE9? */ } .banner_link1.tp-caption:hover { border: 2px solid #FF8726; background-color: #FF8726; } .banner_link1.tp-caption a { font-size: 13px; color: #fff; text-transform: uppercase; font-weight: bold; display: inlin-block; 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? */ } .banner_link1.tp-caption:hover a { color: #fff; } .home2_banner_title1 { font-size: 50px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; } .home2_banner_title2 { font-size: 22px; color: #fff; letter-spacing: 3px; } .home2_banner_title3 { font-size: 18px; color: #fff; } .home2_banner_title3 span.fa { color: #fff; font-size: 22px; margin: 0 20px 0 0; vertical-align: middle; } .home3_banner_title1 { font-size: 80px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height: 40px; } .home3_banner_title2 { font-size: 20px; color: #fff; letter-spacing: 3px; } .home3_banner_title3 { text-align: right; font-size: 80px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height: 40px; } .home4_banner_title1 { font-size: 80px; color: #fff; text-transform: uppercase; font-weight: bold; } .home4_banner_title2 { font-size: 20px; color: #fff; } .home5_banner_title1 { font-size: 80px; color: #000000; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; line-height: normal; } .home5_banner_title2 { font-size: 20px; color: #000000; letter-spacing: 2px; } .home5_banner_link1.tp-caption a { color: #000; 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? */ } .home5_banner_link1.tp-caption:hover a { color: #FF8726; } .home5_banner_link1.tp-caption { cursor: pointer; } .home5_banner_link1.tp-caption:hover { /*border-color:#FF8726 !important;*/ } .home1banner1_1 { font-weight: bold; font-size: 50px; color: #fff; letter-spacing: 2px; text-transform: uppercase; } .home1banner1_2 { font-weight: lighter; font-size: 32px; color: #fff; letter-spacing: 2px; } .home1banner1_3 { } .home1banner1_3 ul { } #dnn_wrapper .home1banner1_3 { font-size: 18px; color: #fff; line-height: normal; } .home1banner1_3 span.fa { vertical-align: middle; transform: scale(1.3); -webkit-transform: scale(1.3); padding: 0 0 0 1px; } .home2banner2_6 { font-size: 13px; color: #fff; padding: 15px 48px; letter-spacing: 2px; border: 2px solid #fff; text-transform: uppercase; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .home2banner2_6 a { color: #fff!important; } /* ********** CONTENT ************** */ .home1_cona { text-align: center; position: relative; cursor: pointer; } .home1_cona .icon_box, .home1_cona .icon_box:before, .home1_cona .icon_box:after { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .home1_cona .icon_box { display: inline-block; width: 80px; height: 127px; line-height: 123px; border-top: 2px solid #ff8726; border-bottom: 2px solid #ff8726; -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } .home1_cona .icon_box:before { width: 80px; height: 127px; top: -2px; left: 0px; content: ""; position: absolute; border-top: 2px solid #ff8726; border-bottom: 2px solid #ff8726; transform: rotate(120deg); -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); } .home1_cona .icon_box:after { width: 80px; height: 127px; top: -2px; left: 0px; content: ""; position: absolute; border-top: 2px solid #ff8726; border-bottom: 2px solid #ff8726; transform: rotate(-120deg); -ms-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -webkit-transform: rotate(-120deg); -o-transform: rotate(-120deg); } .home1_cona .icon_box span.fa { vertical-align: middle; position: relative; font-size: 48px; color: #FF8726; z-index: 1; position: relative\0; top: auto\0; margin: auto\0; line-height: 124px\0; } .home1_cona:hover .icon_box, .home1_cona:hover .icon_box:before, .home1_cona:hover .icon_box:after { background-color: #FF8726; } .home1_cona:hover .icon_box span.fa { color: #fff; } .home1_cona h5 { font-size: 16px; font-weight: bold; color: #333; margin: 40px 0 25px 0; } .home1_cona p { margin: 0 0 20px 0; } .home1_cona a { text-transform: uppercase; } .home1_conb { position: relative; padding: 5px 253px 5px 0; } .home1_conb h1 { font-size: 18px; color: #f2f2f2; text-transform: uppercase; line-height: normal; } .home1_conb p { font-size: 15px; color: #ccc; margin: 0; } .home1_conb a.Button_style1 { position: absolute; right: 0; top: 50%; margin: -33px 0 0 0; } .home1_conc { margin: 0; padding: 0; list-style: none; width: 100%; } .home1_conc li { float: left; width: 33.33%; height: 470px; text-align: center; padding: 140px 70px 0 70px; cursor: pointer; transition: padding ease-in 200ms; -moz-transition: padding ease-in 200ms; /* Firefox 4 */ -webkit-transition: padding ease-in 200ms; /* Safari and Chrome */ -o-transition: padding ease-in 200ms; /* Opera */ -ms-transition: padding ease-in 200ms; /* IE9? */ } .home1_conc li:hover { padding: 50px 70px 0 70px; } .home1_conc li.the1 { background-color: #E5B700; } .home1_conc li.the2 { background-color: #FF8726; } .home1_conc li.the3 { background-color: #FF5A3A; } .home1_conc li .icon img { height: 112px; } .home1_conc li h5 { font-size: 16px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 30px 0 0 0; } .home1_conc li .line { width: 50px; height: 3px; margin: 20px auto; background-color: #fff; } .home1_conc li p { color: #fff; margin: 0; } .home1_conc li a { font-size: 13px; text-transform: uppercase; color: #ff8726; padding: 12px 26px; background-color: #fff; display: inline-block; margin: 35px 0 0 0; } .home1_conc li p, .home1_conc li a { filter: alpha(opacity=0); opacity: 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? */ } .home1_conc li:hover p, .home1_conc li:hover a { filter: alpha(opacity=100); opacity: 1; } .home1_cond { padding: 0; margin: 40px 0 0 0; list-style-type: none; } .home1_cond li { text-align: center; margin: -24px 0 0 0; ; } .home1_cond li:first-child { margin: 0; } .home1_cond li a { margin: 0 5px; } .home1_cond li a img { max-width: 15%; } .home1_cone { position: relative; padding: 0 0 0 90px; } .home1_cone span.fa { width: 55px; height: 55px; line-height: 55px; position: absolute; top: 0px; left: 0px; background-color: #FF8726; color: #fff; text-align: center; font-size: 24px; } .home1_cone h6 { font-size: 15px; color: #333; text-transform: uppercase; font-weight: bold; margin: 0 0 15px 0; } .home1_cone p { min-height:90px;} .home2_cona { margin: 30px 0 0 0; } .home2_cona .leftone { width: 50%; float: left; } .home2_cona .rightone { width: 50%; float: left; } .home2_cona .photo_box { margin: 0; } .home2_cona .the1.photo_box .shade { background-color: #10B0E2; } .home2_cona .the2.photo_box .shade { background-color: #8D50C5; } .home2_cona .the3.photo_box .shade { background-color: #CB680E; } .home2_cona .the4.photo_box .shade { background-color: #029E79; } .home2_cona .photo_box:hover .shade { filter: alpha(opacity=70); opacity: 0.7; } .home2_cona .photo_box .content h3 { font-size: 20px; color: #fff; font-weight: bold; text-transform: uppercase; } .home2_cona .photo_box .content p { color: #FFF; font-size: 15px; } .home2_conb { text-align: center; } .home2_conb a.linker { font-size: 13px; color: #fff; text-transform: uppercase; font-weight: bold; display: inline-block; background-color: #2C2C2C; padding: 18px 54px; margin: 0 18px; border: 2px solid #2C2C2C; text-decoration: none; transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -webkit-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -o-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -ms-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; } .home2_conb a.linker:hover { background-color: transparent; color: #2C2C2C; } .home2_conc h1 { text-align: center; margin: 0; font-size: 20px; color: #333; text-transform: uppercase; } .home2_conc h1 a.Button_style1 { padding: 16px 56px; vertical-align: middle; margin: 0 0 0 50px; } .home2_bottom { position: relative; } .home3_cona { position: relative; text-align: center; } .home3_cona .the1 { position: absolute; bottom: 0px; left: 0; } .home3_cona .the2 { position: absolute; bottom: 0px; right: 15px; } .home3_conb { position: relative; padding: 0 0 0 80px; margin: 0 0 40px 0; } .home3_conb div { position: absolute; left: 0; top: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 24px; color: #fff; } .home3_conb div.the1 { background-color: #87C94E; } .home3_conb div.the2 { background-color: #E5B700; } .home3_conb div.the3 { background-color: #69CFB5; } .home3_conb div.the4 { background-color: #FF8726; } .home3_conb div.the5 { background-color: #9380D0; } .home3_conb div.the6 { background-color: #E7575E; } .home3_conb h6 { font-size: 15px; color: #333; text-transform: uppercase; font-weight: bold; margin: 0 0 15px 0; } .home3_conc { margin: 0; padding: 0; list-style-type: none; } .home3_conc li { float: left; width: 33.33%; position: relative; } .home3_conc li .photo_box { margin: 0; } .home3_conc li .hcc_box1, .home3_conc li .hcc_box2, .home3_conc li .hcc_box3 { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 50%; position: absolute; height: 100%; left: 0; top: 0; cursor: pointer; } .home3_conc li .hcc_box4, .home3_conc li .hcc_box5, .home3_conc li .hcc_box6 { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 50%; position: absolute; height: 100%; right: 0; top: 0; cursor: pointer; } .home3_conc li .hcc_box1:before, .home3_conc li .hcc_box2:before, .home3_conc li .hcc_box3:before, .home3_conc li .hcc_box4:before, .home3_conc li .hcc_box5:before, .home3_conc li .hcc_box6:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); filter: alpha(opacity=0); opacity: 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? */ } .home3_conc li .hcc_box1:hover:before, .home3_conc li .hcc_box2:hover:before, .home3_conc li .hcc_box3:hover:before, .home3_conc li .hcc_box4:hover:before, .home3_conc li .hcc_box5:hover:before, .home3_conc li .hcc_box6:hover:before { filter: alpha(opacity=100); opacity: 1; } .home3_conc li .hcc_box1 { background-image: url(images/home3_conc1.jpg); } .home3_conc li .hcc_box2 { background-image: url(images/home3_conc2.jpg); } .home3_conc li .hcc_box3 { background-image: url(images/home3_conc3.jpg); } .home3_conc li .hcc_box4 { background-image: url(images/home3_conc4.jpg); } .home3_conc li .hcc_box5 { background-image: url(images/home3_conc5.jpg); } .home3_conc li .hcc_box6 { background-image: url(images/home3_conc6.jpg); } .home3_conc li .hcc_box { background-color: #fff; padding: 20px; width: 50%; margin: 0 0 0 50%; float: left; } .home3_conc li .hcc_box.the2 { margin: 0 50% 0 0; } .home3_conc li .hcc_box h6 { font-size: 16px; color: #333; margin: 0 0 15px 0; } .home3_conc li .hcc_box p { margin: 0 0 15px 0; } .home3_conc li .hcc_box a { text-transform: uppercase; text-decoration: none; display: inline-block; line-height: 20px; position: relative; } .home3_conc li .hcc_box a span.fa { width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; font-size: 8px; background-color: #FF8726; margin: -11px -30px 0 0; position: absolute; right: 0; top: 50%; } .home3_cond { margin-left: -3px; } .home3_cond .photo_box { padding: 0 0 0 3px; width: 25%; float: left; margin: 0; } .home3_cond .photo_box .shade { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .home3_cond .photo_box:hover .shade { filter: alpha(opacity=0); opacity: 0; } .home3_cone h5 { font-size: 15px; color: #333; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; line-height: normal; } .home3_cone h6 { font-size: 13px; color: #ff8726; font-weight: normal; line-height: normal; margin: 0 0 15px 0; } .home3_cone p { margin: 0 0 45px 0; } .home3_cone a { display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 35px; height: 35px; line-height: 33px; text-align: center; border: 1px solid #ccc; color: #a4a4a4; font-size: 12px; transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* IE9? */ } .home3_cone a:hover { background-color: #FF8726; color: #fff; border: 1px solid #ff8726; } .nextPage_out { position: absolute; bottom: 80px; width: 100%; text-align: center; z-index: 1; } #nextPage { cursor: pointer; width: 75px; height: 75px; text-align: center; line-height: 75px; border: 2px solid #fff; margin: 0 auto; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } #nextPage2 { z-index: 1; position: absolute; bottom: 80px; left: 50%; width: 100px; height: 50px; margin: 0 0 0 -50px; cursor: pointer; text-align: center; } #nextPage2 span.fa { font-size: 34px; color: #000; line-height: 50px; transition: margin ease-in 200ms; -moz-transition: margin ease-in 200ms; /* Firefox 4 */ -webkit-transition: margin ease-in 200ms; /* Safari and Chrome */ -o-transition: margin ease-in 200ms; /* Opera */ -ms-transition: margin ease-in 200ms; /* IE9? */ } #nextPage2:hover span.fa { margin: 20px 0 0 0; } #nextPage:before { content: ""; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 20px; height: 20px; left: 50%; top: 50%; margin: -10px 0 0 -10px; position: absolute; } .home4_cona { text-align: center; padding: 1px 0 0 0; cursor: pointer; } .home4_cona .icon_box { position: relative; height: 74px; line-height: 74px; font-size: 25px; color: #dadada; margin: 15px 0; 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? */ } .home4_cona:hover .icon_box { color: #fff; } .home4_cona .icon_box:before { content: ""; position: absolute; z-index: -1; width: 74px; height: 74px; margin: -37px 0 0 -37px; left: 50%; top: 50%; border: 1px solid #dadada; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transition: background-color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, border ease-in 200ms; /* IE9? */ } .home4_cona:hover .icon_box:before { border: 1px solid #FF8726; background-color: #FF8726; } .home4_cona h5 { font-weight: bold; font-size: 16px; color: #333; margin: 40px 0 30px 0; } .home4_cona p { margin: 0 0 30px 0; } .home4_conb h5 { font-size: 18px; color: #333; margin: 0 0 40px 0; font-weight: normal; } .home4_conc { margin: 0; padding: 0; list-style-type: none; } .home4_conc li { margin: 50px 0 0 0; padding: 0 0 0 70px; position: relative; } .home4_conc li span { color: #fff; font-size: 18px; font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; z-index: 1; } .home4_conc li span:before { width: 40px; height: 40px; background-color: rgba(0,0,0,0.2); position: absolute; content: ""; left: 50%; top: 50%; margin: -20px 0 0 -20px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1; } .home4_conc li h6 { font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 10px 0 15px 0; display: inline-block; } .home4_cond p { margin: 0 0 15px 0; } .home4_cond ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; } .home4_cond ul li { padding: 10px 0; } .home4_cond ul li span.fa { font-size: 18px; vertical-align: middle; margin: 0 20px 0 0; color: #A3A3A3; } .home4_cond a { display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 35px; height: 35px; line-height: 33px; text-align: center; border: 1px solid #ccc; color: #a4a4a4; font-size: 12px; transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -webkit-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -o-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -ms-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; } .home4_cond a:hover { background-color: #FF8726; color: #fff; border: 1px solid #ff8726; } .home4_cone { text-align: center; position: relative; } .home4_cone:after { position: absolute; content: ""; top: 100%; left: 50%; border-style: solid; border-color: #f5f5f5 transparent transparent transparent; border-width: 17px; margin: 60px 0 0 -17px; } .home4_cone h2 { font-size: 24px; color: #333; font-weight: normal; margin: 0; } .home5_cona { text-align: center; border: 1px solid #ddd; padding: 60px 40px; cursor: pointer; transition: border ease-in 200ms; -moz-transition: border ease-in 200ms; /* Firefox 4 */ -webkit-transition: border ease-in 200ms; /* Safari and Chrome */ -o-transition: border ease-in 200ms; /* Opera */ -ms-transition: border ease-in 200ms; /* IE9? */ } .home5_cona:hover { border: 1px solid #232323; } .home5_cona .icon_box { width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #EEEEEE; color: #666666; font-size: 24px; margin: 0 auto 40px; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } .home5_cona:hover .icon_box { background-color: #FF8726; color: #fff; } .home5_cona h5 { font-size: 16px; color: #000; text-transform: uppercase; font-weight: bold; margin: 0 0 15px 0; } .home5_cona p { margin: 0 0 20px 0; } .home5_conb h3 { font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase; margin: 0; } .home5_conb .line { width: 50px; height: 1px; background-color: #000; margin: 25px 0; } .home5_conb ul { list-style-type: none; padding: 0; margin: 25px 0; display: inline-block; } .home5_conb ul li { padding: 10px 0; } .home5_conb ul li span.fa { font-size: 16px; margin: 0 8px 0 0; vertical-align: middle; color: #555; } .home5_conb a { font-size: 15px; color: #000; text-transform: uppercase; font-weight: bold; border: 2px solid #000; padding: 19px 50px; display: inline-block; text-decoration: none; transition: color ease-in 200ms, border ease-in 200ms; -moz-transition: color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms, border ease-in 200ms; /* IE9? */ } .home5_conb a:hover { border: 2px solid #FF8726; color: #FF8726; } .home5_conc { text-align: center; } .home5_conc h1 { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: normal; margin: 0 0 20px 0; } .home5_conc h1 span { color: #ff8726; } .home5_conc p { letter-spacing: 2px; } .home5_conc a.Button_style3 { margin: 50px 15px 0; } .home5_cond { margin: 0; padding: 0; list-style-type: none; } .home5_cond li { float: left; width: 20%; text-align: center; padding: 40px 35px; cursor: pointer; 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? */ } .home5_cond li:hover { background-color: #F5F5F5; } .home5_cond li .icon_box { position: relative; width: 100px; height: 100px; line-height: 98px; border: 1px solid #000; margin: 0 auto 40px; font-size: 30px; font-weight: bold; color: #000; transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms, border ease-in 200ms; /* IE9? */ } .home5_cond li:hover .icon_box { border: 1px solid #FF8726; background-color: #fff; color: #FF8726; } .home5_cond li .icon_box:before { position: absolute; content: ""; width: 88%; height: 1px; background-color: #000; top: 50%; left: 0; margin: 0 0 0 -87px; z-index: -1; } .home5_cond li .icon_box:after { position: absolute; content: ""; width: 88%; height: 1px; background-color: #000; top: 50%; right: 0; margin: 0 -87px 0 0; z-index: -1; } .home5_cond li:first-child .icon_box:before { display: none; } .home5_cond li:last-child .icon_box:after { display: none; } .home5_cond li h5 { font-size: 16px; color: #000; font-weight: normal; margin: 0; } .home5_cond li .line { width: 30px; height: 1px; background-color: #000; margin: 25px auto 30px; } .home5_cond li p { padding: 0; margin: 0; } .home5_cone { } .home5_cone .leftbox, .home5_cone .rightbox { float: left; width: 50%; } .home5_cone .leftbox { padding: 0 50px 0 0; border-right: 1px solid #E2E2E2; } .home5_cone .rightbox { padding: 0 0 0 50px; } .home5_cone .leftbox img, .home5_cone .rightbox img { float: right; margin: 0 0 0 50px; } .home5_cone .leftbox h6, .home5_cone .rightbox h6 { font-size: 16px; color: #000; font-weight: normal; margin: 0 0 5px 0; line-height: normal; } .home5_cone .leftbox span, .home5_cone .rightbox span { color: #888; font-size: 13px; } .home5_cone .leftbox p, .home5_cone .rightbox p { margin: 20px 0; } .home5_cone .leftbox a, .home5_cone .rightbox a { width: 34px; height: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 34px; text-align: center; color: #fff; font-size: 14px; margin: 0 5px 0 0; text-decoration: none; } .home5_cone .leftbox a.the1, .home5_cone .rightbox a.the1 { background-color: #41BFF2; } .home5_cone .leftbox a.the2, .home5_cone .rightbox a.the2 { background-color: #2F50A7; } .home5_cone .leftbox a.the3, .home5_cone .rightbox a.the3 { background-color: #D4389B; } .SectionStyles2 .home5_cone .leftbox a, .SectionStyles2 .home5_cone .rightbox a { background-color: #FF8726; } .home5_cone .line { width: 100%; height: 1px; background-color: #E2E2E2; display: inline-block; } .inside_cona { margin: 0; padding: 0; list-style-type: none; } .inside_cona li { width: 25%; float: left; text-align: center; position: relative; cursor: pointer; } .inside_cona li:before { content: ""; position: absolute; top: 55px; height: 1px; background-color: #E6E6E6; width: 50%; margin: 0 0 0 0; left: 0; } .inside_cona li:after { content: ""; position: absolute; top: 55px; height: 1px; background-color: #E6E6E6; width: 50%; margin: 0 0 0 0; right: 0; } .inside_cona li:first-child:before { display: none; } .inside_cona li:last-child:after { display: none; } .inside_cona li .icon_box { width: 110px; height: 110px; margin: 0 auto 40px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; line-height: 108px; position: relative; z-index: 1; transition: background-color ease-in 200ms, border ease-in 200ms; -moz-transition: background-color ease-in 200ms, border ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, border ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, border ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, border ease-in 200ms; /* IE9? */ } .inside_cona li:hover .icon_box { border: 1px solid #FF8726; background-color: #FF8726; } .inside_cona li .icon_box span.fa { font-size: 35px; color: #FF8726; line-height: 108px; 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? */ } .inside_cona li:hover .icon_box span.fa { color: #fff; } .inside_cona li h5 { font-size: 17px; color: #313131; font-weight: normal; margin: 0 0 25px 0; } .inside_cona li p { padding: 0 65px; margin: 0; } .inside_conb h4 { font-size: 17px; color: #313131; font-weight: normal; margin: 20px 0; } .inside_conb p { margin: 0 0 20px 0; } .inside_conb .clearfix span { float: left; color: #999; } .inside_conb .clearfix a { float: right; color: #ff8726; } .inside_conb .clearfix a span.fa { border: 1px solid #ff8726; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 17px; height: 17px; text-align: center; line-height: 15px; font-size: 12px; color: #ff8726; float: right; margin: 0 0 0 10px; } .inside_conc { text-align: center; padding: 0; cursor: pointer; } .inside_conc .icon_box { width: 87px; height: 87px; line-height: 87px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FF8726; color: #ffffff; font-size: 30px; margin: 0 auto 40px; 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? */ } .inside_conc:hover .icon_box { background-color: #000; } .inside_conc h5 { font-size: 16px; color: #000; text-transform: uppercase; font-weight: normal; margin: 0 0 15px 0; } .inside_conc p { margin: 0 0 20px 0; } .inside_condtitle { font-size: 24px; color: #333; } .inside_cond { margin: 60px 0 0 0; position: relative; padding: 0 0 0 140px; min-height: 100px; } .inside_cond span.fa { width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; position: absolute; left: 0; top: 0; background-color: #FF8726; font-size: 35px; } .inside_cond h6 { font-size: 16px; color: #000; font-weight: normal; margin: 0 0 20px 0; } .inside_cone { background-color: #F8F8F8; } .inside_cone .leftbox { width: 50%; float: left; overflow: hidden; } .inside_cone .rightbox { width: 50%; float: left; padding: 50px; } .inside_cone .rightbox h5 { font-size: 16px; color: #000; font-weight: normal; } .inside_cone .rightbox h6 { font-size: 13px; color: #888; font-weight: normal; } .inside_cone .rightbox a { width: 34px; height: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 34px; text-align: center; color: #fff; font-size: 14px; margin: 0 5px 0 0; text-decoration: none; } .inside_cone .rightbox p { margin: 0 0 40px 0; } .inside_cone .rightbox a.the1 { background-color: #41BFF2; } .inside_cone .rightbox a.the2 { background-color: #2F50A7; } .inside_cone .rightbox a.the3 { background-color: #D4389B; } .inside_conf { margin: 0; padding: 0; list-style-type: none; } .inside_conf li { width: 25%; float: left; text-align: center; position: relative; cursor: pointer; } .inside_conf li:before { content: ""; position: absolute; top: 94px; height: 1px; background-color: #E6E6E6; width: 50%; margin: 0; left: 0; } .inside_conf li:after { content: ""; position: absolute; top: 94px; height: 1px; background-color: #E6E6E6; width: 50%; margin: 0; right: 0; } .inside_conf li:first-child:before { display: none; } .inside_conf li:last-child:after { display: none; } .inside_conf li .icon_box { margin: 0 auto 40px; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; position: relative; z-index: 1; display: inline-block; } .inside_conf li .icon_box span { width: 62px; height: 62px; border: 5px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 20px; color: #fff; font-weight: bold; line-height: 52px; background-color: #FF8726; display: inline-block; position: absolute; left: 0; top: 50%; margin: -31px 0 0 -31px; } .inside_conf li h5 { font-size: 16px; color: #000; font-weight: normal; margin: 0 0 25px 0; } .inside_conf li p { padding: 0; margin: 0; } .inside_cong_left { text-align: center; } .inside_cong_left h5 { font-size: 16px; color: #000; margin: 30px 0 5px 0; } .inside_cong_left h6 { color: #888; margin: 0; } .inside_cong h5 { font-size: 20px; color: #333; font-weight: normal; margin: 0 0 30px 0; } .inside_cong a { width: 34px; height: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 34px; text-align: center; color: #fff; font-size: 14px; margin: 20px 5px 0 0; text-decoration: none; } .inside_cong a.the1 { background-color: #41BFF2; } .inside_cong a.the2 { background-color: #2F50A7; } .inside_cong a.the3 { background-color: #D4389B; } .inside_cong .line { display: block; background-color: #E7E0E0; height: 1px; width: 100%; margin: 40px 0; } .inside_cong ul.time { margin: 0 0 20px 0; padding: 0; list-style-type: none; } .inside_cong ul.time li { padding: 0 0 20px 0; position: relative; } .inside_cong ul.time li em { font-style: normal; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 10px 0 0; font-size: 13px; background-color: #FF8726; display: inline-block; } .inside_cong ul.time li span { font-size: 13px; color: #333; margin: 0 30px 0 0; } .inside_cong .loaded_list3 { margin: 0 0 40px 0; } .inside_conh { margin: 0; padding: 0; list-style-type: none; } .inside_conh li { position: relative; padding: 0 0 50px 60px; } .inside_conh li span.fa { width: 39px; height: 39px; line-height: 39px; background-color: #D9D9D9; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; top: 0; text-align: center; color: #fff; } .inside_conh li:hover span.fa { background-color: #FF8726; } .inside_coni { display: inline-block; margin: 0 0 40px 0; } .inside_coni img { float: none; display: block; margin: 0 0 20px 0; } .inside_coni h6 { font-size: 15px; color: #313131; font-weight: normal; margin: 0; } .inside_coni span { margin: 8px 0; display: block; } .inside_conj, .inside_conj_link { text-align: center; } .inside_conj_link a.linker { font-size: 13px; color: #fff; text-transform: uppercase; font-weight: bold; display: inline-block; background-color: #FF8726; padding: 18px 54px; margin: 0 18px; border: 2px solid #FF8726; text-decoration: none; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } .inside_conj_link a.linker:hover { background-color: transparent; color: #FF8726; } .inside_conk { background-color: #fff; border: 1px solid #e8e8e8; text-align: center; padding: 20px; } .inside_conk span.fa { font-size: 40px; color: #FF8726; } .inside_conk h5 { font-size: 16px; color: #000; margin: 30px 0 20px 0; } /* ********** BOTTOM ************** */ #dnn_bottom { color: #aaa; } #dnn_bottom .Normal { color: #aaa; } .bottom_a { margin: 0; padding: 0; list-style-type: none; } .bottom_a li { position: relative; padding: 11px 0 12px 107px; } .bottom_a li img { position: absolute; left: 0; top: 0; } .bottom_a .line { width: 100%; height: 1px; background-color: #383838; margin: 20px 0; } .bottom_a span.date { color: #ff8726; } .bottom_b ul { margin: 0; padding: 0; list-style-type: none; } .bottom_b ul li { color: #aaa; line-height: normal; } .bottom_b ul li a { position: relative; color: #979797; display: block; border-bottom: 1px solid #272727; padding: 15px 0; 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? */ } .bottom_b ul li a:hover { color: #FF8726; } .bottom_b ul li a:after { position: absolute; content: "\f105"; font-family: 'FontAwesome'; right: 10px; font-size: 8px; top: 50%; margin: -6px 0 0 0; } .bottom_b ul li a span.fa { font-size: 24px; vertical-align: middle; margin: 0 20px 0 0; } .bottom_c { margin: 0; padding: 0; list-style-type: none; } .bottom_c li { position: relative; padding: 0 0 0 50px; margin: 34px 0 0 0; } .bottom_c li:first-child { margin: 0; } .bottom_c li span.fa { position: absolute; left: 0; top: 0; font-size: 30px; color: #777; } .bottom_c li span.date { display: block; font-size: 12px; margin: 10px 0 0 0; } .bottom_d p { margin: 0 0 15px 0; } .bottom_d ul { margin: 0; padding: 0; list-style-type: none; } .bottom_d ul li { padding: 10px 0; } .bottom_d ul li span.fa { font-size: 18px; vertical-align: middle; margin: 0 20px 0 0; } .bottom_e { margin: 0; padding: 0; list-style-type: none; } .bottom_e li a { font-size: 13px; color: #aaa; border-bottom: 1px solid #4D4D4D; line-height: 1.1; display: block; padding: 17px 0; text-decoration: none; } .bottom_e li:first-child a { padding: 0 0 17px 0; } .bottom_e li a:hover { color: #FF8726; } .bottom_e li a span.fa { font-size: 14px; margin: 0 10px 0 0; } .bottom_f a { display: inline-block; margin: 0px 1px 8px 0px; outline: none; line-height: 20px; padding: 9px 27px; color: #aaa; font-size: 13px; text-decoration: none; background-color: #454545; transition: background-color ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, color ease-in 200ms; /* IE9? */ } .bottom_f a:hover { color: #fff; background-color: #FF8726; } .bottom_g { margin: 0 -5px; } .bottom_g .col-sm-4 { padding-right: 5px; padding-left: 5px; } .bottom_h p { margin: 30px 0; } .bottom_i ul { margin: 0 0 0 -2px; padding: 0; list-style-type: none; } .bottom_i ul li { float: left; margin: 0 0 0 2px; text-align: center; padding: 9px; } .bottom_i ul li.the1 { background-color: #3B59A1; } .bottom_i ul li.the2 { background-color: #46B0E4; } .bottom_i ul li.the3 { background-color: #DD4C39; } .bottom_i ul li a.fa { font-size: 16px; color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: rgba(255,255,255,0.2); text-decoration: none; } .bottom_i ul li p { color: #fff; margin: 25px 0 0 0; } .bottom_i p { margin: 30px 0 0 0; } .bottom_j ul { padding: 0; margin: 0; list-style-type: none; width: 100%; float: left; } .bottom_j ul.the1 { padding: 0; } .bottom_j ul li { margin: 13px 0 0 0; } .bottom_j ul li a { background-color: #444444; color: #fff; text-decoration: none; display: block; text-transform: uppercase; } .bottom_j ul li a span.fa { width: 42px; height: 42px; line-height: 42px; font-size: 14px; color: #fff; text-align: center; margin: 0 20px 0 0; } .bottom_j ul li a span.fa.the1_1 { background-color: #3B59A1; } .bottom_j ul li a span.fa.the1_2 { background-color: #DD4C39; } .bottom_j ul li a span.fa.the1_3 { background-color: #199EE2; } .bottom_j ul li a span.fa.the1_4 { background-color: #46B0E4; } .bottom_j ul li a span.fa.the1_5 { background-color: #EC4A89; } .bottom_j ul li a span.fa.the1_6 { background-color: #F28329; } /* ********** FOOTER ************** */ footer { color: #aaa; border-top: 1px solid #FF8726; } .copyright_style { text-align: center; padding: 42px 0; } .copyright_style a { 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? */ } .copyright_style .sep { margin: 0 10px; } .to_topmain { z-index: 906; cursor: pointer; position: fixed; bottom: 25px; right: 30px; display: none; width: 40px; height: 53px; } .to_topmain:before { position: absolute; font-family: 'FontAwesome'; content: "\f077"; color: #96938F; z-index: 1; font-size: 16px; margin: -16px 0 0 -13px; top: 50%; left: 50%; 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? */ } .to_topmain:hover:before { color: #ffffff; } #to_top, #to_top:before, #to_top:after { width: 30px; height: 48px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #3E3D3B; 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? */ } .to_topmain:hover #to_top, .to_topmain:hover #to_top:before, .to_topmain:hover #to_top:after { background-color: #FF8726; } #to_top { display: inline-block; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } #to_top:before { top: 0; left: 0px; content: ""; position: absolute; transform: rotate(120deg); -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); } #to_top:after { top: 0; left: 0px; content: ""; position: absolute; transform: rotate(-120deg); -ms-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -webkit-transform: rotate(-120deg); -o-transform: rotate(-120deg); } /* ********** Main Menu ************** */ /*Left Menu*/ #left_menu { padding: 0px 0px 0px; margin: 0px; min-height: 300px; } #left_menu img { display: none; } #left_menu ul { padding: 0px; margin: 0px; } #left_menu ul li { list-style: none; } #left_menu ul li a { display: block; text-decoration: none; padding: 13px 10px 13px 20px; color: #333333; line-height: 19px; margin-bottom: 7px; border: 1px solid #dddddd; position: relative; transition: background-color ease-in 200ms, border ease-in 200ms, color ease-in 200ms; -moz-transition: background-color ease-in 200ms, border ease-in 200ms, color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms, border ease-in 200ms, color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms, border ease-in 200ms, color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms, border ease-in 200ms, color ease-in 200ms; /* IE9? */ } #left_menu ul li a span.menu_arrow { font-size: 0px; height: 100%; width: 45px; position: absolute; right: 0; top: 0; } #left_menu ul li a span.menu_arrow:before { content: ""; position: absolute; border-style: solid; border-width: 4px; border-color: #333333 transparent transparent transparent; top: 50%; left: 50%; margin: -2px 0 0 -4px; transition: border ease-in 200ms; -moz-transition: border ease-in 200ms; /* Firefox 4 */ -webkit-transition: border ease-in 200ms; /* Safari and Chrome */ -o-transition: border ease-in 200ms; /* Opera */ -ms-transition: border ease-in 200ms; /* IE9? */ } #left_menu ul li.dir > a:before { display: none; } #left_menu > .menu_main > .multi_menu > ul > li > a:hover, #left_menu > .menu_main > .multi_menu > ul > li.current > a:hover, #left_menu > .menu_main > .multi_menu > ul > li.current > a { color: #FFF; } #left_menu > .menu_main > .multi_menu > ul > li > a:hover > span.menu_arrow:before, #left_menu > .menu_main > .multi_menu > ul > li.current > a:hover > span.menu_arrow:before, #left_menu > .menu_main > .multi_menu > ul > li.current > a > span.menu_arrow:before { border-color: #fff transparent transparent transparent; } #left_menu > .menu_main > .multi_menu > ul > li > a:hover:before, #left_menu > .menu_main > .multi_menu > ul > li.current > a:hover:before, #left_menu > .menu_main > .multi_menu > ul > li.current > a:before { } #left_menu > .menu_main > .multi_menu > ul > li.current > a:before { } #left_menu ul ul { padding: 10px 0px 0; display: none; margin-bottom: 7px; } #left_menu ul ul ul { padding: 5px 0px 0; display: none; margin-bottom: 0px; border: none; padding: 0; margin-bottom: 0px; } #left_menu ul li.current > ul { display: block; } #left_menu ul ul .subcurrent > ul { display: block; } #left_menu ul li li { margin: 0; border-bottom: none; padding: 0 25px; } #left_menu ul li li a { position: relative; padding: 2px 5px 2px 15px; line-height: 18px; font-size: 13px; border: none; white-space: normal; color: #333333; text-transform: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: transparent; } #left_menu ul li li a:before { content: ""; position: absolute; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #FF8726; top: 50%; left: 0; margin: -4px 0 0 0; } #left_menu ul li li:last-child a { border-bottom: none; } #left_menu ul ul ul li:last-child a { border-bottom: 1px solid #e5e5e5; } #left_menu .menu_main .multi_menu ul ul li a:before { } #left_menu ul li li.subcurrent > a:before { } /*left_menu*/ #left_menu ul li a { text-transform: capitalize; font-size: 13px; background-color: #F3F3F3; } #left_menu > .menu_main > .multi_menu > ul > li > a:hover, #left_menu > .menu_main > .multi_menu > ul > li.current > a:hover, #left_menu > .menu_main > .multi_menu > ul > li.current > a { background-color: #FF8726; border: 1px solid #FF8726; } #left_menu ul li li a:hover, #left_menu ul li li.subcurrent > a { color: #FF8726; } #left_menu ul li li a:hover:before, #left_menu ul li li.subcurrent > a:before { } /* ********** Source Code style ************** */ /* ********** module style ************** */ .news_list.Skin_05_timeline .news_more_box span { background-color: transparent; } /* ********** html style ************** */ /*source_code*/ .source_code pre, .source_code .source_box { display: none; } .source_code .source_box pre { display: block; } /* title-style */ .home1_con_titlebox { text-align: center; margin: 0 0 40px 0; } .home1_con_title1 { position: relative; display: inline-block; } .home1_con_title1:before { content: ""; position: absolute; left: 0px; top: 0px; border-left: 2px solid #FF8726; border-top: 2px solid #FF8726; width: 12px; height: 12px; } .home1_con_title1:after { content: ""; position: absolute; right: 0px; top: 0px; border-right: 2px solid #FF8726; border-top: 2px solid #FF8726; width: 12px; height: 12px; } .home1_con_title1 h4 { font-size: 18px; font-weight: bold; color: #333; text-transform: uppercase; margin: 0; line-height: normal; padding: 17px 39px; } .home1_con_title1 h4:before { content: ""; position: absolute; left: 0px; bottom: 0px; border-left: 2px solid #FF8726; border-bottom: 2px solid #FF8726; width: 12px; height: 12px; } .home1_con_title1 h4:after { content: ""; position: absolute; right: 0px; bottom: 0px; border-right: 2px solid #FF8726; border-bottom: 2px solid #FF8726; width: 12px; height: 12px; } .home1_con_titlep { padding: 0 100px; text-align: center; margin: 0; } .home1_con_title2 { font-size: 18px; font-weight: bold; color: #333; text-transform: uppercase; margin: 0 0 25px 0; } .home3_con_title1 { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #333; text-align: center; line-height: normal; margin: 0; } .home3_con_title1line { width: 50px; height: 3px; margin: 30px auto; background-color: #FF8726; } .home4_con_title1 { font-size: 24px; color: #333; text-align: center; } .home4_con_tltle1linebox { position: relative; margin: 30px auto; } .home4_con_tltle1linebox:before { position: absolute; content: ""; width: 40px; height: 1px; background-color: #FF8726; top: 50%; margin: 0px 0 0 -52px; left: 50%; } .home4_con_tltle1linebox:after { position: absolute; content: ""; width: 40px; height: 1px; background-color: #FF8726; top: 50%; margin: 0px -52px 0 0; right: 50%; } .home4_con_title1line { width: 10px; height: 10px; margin: 0 auto; background-color: #FF8726; 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 */ } .home5_con_title1 { text-align: center; font-size: 14px; color: #ff8726; font-weight: normal; margin: 0 0 5px 0 } .home5_con_title2 { text-align: center; font-size: 22px; color: #000000; font-weight: bold; text-transform: uppercase; } .home5_con_titleline { width: 50px; height: 1px; background-color: #000000; margin: 25px auto 30px; } .inside_con_title1 { font-size: 24px; color: #333; text-align: center; font-weight: normal; line-height: normal; margin: 0 0 20px 0; } .inside_con_titlep { text-align: center; } @media print { a:link:after { content: " "; } } @media only screen and (min-width: 1600px) { .dnn_layout { width: 1400px; } .home1_con_titlep { padding: 0 285px; } .home1_cond li { margin: -44px 0 0 0; ; } .home1_cond li a img { max-width: 100%; } .home3_cona .the1 { left: 170px; } .home3_conc li .hcc_box { padding: 35px 40px; } .home5_conb ul { margin: 25px 45px 25px 0; } .home5_conb ul li span.fa { margin: 0 15px 0 0; } .home5_cond li .icon_box:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #000; top: 50%; left: 0; margin: 0 0 0 -99px; z-index: -1; } .home5_cond li .icon_box:after { position: absolute; content: ""; width: 100%; height: 1px; background-color: #000; top: 50%; right: 0; margin: 0 -99px 0 0; z-index: -1; } .inside_conc { padding: 0 40px; } .inside_conf li p { padding: 0 65px; } .inside_coni img { float: left; display: inline-block; margin: 0 30px 0 0; } .inside_conk { padding: 60px; } .bottom_j ul { width: 50%; } .bottom_j ul.the1 { padding: 0 10px 0 0; } .bottom_i ul li { padding: 23px 27px; } .bottom_j ul li a span.fa { margin: 0 20px 0 0; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .dnn_layout { width: 1170px; } .home1_con_titlep { padding: 0 160px; } .home1_cond li { margin: -44px 0 0 0; ; } .home1_cond li a img { max-width: 100%; } .home3_cona .the1 { left: 70px; } .home3_conc li .hcc_box { padding: 15px 30px; } .home5_conb ul { margin: 25px 45px 25px 0; } .home5_conb ul li span.fa { margin: 0 15px 0 0; } .home5_cond li .icon_box:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #000; top: 50%; left: 0; margin: 0 0 0 -99px; z-index: -1; } .home5_cond li .icon_box:after { position: absolute; content: ""; width: 100%; height: 1px; background-color: #000; top: 50%; right: 0; margin: 0 -99px 0 0; z-index: -1; } .inside_conc { padding: 0 40px; } .inside_conf li p { padding: 0 65px; } .inside_coni img { float: left; display: inline-block; margin: 0 30px 0 0; } .bottom_j ul { width: 50%; } .bottom_j ul.the1 { padding: 0 10px 0 0; } .bottom_i ul li { padding: 17px; } .bottom_j ul li a span.fa { margin: 0 5px 0 0; } .inside_conk { padding: 25px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .header1 .head_nav .dnn_logo{ height:70px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header1 .head_nav .dnn_logo{ height:90px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .dnn_layout { width: 750px; } .head_mid, .content_mid, .bottom_mid, .footer_mid { padding: 0 15px; } #dnn_content { padding: 30px 0 0 0; } .Full_Screen_PaneI, .Full_Screen_PaneJ { padding: 0; } .home1_cona { padding: 25px 0 0 0; } .home1_con_titlebox { margin: 0 0 30px 0; } .home1_conb { padding: 0; } .home1_conb p { margin: 0 0 15px 0; } .home1_conb a.Button_style1 { position: relative; right: auto; top: auto; margin: 0; } .home1_conc li { padding: 90px 30px 0 30px; } .home1_conc li:hover { padding: 50px 30px 0 30px; } .home1_con_titlep { padding: 0 80px; } .home1_cond { margin: 30px 0 0 0; } .home1_cond li { margin: -18px 0 0 0; } .home1_cond li a img { } .home2_conc h1 a.Button_style1 { margin: 20px 0 0 0; } .home3_conc li { width: 50%; } .home3_conc > div.clearfix { display: none; } .home4_cone:after { margin: 30px 0 0 -17px; } .nextPage_out { bottom: 30px; } #nextPage { width: 35px; height: 35px; line-height: 35px; } #nextPage:before { width: 10px; height: 10px; margin: -5px 0 0 -5px; } #nextPage2 { bottom: 20px; } #nextPage2:hover { bottom: 0px; } .home5_conb ul { margin: 0; } .home5_conb a { margin: 20px 0 0 0; } .home5_cond li { width: 33%; } .home5_cond li .icon_box:before, .home5_cond li .icon_box:after { display: none; } .home5_cone .leftbox img, .home5_cone .rightbox img { float: right; margin: 0 0 0 30px; } .inside_cona li p { padding: 0; } .inside_cone .leftbox, .inside_cone .rightbox { width: 100%; } .inside_conf li { width: 50%; } .inside_conf li:before, .inside_conf li:after { display: none; } .bottom_j ul { width: 50%; } .bottom_j ul.the1 { padding: 0 10px 0 0; } .bottom_i ul li { padding: 23px 31px; } } @media only screen and (max-width: 767px) { .SkinPlugin_icon { display: none; } .dnn_layout { width: auto; } .head_mid, .content_mid, .bottom_mid, .footer_mid { padding: 0 15px; } #dnn_content { padding: 20px 0 0 0; } .Full_Screen_PaneI, .Full_Screen_PaneJ { padding: 0; } .roll_menu.roll_activated { position: inherit; } .home1_cona { padding: 25px 0 0 0; } .home1_conb { padding: 0; } .home1_conb p { margin: 0 0 15px 0; } .home1_conb a.Button_style1 { position: relative; right: auto; top: auto; margin: 0; } .home1_conc li { width: 100%; height: 400px; padding: 90px 15px 0 15px; } .home1_conc li:hover { padding: 15px 15px 0 15px; } .home1_cond { margin: 20px 0 0 0; } .home1_cond li { margin: -8px 0 0 0; } .home1_cond li a { margin: 0; } .home1_cond li a img { } .home1_con_titlebox { margin: 0 0 20px 0; } .home1_con_titlep { padding: 0; } .home1_con_title2 { margin: 0 0 20px 0; } .home2_banner_title3 span.fa { font-size: 3px; } .home2_cona { margin: 20px 0 0 0; } .home2_cona .leftone, .home2_cona .rightone { width: 100%; float: none; } .home2_conb a.linker { margin: 5px 0; } .home2_conc h1 a.Button_style1 { margin: 20px 0 0 0; } .home3_cona .the1 { text-align: left; } .home3_cona .the1 img { max-width: 30%; } .home3_cona .the2 { right: 0px; text-align: right; } .home3_cona .the2 img { max-width: 50%; } .home3_cona .the3 img { max-width: 100%; max-height: 100%; } .home3_conb { margin: 20px 0 0 0; } .home3_conc li { width: 100%; } .home3_conc li .hcc_box1, .home3_conc li .hcc_box2, .home3_conc li .hcc_box3, .home3_conc li .hcc_box4, .home3_conc li .hcc_box5, .home3_conc li .hcc_box6 { display: none; } .home3_conc { padding: 0 0 20px 0; } .home3_conc li .hcc_box, .home3_conc li .hcc_box.the2 { margin: 0; width: 100%; padding: 20px 15px 0 15px; } .home3_cone p { margin: 0 0 20px 0; } .home4_con_tltle1linebox { margin: 20px auto; } .home4_conb h5 { margin: 0 0 20px 0; } .home4_cone:after { margin: 20px 0 0 -17px; } .nextPage_out, #nextPage2 { display: none; } .home5_conb h3 { margin: 20px 0 0 0; } .home5_conb .line { margin: 20px 0; } .home5_conb ul { margin: 0; } .home5_conb a { margin: 5px 0 0 0; } .home5_conc h1 { font-size: 24px; } .home5_conc a.Button_style3 { margin: 10px 5px 0; padding: 15px; } .home5_cond li { width: 100%; } .home5_cond li .icon_box:before, .home5_cond li .icon_box:after { display: none; } .home5_con_titleline { margin: 20px auto; } .home5_cone .leftbox, .home5_cone .rightbox { float: left; width: 100%; text-align: center; padding: 0; } .home5_cone .leftbox { border-right: none; } .home5_cone .leftbox img, .home5_cone .rightbox img { float: none; margin: 0; } .home5_cone .leftbox h6, .home5_cone .rightbox h6 { margin: 10px 0 5px 0; } .home5_cone .line { display: none; } .inside_cona li { width: 100%; } .inside_cona li:after, .inside_cona li:before { display: none; } .inside_cond { margin: 20px 0 0 0; padding: 0 0 0 55px; } .inside_cond span.fa { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .inside_cone .leftbox, .inside_cone .rightbox { width: 100%; } .inside_conf li { width: 100%; } .inside_conf li:before, .inside_conf li:after { display: none; } .inside_conj_link a.linker { padding: 12px 8px; margin: 5px; } .inside_conk { padding: 15px; } .bottom_i ul li { padding: 19px; } /* ********** Mobile Menu ************** */ .multi_menu ul li a { transition: color ease-in 200ms, background-color ease-in 200ms; -moz-transition: color ease-in 200ms, background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms, background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms, background-color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms, background-color ease-in 200ms; /* IE9? */ } .IHide-xs .multi_menu ul li span > i { display: none; } .multi_menu > ul > li > a > span > i { font-size: 16px; margin: 0 6px 2px 0; vertical-align: middle; } .multi_menu ul ul li a span i { font-size: 14px; margin: 0 6px 2px 0; vertical-align: middle; } /*--------- Mega Menu style ----------*/ /*-- submenu --*/ /*--animated--*/ .animation, .animation .animated { -webkit-animation-name: none!important; -moz-animation-name: none!important; -o-animation-name: none!important; animation-name: none!important; } .animation:not(.visible) { opacity: 1; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { } /*Element Hide*/ @media only screen and (min-width: 1200px) { .ElementHide-lg, tr.ElementHide-lg, th.ElementHide-lg, td.ElementHide-lg { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ElementHide-md, tr.ElementHide-md, th.ElementHide-md, td.ElementHide-md { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ElementHide-sm, tr.ElementHide-sm, th.ElementHide-sm, td.ElementHide-sm { display: none !important; } } @media only screen and (max-width: 767px) { .ElementHide-xs, tr.ElementHide-xs, th.ElementHide-xs, td.ElementHide-xs { display: none !important; } } /*Element Hide*/ @media only screen and (max-width: 767px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { .roll-sm.roll_menu.roll_activated { position: inherit; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .roll-md.roll_menu.roll_activated { position: inherit; } .roll_menu.roll_activated .roll-md.dnn_logo, .roll_menu.roll_activated .roll-md.LogoPane, .header7 .roll_menu.roll_activated .roll-md.dnn_logo, .header7 .roll_menu.roll_activated .roll-md.LogoPane2, .header8 .roll_menu.roll_activated .head_nav .head_nav_out .roll-md.dnn_logo, .header8 .roll_menu.roll_activated .head_nav .head_nav_out .roll-md.LogoPane2 { display: none; } } @media only screen and (min-width: 1200px) { .roll-lg.roll_menu.roll_activated { position: inherit; } .roll_menu.roll_activated .roll-lg.dnn_logo, .roll_menu.roll_activated .roll-lg.LogoPane, .header7 .roll_menu.roll_activated .roll-lg.dnn_logo, .header7 .roll_menu.roll_activated .roll-lg.LogoPane2, .header8 .roll_menu.roll_activated .head_nav .head_nav_out .roll-lg.dnn_logo, .header8 .roll_menu.roll_activated .head_nav .head_nav_out .roll-lg.LogoPane2 { display: none; } }