/* CSS Document */ /*Common style*/ @import url( bootstrap.css ); @import url( shortcodes.css ); @font-face { font-family: 'bbcnasim'; src: url('fonts/bbcnasim.woff') format('woff'); } #Body { color: #666666; } html, body { margin: 0px; height: 100%; padding: 0px; font: normal 12px/1.6 'bbcnasim'; color: #666666; } body.rtl { direction: rtl; text-align: right; } button, input, select, textarea, blockquote { font-family: 'bbcnasim'; } p { margin: 0px 0px 8px 0px; } header, nav, section, footer { display: block; } TH, TD, DIV { } A, A:link { text-decoration: none; } A:active { text-decoration: none; } A:visited { text-decoration: none; } A:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { letter-spacing: normal; margin: 0 0 10px 0; Font-Family: 'bbcnasim'; } 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; } img { max-width: 100% !important; } /**************** 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; } #dnn_dnnSEARCH2_ClassicSearch .searchInputContainer ul.searchSkinObjectPreview { width: 100%; } } #dnn_dnnSEARCH1_ClassicSearch .searchInputContainer ul.searchSkinObjectPreview { z-index: 905; } /**************** 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: 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_area { margin: 5px 0; height: 50px; line-height: 50px; background: #eee; border: 1px solid #ccc; text-align: center; font-size: 15px; font-weight: bold; font-size: 13px; font-weight: bold; color: #666; } /* ********** Buttons Style ************** */ a.Button_blue { padding: 12px 30px; margin: 0px 10px; position: relative; font-size: 14px; display: inline-block; white-space: nowrap; margin-bottom: 10px; color: #FFFFFF !important; 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 a.Button_blue { display: inline; } a.Button_blue:hover { text-decoration: none; background: #555555; } a.Button_blue2 { padding: 8px 15px; } a.Button_blue span.glyphicons, a.Button_blue2 span.glyphicons { font-size: 24px; vertical-align: bottom; margin-right: 5px; } /* ********** Pane Style ************** */ [class*="Pane"], .row [class*="Pane"] { padding: 0px 0px 40px 0px; } .HeadPane_mobile { padding: 0; } .DNNEmptyPane { display: none; } .pt40 { padding-top: 40px; } .pb40 { padding-bottom: 40px; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .mt40 { margin-top: 40px; } .mb40 { margin-bottom: 40px; } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } /*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; } .pb60 { padding-bottom: 60px; } .pt60 { padding-top: 60px; } .mt60 { margin-top: 60px; } .mb60 { margin-bottom: 60px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pb60 { padding-bottom: 30px; } .pt60 { padding-top: 30px; } .mt60 { margin-top: 30px; } .mb60 { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .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; } .pb60 { padding-bottom: 20px; } .pt60 { padding-top: 20px; } .mt60 { margin-top: 20px; } .mb60 { margin-bottom: 20px; } } .BannerPane, .top_dp .TopDPane, .LightGreyBGPane, .LightGreyBGPaneB, .row .BotBGPaneA, .row .BotBGPaneB, .FootPane, .ConPaneB, .ConPaneD, .ConPaneF, .header2 .HeadPane, .header3 .HeadPane, .HeadPaneB { padding: 0; } .Full_Screen_PaneC hr.dividers_4 { margin-top: 0; margin-bottom: 0; } .BannerPane.DNNEmptyPane { display: block; width: 100%; background-color: #FFF; } /* ********** Container Style ************** */ .Head { font-size: 13px; font-weight: bold; color: #000; font-family: 'bbcnasim', Arial; } .SubHead { font-size: 13px; color: #000; font-family: 'bbcnasim', Arial; } .SubSubHead { font-size: 13px; color: #000; font-family: 'bbcnasim', Arial; } .Normal { font-size: 12px; line-height: 1.6; color: #666666; font-family: 'bbcnasim', Arial; } /* ********** Login Style ************** */ /* ********** User Style ************** */ /* ********** Date Style ************** */ .date, a.date:link, a.date:active, a.date:visited { color: #606060; text-decoration: none; font-weight: normal; font-size: 12px; } a.date:hover { color: #E165DD; } /* ********** Footer Style ************** */ .footer, a.footer:link, a.footer:active, a.footer:visited { font-size: 12px; color: #bbb; text-decoration: none; font-weight: Normal; } a.footer:hover { text-decoration: none; font-weight: Normal; text-decoration: underline; } /* ********** Privacy/Terms Style ************** */ .terms, a.terms:link, a.terms:active, a.terms:visited { font-size: 12px; color: #bbb; text-decoration: none; font-weight: normal; border-bottom: 0px dotted; } a.terms:hover { 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: #9e9d9d; text-decoration: none; font-weight: normal; padding: 0 0px; } a.links:hover { color: #767676; text-decoration: underline; font-weight: normal; } /* ********** Breadcrumb Style ************** */ .breadcrumbicon_left { float: left; } .breadcrumb_Pane { float: right; } /* ********** Other Style ************** */ .dnn_layout { width: 964px; margin: 0px auto; } .head_mid, .content_mid, .bottom_mid, .footer_mid { padding: 0 20px; } /* ********** HEADER ************** */ .languageBox { float: left; white-space: nowrap; height: 34px; line-height: 34px; padding: 0px 15px; } .languageBox img { width: 20px; } .languageBox span img { margin-right: 7px; filter: alpha(opacity=50); opacity: 0.5; vertical-align: middle; } * + html .languageBox span { font-size: 30px; } .languageBox span.selected img { filter: alpha(opacity=100); opacity: 1; } /* ********** BANNER ************** */ .banner_title_1 { font-size: 100px; color: #fff; text-align: center; line-height: 80px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: normal; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); } .banner_content_1 { font-size: 20px; color: #fff; text-align: center; line-height: 80px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 3px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); } .banner_title_2 { font-size: 100px; color: #444; text-transform: uppercase; letter-spacing: 3px; line-height: 80px; font-family: Arial, Helvetica, sans-serif; } .banner_content_2 { color: #444; font-size: 20px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; } .homepage1_banner1line { width: 100px; height: 2px; background-color: #ffffff; margin: 0 auto; } .tp-caption a.bannerbutton { font-size: 16px; line-height: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 14px 45px; } .tp-caption a.bannerbutton:hover { } .BannerPane_right .tp-caption a.bannerbutton { margin: 0 10px 0 0; } .homepage1_banner2line { width: 100px; height: 2px; } .tp-banner-container .tp-leftarrow.round, .tp-banner-container .tp-rightarrow.round { width: 70px; height: 120px; background: none; background-color: rgba(0,0,0,0.4); 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? */ left: 0 !important; } .tp-banner-container .tp-rightarrow.round { left: auto !important; right: 0 !important; } .tp-banner-container .tp-leftarrow:hover.round, .tp-banner-container .tp-rightarrow:hover.round { background: #07c6f5; } .tp-banner-container .tp-leftarrow.round:before { width: 30px; height: 30px; content: ""; position: absolute; right: 50%; top: 50%; margin: -15px -20px 0 0; border-top: 5px solid #fff; border-right: 5px solid #fff; -ms-transform: rotate(-135deg); /* IE 9 */ -moz-transform: rotate(-135deg); /* Firefox */ -webkit-transform: rotate(-135deg); /* Safari and Chrome */ -o-transform: rotate(-135deg); /* Opera */ } .tp-banner-container .tp-rightarrow.round:before { width: 30px; height: 30px; content: ""; position: absolute; right: 50%; top: 50%; margin: -15px -10px 0 0; border-top: 5px solid #fff; border-right: 5px solid #fff; -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ } .tp-banner-container .tp-bullets.simplebullets.round .bullet { width: 15px; height: 15px; background: #FFF; margin: 3px; border: 4px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ } .tp-banner-container .tp-bullets.simplebullets.round .bullet.selected, .tp-banner-container .tp-bullets.simplebullets.round .bullet:hover { background: #22bb75; } .tp-banner-container .tp-leftarrow:hover.round, .tp-banner-container .tp-rightarrow:hover.round, .tp-banner-container .tp-bullets.simplebullets.round .bullet.selected, .tp-banner-container .tp-bullets.simplebullets.round .bullet:hover { } /* ********** NAV ************** */ /*main menu*/ .dnn_menu { position: relative; z-index: 904; } .dnn_menu { float: right !important; padding: 10px 0 10px 0 !important; height: 65px; } .dnn_logo { float: left !important; margin: 20px 0 !important; } /*dnngo_megamenu */ #dnngo_megamenu { margin: 0px; padding: 0px; clear: both; margin-right: 0; } #dnngo_megamenu .primary_structure { position: relative; clear: both; margin: 0; padding: 0; } #dnngo_megamenu .primary_structure > li { float: right; list-style: none; position: relative; } #dnngo_megamenu .primary_structure > li > a { 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? */ } * + 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; } /*sub*/ #dnngo_megamenu li.dir > a span:before { content: "\E224"; font-family: 'Glyphicons Regular'; font-size: 9px; Left: 4px; line-height: normal; top: 15px; position: absolute; transform: rotate(90deg); font-weight: normal !important; } #dnngo_megamenu .dnngo_slide_menu li a, #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a { color: #981e32; } #dnngo_megamenu .dnngo_menuslide { display: none; position: absolute; top: 100%; right: 0px !important; left: auto !important; z-index: 991; margin: 0; padding: 0; } /*dnngo_slide_menu*/ #dnngo_megamenu .dnngo_slide_menu { margin: 0; padding: 0; white-space: nowrap; box-shadow: 0 0 2px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.8); } #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; box-shadow: 0 0 2px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.8); } #dnngo_megamenu .dnngo_slide_menu li { position: relative; list-style: none; } #dnngo_megamenu .dnngo_menuslide ul li:last-child { border-bottom: none; } #dnngo_megamenu .dnngo_slide_menu li a { text-decoration: none; text-align: right; padding: 0 0 0 16px; line-height: 45px; font-size: 12px; display: block; color: #bbb; 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 { } #dnngo_megamenu .dnngo_slide_menu li a span { display: block; padding: 0 18px 0 15px; margin: 0px; background: none; width: auto; white-space: nowrap; } #dnngo_megamenu .dnngo_slide_menu li.dir > a span:before { content: "\E224"; font-family: 'Glyphicons Regular'; font-size: 11px; Left: 14px; line-height: normal; top: 8px; position: absolute; transform: rotate(180deg); } #dnngo_megamenu .dnngo_slide_menu li.dir > a:hover span:before, #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a span:before { } /*dnngo_boxslide*/ #dnngo_megamenu .dnngo_boxslide { clear: both; overflow: hidden; width: 100%; margin: auto; text-align: left; box-shadow: 0 0 2px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.8); 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; padding: 15px; } #dnngo_megamenu .dnngo_boxslide .menu_rightbox { float: left; padding: 5px 15px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul { margin: 0; padding: 0; text-align: right; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li { list-style: none; padding: 0 0 5px 20px; font-size: 12px; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul { padding: 0 10px; } #dnngo_megamenu .dnngo_menuslide .dnngo_slide_menu, #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu, #dnngo_megamenu .dnngo_boxslide, #dnngo_megamenu .submenu_box { margin-top: -1px; padding: 0 0; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li { display: inline-block; vertical-align: top; margin-right: -6px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px 10px; } * + html #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li { display: inline; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span { font-size: 14px; border-bottom: 1px solid #666; margin-bottom: 10px; padding: 5px 10px 15px 0; display: block; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span, #dnngo_megamenu .dnngo_boxslide .mega_title { font-size: 14px; border-bottom: 1px solid #666; margin-bottom: 10px; padding: 5px 10px 15px 0; display: block; } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span:before { } #dnngo_megamenu .dnngo_boxslide .menu_centerbox > 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 { font-size: 13px; display: block; width: 100%; position: relative; 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 { 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: "\E224"; font-family: 'Glyphicons Regular'; font-size: 8px; left: -20px; line-height: normal; top: 5px; position: absolute; } @media screen and (-webkit-min-device-pixel-ratio:0) { #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { top: 1px; } } @-moz-document url-prefix() { #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { top: 5px; } } #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before { } #dnngo_megamenu .dnngo_boxslide .menu_topbox { width: 100%; padding: 15px; } #dnngo_megamenu .dnngo_boxslide .menu_bottombox { width: 100%; padding: 15px; } #dnngo_megamenu h2.mega_title { font-weight: normal; font-size: 14px; border-bottom: 1px solid #666; margin: 0 0 17px !important; padding: 0 10px 15px 0 !important; line-height: 22px !important; line-height: normal; font-family: 'bbcnasim'; } /*roll_menu */ @-webkit-keyframes menuFlip { 0% { -webkit-transform: perspective(1000px) rotateX(-90deg); } 100% { -webkit-transform: perspective(1000px) rotateX(0deg); } } @-moz-keyframes menuFlip { 0% { -moz-transform: perspective(1000px) rotateX(-90deg); } 100% { -moz-transform: rotateX(0deg) } } @-o-keyframes menuFlip { 0% { -o-transform: perspective(1000px) rotateX(-90deg); } 100% { -o-transform: rotateX(0deg) } } @keyframes menuFlip { 0% { transform: perspective(1000px) rotateX(-90deg); } 100% { transform: rotateX(0deg) } } .roll_menu.roll_activated { top: 0px !important; left: 0; opacity: 1 !important; -webkit-animation-name: menuFlip; -moz-animation-name: menuFlip; -o-animation-name: menuFlip; animation-name: menuFlip; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } /*roll_menu end*/ .about_list { margin: 10px 0 0 0; padding: 0; list-style-type: none; border-bottom: 1px solid #424242; } .about_list li { list-style-type: none; border-bottom: 1px solid #424242; font-size: 13px; padding: 10px 0; } .about_list li:last-child { border-bottom: none; } .about_list li span { font-size: 18px; top: 5px; margin: 0 15px 0 5px; } /* ********** CONTENT ************** */ /*Left Menu*/ #left_menu { padding: 0px 0px 0px; margin: 0px; min-height: 300px; } #left_menu .menu_arrow { display: none; } #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-transform: capitalize; font-family: 'bbcnasim'; font-size: 14px; text-decoration: none; padding: 13px 10px 13px 20px; color: #555555; line-height: 19px; margin-bottom: 7px; background-color: #EEEEEE; position: relative; 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? */ } #left_menu ul li.dir > a:before { content: ""; position: absolute; top: 50%; right: 20px; width: 0px; height: 0px; border-style: solid; border-color: transparent transparent transparent #666; border-width: 5px; margin: -4px 0 0 0; } #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:before { border-color: transparent transparent transparent #fff; } #left_menu > .menu_main > .multi_menu > ul > li.current > a:hover:before, #left_menu > .menu_main > .multi_menu > ul > li.current > a:before { border-color: #fff transparent transparent transparent; } #left_menu ul ul { padding: 0; margin: 0; display: none; } #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 .current > ul { display: block; } #left_menu ul li li { margin: 0; border-bottom: none; padding: 0 11px; } #left_menu ul li li a { background-color: transparent; position: relative; padding: 5px 5px 5px 15px; line-height: 18px; font-size: 12px; border: none; white-space: normal; color: #555; text-transform: none; } #left_menu ul li li:last-child a { } #left_menu ul ul ul li:last-child a { } #left_menu .multi_menu ul ul li a:before { right: 5px; } #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 { } #left_menu ul li li a:hover, #left_menu ul li li.current > a { } #left_menu ul li li a:hover:before { } #left_menu ul li li.current > a:before { } /*--------- Left Menu End----------*/ /*anchor Nav*/ #anchorNav { position: fixed; right: 50px; top: 30%; 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: 20px; height: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: rgba(0,0,0,0.4); text-indent: -200px; overflow: hidden; transition: background-color ease-out 1000ms; -moz-transition: background-color ease-out 1000ms; /* Firefox 4 */ -webkit-transition: background-color ease-out 1000ms; /* Safari and Chrome */ -o-transition: background-color ease-out 1000ms; /* Opera */ -ms-transition: background-color ease-out 1000ms; /* IE9? */ } #anchorNav li:hover i, #anchorNav li.active i { } #anchorNav li span { position: absolute; right: 100%; top: -5px; background-color: #7f7f7f; padding: 9px 13px; white-space: nowrap; line-height: 1; color: #FFF; margin-right: 10px; filter: alpha(opacity=0); 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 span:after { content: ""; border: 5px solid transparent; border-left-color: #7f7f7f; position: absolute; right: -10px; top: 50%; margin-top: -5px; } #anchorNav li:hover span { filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* ********** Source Code style ************** */ /*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; } /*list*/ .list_style { margin: 0px; padding: 0px; } .list_style li { list-style: none; padding: 3px 0px; } .list_style li .glyphicons, .list_style li .social { margin-right: 5px; color: #22bb75; margin: 0 10px 0 0; } /*dividers*/ .dividers_1 { border: none; background: url(images/dividers_1.png) repeat-x left center; height: 5px; width: 100%; clear: both; display: block; overflow: hidden; } .dividers_2 { border: none; border-bottom: 1px solid #e4e4e4; height: 0px; width: 100%; clear: both; display: block; overflow: hidden; } .dividers_3 { border: none; border-bottom: 1px solid #e4e4e4; text-align: center; height: 0px; width: 100%; clear: both; display: inline-block; margin: 30px 0; } .dividers_3 span { font-size: 17px; display: inline-block; width: 46px !important; height: 46px; top: -23px; line-height: 43px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #e4e4e4; margin: 0 auto; background-color: #FFF; padding: 0; color: #e4e4e4; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dividers_4 { border: none; background: url(images/line4.png) repeat-x left center; height: 10px; width: 100%; clear: both; display: block; overflow: hidden; } .dividers_5 { border: none; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center; height: 4px; width: 100%; clear: both; display: inline-block; margin: 30px 0; } .dividers_5 span { font-size: 24px; display: inline-block; width: 56px !important; height: 56px; top: -28px; line-height: 56px; margin: 0 auto; background-color: #FFF; padding: 0; color: #e4e4e4; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dividers_6 { border: none; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; clear: both; display: block; height: 4px; overflow: hidden; width: 100%; } .dividers_7 { border: none; background: url(images/dividers_7.png) left center; height: 5px; width: 100%; clear: both; display: block; overflow: hidden; } .dividers_8 { border: none; border-bottom: 1px solid #e4e4e4; text-align: center; height: 0px; width: 100%; clear: both; display: inline-block; margin: 30px 0; } .dividers_8 span { top: -20px; position: relative; font-size: 12px; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #E4E4E4; margin: 0 auto; background: #FFF; padding: 10px 29px; color: #9d9d9d; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*source_code*/ .source_code pre, .source_code .source_box { display: none; } .source_code .source_box pre { display: block; } /*SectionStyles*/ .SectionStyles1 { text-align: left; } .SectionStyles1 h3 { font-size: 20px; color: #22BB75; font-weight: normal; line-height: normal; } .SectionStyles1 p { color: #666; margin: 0; } .SectionStyles2 { text-align: center; background-color: #F2F2F2; } .SectionStyles2 h3 { font-size: 20px; color: #22BB75; font-weight: normal; margin: 0 0 20px 0; line-height: normal; } .SectionStyles2 p { color: #666; margin: 0; } .SectionStyles3 { background-image: url(images/Sectionbg3.jpg); background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .SectionStyles3_bg { text-align: center; background-image: url(images/Sectionbg7.png); background-repeat: repeat; } .SectionStyles3 h3 { font-size: 36px; color: #fff; font-weight: normal; line-height: normal; margin: 0 0 20px 0; } .SectionStyles3 p { color: #fff; margin: 0; } .SectionStyles4 { background-image: url(images/Sectionbg4.jpg); background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .SectionStyles4_bg { text-align: center; background-image: url(images/Sectionbg7.png); background-repeat: repeat; } .SectionStyles4 h3 { font-size: 36px; color: #fff; font-weight: normal; line-height: normal; margin: 0 0 20px 0; } .SectionStyles4 p { color: #fff; margin: 0; } .SectionStyles5 { background-image: url(images/Sectionbg5.jpg); background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .SectionStyles5_bg { background-color: rgba(0,0,0,0.25); position: relative; z-index: 0; } .SectionStyles6 { background-image: url(images/Sectionbg6.jpg); background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } .SectionStyles6_bg { background-color: rgba(0,0,0,0.6); position: relative; z-index: 0; } .SectionStyles7 { background: url(images/pic3.jpg) no-repeat center bottom; background-attachment: fixed; background-size: cover; } .SectionStyles7_con { background: url(images/Sectionbg7.png); position: relative; text-align: center; } .SectionStyles7_con .SectionStyles7_main .SectionStyles7_conbox { position: relative; margin: 10px 0 15px 0; } .SectionStyles7_con .SectionStyles7_main .SectionStyles7_conbox .icon { width: 36px; height: 36px; text-align: center; color: #FFF; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto; background-position: 13px -83px; background-repeat: no-repeat; } .SectionStyles7_con .SectionStyles7_main .SectionStyles7_conbox .icon span { width: 5px; height: 5px; margin-top: 15px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .SectionStyles7_con .SectionStyles7_main .SectionStyles7_conbox .icon:before { width: 106px; height: 1px; position: absolute; background-color: #fff; content: ""; top: 50%; left: 50%; margin: 0 0 0 -134px; } .SectionStyles7_con .SectionStyles7_main .SectionStyles7_conbox .icon:after { width: 106px; height: 1px; position: absolute; background-color: #fff; content: ""; top: 50%; left: 50%; margin: 0 0 0 28px; } .SectionStyles7_con h3 { font-size: 24px; color: #fff; text-transform: uppercase; font-weight: normal; display: inline-block; margin-top: 0px; } .SectionStyles7_con p { color: #fff; padding: 0 135px; margin: 0 0 20px 0; } .SectionStyles8 { background: url(images/Sectionbg8.png) 0 0 repeat;; } .SectionStyles9 { background-color: #dce9e3; position: relative; } /*Boxes*/ .boxes .but a.Button_default2 { border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 12px 24px; 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; -webkit-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; -o-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; -ms-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; } .boxes_style_1, .boxes_style_2, .boxes_style_3, .boxes_style_4, .boxes_style_5, .boxes_style_6, .boxes_style_7, .boxes_style_8 { position: relative; } .boxes_style_2:before, .boxes_style_3:before, .boxes_style_5:before, .boxes_style_7:before { content: ""; position: absolute; top: 100%; left: 0; width: 100px; height: 15px; z-index: 0; box-shadow: 14px 14px 14px rgba(0,0,0,0.3); -moz-box-shadow: 14px 14px 14px rgba(0,0,0,0.3); -webkit-box-shadow: 14px 14px 14px rgba(0,0,0,0.3); margin: -26px 0 0 -5px; transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); } .boxes_style_2:after, .boxes_style_3:after, .boxes_style_5:after, .boxes_style_7:after { content: ""; position: absolute; top: 100%; right: 0; width: 100px; height: 15px; z-index: 0; box-shadow: -14px 14px 14px rgba(0,0,0,0.3); -moz-box-shadow: -14px 14px 14px rgba(0,0,0,0.3); -webkit-box-shadow: -14px 14px 14px rgba(0,0,0,0.3); margin: -26px -5px 0 0; transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); } .boxes_style_1 .boxes { background-color: #f4f4f4; padding: 20px 240px 20px 25px; z-index: 1; position: relative; } .boxes_style_1 .Boxes_title { font-size: 18px; font-weight: normal; position: relative; padding: 5px 0px 0px; margin-bottom: 13px; } .boxes_style_1 .but { margin: -15px auto 0; position: absolute; top: 50%; right: 25px; } .boxes_style_1 .but a.Button_default2 { background-color: #fff; } .boxes_style_1 .but a.Button_default2:hover { background-color: #444; border: 1px solid #444; color: #fff; } .boxes_style_2 .boxes { border: 1px solid #DEDEDE; background-color: #FFF; padding: 20px 25px; z-index: 1; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .boxes_style_2 .Boxes_title { font-size: 20px; color: #333; font-weight: normal; } .boxes_style_3 .boxes { border: 1px solid #DEDEDE; background-color: #F8F8F8; padding: 20px 25px; z-index: 1; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .boxes_style_3 .Boxes_title { font-size: 20px; color: #333333; font-weight: normal; } .boxes_style_4 .boxes { padding: 20px 250px 20px 25px; z-index: 1; position: relative; } .boxes_style_4 .boxes p { color: #fff; } .boxes_style_4 .Boxes_title { font-size: 20px; color: #ffffff; font-weight: normal; position: relative; padding: 5px 0px 0px; margin-bottom: 13px; } .boxes_style_4 .but { margin: -15px auto 0; position: absolute; top: 50%; right: 25px; } .boxes_style_4 .boxes .but a.Button_default2 { background-color: transparent; border: 1px solid #fff; color: #fff; } .boxes_style_4 .boxes .but a.Button_default2:hover { background-color: #444; border: 1px solid #444; } .boxes_style_4 .source_code a { color: #fff; } .boxes_style_5 .boxes { border: 1px solid #cccccc; background-color: #FFF; padding: 20px 1px; z-index: 1; position: relative; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .boxes_style_5 .Boxes_title { font-size: 20px; color: #333333; font-weight: normal; position: relative; padding: 5px 0px 18px; margin-bottom: 0; } .boxes_style_5 .but { padding: 10px 0; } .boxes_style_5 .boxes .but a.Button_default2 { padding: 9px 25px; background-color: #444; color: #fff; } .boxes_style_5 .boxes .but a.Button_default2:hover { color: #fff; } .boxes_style_6 .boxes { border: 1px solid #cccccc; background-color: #FFF; padding: 20px 25px; z-index: 1; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .boxes_style_6 .Boxes_title { font-size: 20px; color: #333333; font-weight: normal; position: relative; padding: 5px 0px 18px; margin-bottom: 0; } .boxes_style_7 .boxes { border: 1px solid #cccccc; background-color: #FFF; padding: 20px 240px 20px 25px; z-index: 1; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .boxes_style_7 .Boxes_title { font-size: 20px; color: #333333; font-weight: normal; position: relative; padding: 5px 0px 0px; margin-bottom: 13px; } .boxes_style_7 .but { margin: -15px auto 0; position: absolute; top: 50%; right: 25px; } .boxes_style_7 .but a.Button_default2 { color: #fff; } .boxes_style_7 .but a.Button_default2:hover { background-color: #444; } .boxes_style_8 .boxes { background-color: #333; padding: 20px 240px 20px 25px; z-index: 1; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .boxes_style_8 .boxes p { color: #aaa; } .boxes_style_8 .Boxes_title { font-size: 20px; color: #fff; font-weight: normal; position: relative; padding: 5px 0px 0px; margin-bottom: 13px; } .boxes_style_8 .but { margin: -15px auto 0; position: absolute; top: 50%; right: 25px; } .boxes_style_8 .but a.Button_default2 { color: #fff; } .boxes_style_8 .but a.Button_default2:hover { background-color: #444; } @media only screen and (min-width: 768px) and (max-width: 991px) { .boxes_style_1 .boxes, .boxes_style_4 .boxes, .boxes_style_7 .boxes, .boxes_style_8 .boxes { padding: 20px 25px } .boxes_style_1 .but, .boxes_style_4 .but, .boxes_style_7 .but, .boxes_style_8 .but { position: static; padding: 10px 0; margin: 0; } } @media only screen and (max-width: 767px) { .boxes_style_1 .boxes, .boxes_style_4 .boxes, .boxes_style_7 .boxes, .boxes_style_8 .boxes { padding: 20px 25px } .boxes_style_1 .but, .boxes_style_4 .but, .boxes_style_7 .but, .boxes_style_8 .but { position: static; padding: 10px 0; margin: 0; } } /* ********** module style ************** */ .wrapper .Theme_Responsive_Default .form_required { display: none; } .wrapper .Theme_Responsive_Default .form_submit .btn { width: 100px; height: 40px; border: none; background-image: none; color: #fff; text-shadow: none; font-size: 13px; 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? */ } .wrapper .Theme_Responsive_Default .form_submit .btn:hover { background-color: #444; } .banner_title { font-size: 50px; color: #fff; font-weight: 300; line-height: 1.3 !important; } .banner_subtitle { font-size: 20px; color: #fff; font-weight: bold; line-height: 1.5 !important; } .banner_textbg { background: url(images/banner_bg_opacity.png); padding: 10px 20px; } .banner_content { font-size: 16px; color: #fff; line-height: 1.5 !important; } .banner_btn { border-style: solid; border-width: 1px; display: inline-block; font-size: 14px; line-height: 23px; padding: 12px 40px; text-decoration: none !important; position: relative; z-index: 1; color: #fff; border-radius: 3px; } .banner_btn a { color: #fff !important; } .banner_btn:after { position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; content: ""; z-index: -1; border-radius: 3px; } .banner_btn:hover { } * + html .banner_btn:hover { background-color: transparent; } .banner_btn:hover:after { right: 100%; } .banner_btn.btn_white { border-color: #fff; } * + html .banner_btn.btn_white { background-color: transparent; } .banner_btn.btn_white:hover, .banner_btn.btn_white:hover a { color: #fff !important; } .banner_btn.btn_white:after { right: 100%; } .banner_btn.btn_white:hover:after { right: 2px; } .banner_btn { transition: color ease-in 200ms, border-color ease-in 200ms; -moz-transition: color ease-in 200ms, border-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms, border-color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms, border-color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms, border-color ease-in 200ms; /* IE9? */ } .banner_btn:after { transition: right ease-in 200ms; -moz-transition: right ease-in 200ms; /* Firefox 4 */ -webkit-transition: right ease-in 200ms; /* Safari and Chrome */ -o-transition: right ease-in 200ms; /* Opera */ -ms-transition: right ease-in 200ms; /* IE9? */ } /* ********** html style ************** */ .wrapper { position: relative; z-index: 2; } a.social, a.social:link, a.social:active, a.social:visited { 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? */ } .homecontent_bg, #dnn_bottom, footer { position: relative; z-index: 2; } .homecontent_bg:before, footer:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; } .top_ap { background-color: #22BB75; } .TopAPane, .TopAPane .Normal { color: #fff; } .topa_left { font-size: 14px; color: #fff; } .topa_left h6.topa_lefttitle { font-size: 18px; color: #fff; font-weight: normal; margin: 0 0 10px 0; line-height: 1.5; } .topa_right { font-size: 13px; display: inline-block; line-height: 48px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 20px; margin: 30px 0 0 0; cursor: pointer; } span.tope.glyphicons { font-size: 23px; margin: 0 10px 0 0; top: 5px; } .Button_style4 { color: #fff; border: 1px solid #fff; white-space: nowrap; 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? */ } .Button_style4:hover { background-color: #444; border: 1px solid #444; } .topb { position: relative; } .topbout { position: absolute; z-index: 2; } .topbout .topbout_ico { width: 160px; height: 160px; margin: 0 auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 4px solid #22BB75; text-align: center; font-size: 42px; color: #22BB75; background-color: #fff; } .topbout .topbout_ico span.glyphicons { line-height: 152px; margin: -8px 0 0 8px; } .topbline { position: absolute; top: 117px; z-index: 1; } .topbline .topbline1 { border-top: 1px dashed #ccc; margin: 0 auto; width: 77%; } .topbbox1, .topbbox2, .topbbox3, .topbbox4 { text-align: center; position: relative; } .topbbox1, .topbbox4 { margin-top: 145px; } .topbbox2, .topbbox3 { margin-top: 210px; } .topbbox1 .topbline3, .topbbox4 .topbline3 { position: absolute; border-left: 1px dashed #CCCCCC; left: 50%; top: -65px; margin-left: -1px; height: 65px; transition: top ease-in 200ms; -moz-transition: top ease-in 200ms; /* Firefox 4 */ -webkit-transition: top ease-in 200ms; /* Safari and Chrome */ -o-transition: top ease-in 200ms; /* Opera */ -ms-transition: top ease-in 200ms; /* IE9? */ } .topbbox2 .topbline4, .topbbox3 .topbline4 { position: absolute; border-left: 1px dashed #CCCCCC; left: 50%; top: -130px; margin-left: -1px; height: 130px; transition: top ease-in 200ms; -moz-transition: top ease-in 200ms; /* Firefox 4 */ -webkit-transition: top ease-in 200ms; /* Safari and Chrome */ -o-transition: top ease-in 200ms; /* Opera */ -ms-transition: top ease-in 200ms; /* IE9? */ } .topbbox1 .topbbox_ico, .topbbox2 .topbbox_ico, .topbbox3 .topbbox_ico, .topbbox4 .topbbox_ico { width: 120px; height: 120px; margin: 0 auto; background-color: #22BB75; font-size: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; color: #fff; border: 5px solid #fff; box-sizing: content-box; 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? */ } .topbbox1 .topbbox_ico span.glyphicons, .topbbox2 .topbbox_ico span.glyphicons, .topbbox3 .topbbox_ico span.glyphicons, .topbbox4 .topbbox_ico span.glyphicons { line-height: 120px; } .topbbox1 h3, .topbbox2 h3, .topbbox3 h3, .topbbox4 h3 { font-size: 18px; color: #333; font-weight: normal; margin-top: 15px; } .topbbox1 a, .topbbox2 a, .topbbox3 a, .topbbox4 a { font-size: 13px; color: #22BB75; text-decoration: none; text-transform: uppercase; } .topbbox1 a:hover, .topbbox2 a:hover, .topbbox3 a:hover, .topbbox4 a:hover { text-decoration: underline; } .topbout .flip_box_1 .front, .topbout .flip_box_1 .back { background-color: transparent; padding: 0; border: none; } .topbout .flip_box_1 .front .glyphicons { background-color: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 1em; height: inherit; font-size: inherit; color: inherit; } .topbbox1:hover .topbbox_ico, .topbbox2:hover .topbbox_ico, .topbbox3:hover .topbbox_ico, .topbbox4:hover .topbbox_ico { margin: -10px auto 0; } .topbbox1:hover .topbline3, .topbbox4:hover .topbline3 { top: -55px; } .topbbox2:hover .topbline4, .topbbox3:hover .topbline4 { top: -120px; } .top_cp { background-color: #F0F0F0; } .topc_left { position: relative; } .topc_left .topc_imga { } .topc_right h2 { font-size: 24px; font-weight: normal; color: #333; text-transform: uppercase; margin: 0 0 20px 0; } .topc_right .topc_rightline { width: 40px; height: 3px; background-color: #333; margin: 0 0 20px 3px; } .topc_right ul.topc_righbox { margin-bottom: 0px; list-style-type: none; } .topc_right ul.topc_righbox li { margin: 5px 0; list-style-type: none; } .topc_right ul.topc_righbox .topc_righbox_icon { display: inline-block; border: 1px solid #22BB75; width: 45px; height: 45px; font-size: 24px; line-height: 43px; text-align: center; color: #22BB75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-weight: bold; float: left; margin-bottom: 8px; } .topc_right ul.topc_righbox .topc_righbox_text { display: block; position: relative; top: 3px; left: 15px; overflow: hidden; margin-bottom: 8px; } .topc_right ul.topc_righbox .topc_righbox_text span { font-size: 15px; color: #333; } .topc_right a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 10px 25px; display: inline-block; margin: 20px 0 0 0; font-size: 14px; } a.Button_default.Button_style { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 10px 25px; display: inline-block; margin: 20px 0 20px 0; } a.Button_default { color: #fff !important; background-color: #22BB75; 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_default:hover { background-color: #444; } .topd { padding: 20px 0; text-align: center; } .topd h4 { font-size: 16px; color: #333; font-weight: normal; line-height: 20px; margin: 0 0 20px 0; } .topd h4 span.glyphicons { color: #22BB75; font-size: 22px; top: 5px; margin: 0 20px 0 0; } .topf { background-color: #EEEEEE; } .topg { text-align: center; } .topg h3 { color: #333; font-size: 24px; line-height: 20px; text-transform: uppercase; font-weight: normal; } .topg .icon { width: 36px; height: 36px; border: 1px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 15px auto; background-image: url(images/arrow-1.png); background-position: 13px -83px; background-repeat: no-repeat; position: relative; } .topg .icon:after { width: 106px; height: 1px; position: absolute; background-color: #ccc; content: ""; top: 50%; left: 50%; margin: 0 0 0 28px; } .topg .icon:before { width: 106px; height: 1px; position: absolute; background-color: #ccc; content: ""; top: 50%; left: 50%; margin: 0 0 0 -134px; } .topg p { padding: 0 40px; } .toph { font-size: 21px; } .toph a.social { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; } .topi { font-size: 24px; } #dnn_content { padding: 40px 0 0 0; min-height: 300px; } .cona { } .cona .conaleft { } .cona .conaright .conaday { font-size: 16px; color: #333; text-align: center; border-right: 1px solid #ebebeb; padding: 0 15px; } .cona .conaright .conamain { padding: 0 0 0 15px; color: #555; } .cona .conaright .conamain span { font-size: 16px; padding: 0 0 8px 0; display: block; } .cona .conaright .conamain { font-size: 12px; } .cona .conaright .conacenter { border: none; border-bottom: 1px solid #ebebeb; height: 0px; width: 100%; clear: both; display: block; overflow: hidden; margin-top: 15px; margin-bottom: 15px; } .conc { border: 1px solid #22BB75; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; margin: 40px 0 0 0; cursor: pointer; transition: box-shadow ease-in 200ms; -moz-transition: box-shadow ease-in 200ms; /* Firefox 4 */ -webkit-transition: box-shadow ease-in 200ms; /* Safari and Chrome */ -o-transition: box-shadow ease-in 200ms; /* Opera */ -ms-transition: box-shadow ease-in 200ms; /* IE9? */ } .conc:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); } .conc .icon { width: 70px; height: 70px; background-color: #22bb75; color: #fff; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: -35px 0 10px 0; } .conc .icon span.glyphicons { font-size: 28px; top: 0; color: #fff; line-height: 70px; } .conc h3 { font-size: 18px; color: #333; font-weight: normal; line-height: 20px; } .conc p { padding: 0 22px; } .conc > a { font-size: 12px; color: #22bb75; text-transform: uppercase; position: relative; margin: 12px 0 20px 0; display: inline-block; } .conc > a:hover { text-decoration: none; } .conc > a:before { position: absolute; content: ""; border-style: solid; border-width: 4px; right: -20px; top: 4px; border-color: transparent transparent transparent #22bb75; } .cond h3 { font-size: 16px; color: #333; line-height: 20px; font-weight: normal; } .cond .line { width: 30px; height: 2px; background-color: #22bb75; margin: 5px 0 13px 0; display: inline-block; } .cone h3 { font-size: 20px; line-height: 22px; font-weight: normal; margin: 0 0 5px 0; color: #22bb75; letter-spacing: normal; } .cone h4 { font-size: 12px; line-height: 22px; font-weight: normal; margin: 0; color: #666; letter-spacing: normal; } .cone .line { width: 30px; height: 2px; background-color: #22bb75; margin: 10px 0; } .cone .cone_bottom p { display: inline-block; margin: 10px 40px 0 0; position: relative; padding: 16px 0 16px 70px; } .cone .cone_bottom p span.glyphicons { position: absolute; left: 0; width: 50px; height: 50px; border: 1px solid #cccccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 18px; line-height: 18px; text-align: center; color: #8D8D8D; padding: 14px 0; cursor: pointer; 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? */ } .conf { position: relative; padding: 0 0 0 145px; } .conf .icon { position: absolute; left: 0; top: 0; width: 110px; height: 110px; border: 1px solid #22bb75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; } .conf .icon span.glyphicons { font-size: 35px; color: #22bb75; top: 0; line-height: 108px; } .conf h3 { font-size: 20px; line-height: 22px; font-weight: normal; margin: 0; color: #22bb75; letter-spacing: normal; } .conf .line { width: 30px; height: 2px; background-color: #22bb75; margin: 10px 0; } .cong .congleft { text-align: center; padding: 25px 0 0 0; } .cong .congleft span.glyphicons { font-size: 48px; color: #22bb75; } .cong .congleft p { font-size: 14px; color: #666; margin: 15px 0 0 0; } .cong .congleft .line { background-color: #22bb75; width: 30px; height: 2px; margin: 40px 0 0 0; } .cong .congright { border: 1px solid #e3e3e3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 25px; position: relative; background-color: #fff; } .cong .congright:before { content: ""; background-color: #fff; position: absolute; left: 0; top: 50%; margin: -7px 0 0 -7px; border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; width: 13px; height: 13px; 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 */ } .cong .congright h4 { font-size: 14px; color: #333; line-height: 20px; font-weight: normal; margin: 0 0 10px 0; } .cong .congright a { font-size: 13px; color: #22bb75; text-transform: uppercase; position: relative; margin: 12px 0 0 0; display: inline-block; } .cong .congright a:hover { text-decoration: none; } .cong .congright a:before { position: absolute; content: ""; border-style: solid; border-width: 4px; right: -20px; top: 5px; border-color: transparent transparent transparent #22bb75; } .conh { list-style-type: none; margin: 0; padding: 0; } .conh li { list-style-type: none; } .conh li a { color: #666666; text-decoration: none; border-bottom: 1px dashed #CACACA; display: block; padding: 10px 30px 10px 0; position: relative; 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? */ } .conh li a:hover { color: #22bb75; } .conh li a:before { font-family: 'Glyphicons Regular'; content: "\E225"; position: absolute; width: 17px; height: 17px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #B4B4B4; color: #fff; right: 0; top: 12px; font-size: 8px; line-height: 17px; text-align: center; 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? */ } .conh li a:hover:before { background-color: #22bb75; } .coni { list-style-type: none; margin: 0; padding: 0; } .coni li { list-style-type: none; background-color: #EDEDED; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px 20px 20px 50px; position: relative; margin: 0 0 5px 0; } .coni li span.social { position: absolute; font-size: 24px; color: #EDEDED; background-color: #22bb75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; left: 15px; top: 50%; margin: -12px 0 0 0; } .conj a { border: 1px solid #22bb75; color: #22bb75; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; padding: 10px 25px; margin: 15px 0 0 0; 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? */ } .conj a:hover { text-decoration: none; background-color: #444; border: 1px solid #444; color: #fff; } .conk { margin: 23px 0 0 0; } .conk .conk_top { position: relative; margin: 0 0 7px 0; } .conk .conk_top span.glyphicons { font-size: 40px; color: #22bb75; position: absolute; left: 0; top: 0; } .conk .conk_top h3 { font-size: 14px; color: #333; line-height: 40px; margin: 0 0 0 55px; font-weight: normal; } .conk .conk_con { margin: 0 0 0 40px; background-color: #F3F3F3; border-left: 2px solid #22bb75; padding: 23px; } .conl { background-color: #F4F4F4; border-left: 2px solid #22bb75; padding: 30px 0; } .conl .topa_left h6.topa_lefttitle { color: #22bb75; } .conl .topa_left { font-size: 12px; color: #555; } .conl .topa_right { border: 1px solid #22bb75; color: #22bb75; background-color: #fff; line-height: 39px; margin: 28px 0 0 0; } .conl .topa_right a:hover { text-decoration: none; } .conm_left { text-align: center; background-color: #F0F0F0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 400px; height: 400px; margin: 0 auto; } .conm_left span { font-size: 150px; font-weight: bold; line-height: 140px; color: #22bb75; vertical-align: middle; display: inline-block; margin: 100px 0 0 0; } .conm_left p { font-size: 16px; } .conm_right { padding: 71px 0; } .conm_right h3 { font-size: 20px; color: #333; font-weight: normal; margin-bottom: 15px; } .conm_right span { font-size: 13px; color: #333; } .conm_right ul { margin: 20px 0 0 0; padding: 0; list-style-type: none; } .conm_right li { list-style-type: none; line-height: 30px; padding: 0 0 0 20px; position: relative; } .conm_right li:before { position: absolute; content: ""; width: 5px; height: 5px; background-color: #22bb75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; left: 0px; top: 13px; } .conm_right li a, .conm_right li.last { color: #22bb75; } .conn { } .conn h4 { font-size: 14px; color: #333; font-weight: normal; margin: 0 0 10px 0; } .conn ul { display: inline-block; margin: 20px 80px 20px 0; padding: 0; list-style-type: none; } .conn ul li { list-style-type: none; line-height: 22px; } .conn .icon a { color: #777; 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? */ } .conn .icon a { width: 50px !important; height: 50px; border: 1px solid #cccccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 18px; line-height: 18px; text-align: center; color: #8D8D8D; padding: 14px 0; margin: 0 20px 0 0; } .conn a:hover { text-decoration: none; } .conn p { line-height: 22px; } .conp { background-color: #F0F0F0; } .sector_box { position: relative; } .sector_box div { float: left; position: relative; display: block; height: 100%; margin-right: 20px; } .sector_box div span { position: absolute; bottom: 0; left: 0; width: 100%; } #gmap { width: 100%; height: 438px; } #gmap2 { width: 100%; height: 150px; } .pager { text-align: left; } .news_detail .post_content { padding: 10px 15px !important; } .success, .warning, .info, .bs-example .btn.btn-default, .bs-docs-example .btn.btn-default { color: #444; } /* *************** HomePage2 ****************** */ .home2_topa { margin: 0; list-style-type: none; } .home2_topa li { display: inline-block; width: 33%; border-left: 1px solid #fff; position: relative; padding: 17px 0 17px 119px; } .home2_topa li:first-child { border-left: none; } .home2_topa li span { position: absolute; width: 80px; height: 80px; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; line-height: 76px; font-size: 40px; text-align: center; left: 22px; top: 50%; margin: -40px 0 0 0; } .home2_topa li h3 { font-size: 20px; color: #fff; margin: 0 0 5px 0; } .home2_topa li p { font-size: 15px; color: #fff; margin: 0; } .home2_cona { position: relative; text-align: center; } .home2_cona .number { font-size: 120px; color: #e9e8e8; line-height: normal; display: inline-block; background-color: #fff; padding: 0 45px; } .home2_cona .title { font-size: 40px; color: #333333; line-height: normal; position: absolute; width: 100%; text-align: center; top: 50%; margin: -27px 0 0 0; } .home2_cona .linebox { position: absolute; width: 100%; top: 50%; z-index: -1; } .home2_cona .linebox .line { width: 370px; height: 1px; margin: 0 auto; background-color: #22bb75; } .home2_conb { text-align: center; padding: 0 10px; } .home2_conc { position: relative; padding: 30px 0; } .home2_conc .timebox { padding: 0 150px; } .home2_conc .time { width: 67px; height: 67px; background-color: #22bb75; color: #fff; border: 6px solid #E3E7E8; text-align: center; line-height: 55px; font-size: 12px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto; } .home2_conc .linebox { position: absolute; width: 100%; height: 4px; background-color: #ECF0F1; top: 50%; margin: -2px 0 0 0; } .home2_cond { padding: 20px 0 0 0; } /*.home2_cond_left{ position:relative; width:447px; height:374px; } .home2_cond_left_center{ position: absolute; top:50%; left:50%; z-index:10; margin:-40px 0 0 -40px; } .home2_cond_left_top{ position: absolute; top:0; left:50%; z-index:9; margin:0 0 0 -135px; } .home2_cond_left_right{ position: absolute; top:50%; right:0; z-index:8; margin:-135px 0 0 0 ; } .home2_cond_left_left{ position: absolute; top:50%; left:0; z-index:7; margin:-135px 0 0 0 ; } .home2_cond_left_bottom{ position: absolute; bottom:0; left:50%; z-index:6; margin:0 0 0 -135px; }*/ .home2_cond h3 { font-size: 20px; color: #333; font-weight: normal; margin: 0; } .home2_cond .line { width: 30px; height: 3px; background-color: #22bb75; margin: 20px 0; } .home2_cond_boxa, .home2_cond_boxc { padding: 25px 0; } .home2_cond_boxb ul { margin: 0; padding:; list-style-type: none; } .home2_cond_boxb ul li { list-style-type: none; border-top: 1px solid #ddd; display: inline-block; padding: 25px 0 0 0; } .home2_cond_boxb ul li:first-child { border-top: none; padding: 25px 0; } .home2_cond_boxb ul li img { float: left; padding: 0 30px 0 0; } .home2_cond_boxb ul li p a { padding: 15px 0 0 0; display: inline-block; } .home2_conbg_1 { background-color: #F5F5F5; position: relative; z-index: 0; padding: 20px 0 40px 0; } .home2_conbg_1 .home2_cona .number { background-color: #F5F5F5; } .home2_conbg_1 .home2_cona .number { color: #dedede; } .home2_conbg_2 { background-color: #22bb75; background-image: url(images/home2_conbg_2.png); } .SectionStyles5 .home2_cona .linebox, .SectionStyles6 .home2_cona .linebox { display: none; } .SectionStyles5 .home2_cona .number, .SectionStyles6 .home2_cona .number { color: #222; color: rgba(255,255,255,0.2); position: relative; background-color: transparent; } .SectionStyles5 .home2_cona .number:before, .SectionStyles6 .home2_cona .number:before { position: absolute; content: ""; width: 70px; height: 1px; background-color: #fff; left: 0; top: 50%; margin: 0 0 0 -70px; } .SectionStyles5 .home2_cona .number:after, .SectionStyles6 .home2_cona .number:after { position: absolute; content: ""; width: 70px; height: 1px; background-color: #fff; right: 0; top: 50%; margin: 0 -70px 0 0; } .SectionStyles5 .home2_cona .title, .SectionStyles6 .home2_cona .title { color: #fff; } .SectionStyles5 .home2_conb { color: #fff; } .ourteam_1 .team_list { padding: 40px 0; } .ourteam_1 .team_list .team_person .team_img { text-align: center; } .ourteam_1 .team_list .team_content { text-align: center; color: #fff; padding: 20px 0 0 0; } .ourteam_1 .team_list .team_content .team_title { font-size: 16px; } .ourteam_1 .team_list .team_content .team_title2, .ourteam_1 .team_list .team_content p { font-size: 13px; } .ourteam_1 .team_list .team_content .team_titleline { display: inline-block; width: 50px; height: 1px; background-color: #fff; margin: 15px 0; } .ourteam_1 .team_list .team_content .team_social a { width: 40px; height: 40px; display: inline-block; background-color: #fff; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; margin: 5px; 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? */ } .ourteam_1 .team_list .team_content .team_social a:hover { background-color: #22bb75; } .ourteam_1 .team_list .team_content .team_social a span.social { font-size: 18px; color: #fff; background-color: #22bb75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 10px 0; 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? */ } .ourteam_1 .team_list .team_content .team_social a:hover span.social { color: #22bb75; background-color: #fff; } .home2_cone { text-align: center; padding: 30px 0 0 0; } .home2_cone img { display: inline-block; padding: 0 20px; } .home2_conf .cono { margin: 35px 0 0 0; position: relative; } .home2_conf .cono:before { position: absolute; content: ""; width: 1px; height: 100%; } .home2_conf .col-sm-6:nth-child(even) .cono:before { background-color: #E6E6E6; left: -15px; } .home2_conf .centerline { width: 100%; height: 1px; background-color: #e6e6e6; padding: 0 35px 0 0; margin: 35px 0 0 0; } .home2_cong { padding: 50px 0 60px 0; } .home2_cong .home2_cong_left, .home2_cong .home2_cong_center, .home2_cong .home2_cong_right { position: relative; } .home2_cong .home2_cong_left span.glyphicons, .home2_cong .home2_cong_center span.glyphicons, .home2_cong .home2_cong_right span.glyphicons { font-size: 24px; width: 70px; height: 70px; color: #7F7F7F; border: 1px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 68px; position: absolute; left: 0; top: 50%; margin: -35px 0 0 0; text-align: center; } .home2_cong .home2_cong_left p, .home2_cong .home2_cong_center p, .home2_cong .home2_cong_right p { padding: 0 0 0 100px; margin: 0; font-size: 18px; color: #000; line-height: 22px; } .home2_cong .home2_cong_left p span, .home2_cong .home2_cong_center p span, .home2_cong .home2_cong_right p span { font-size: 13px; color: #666; } .footicon a.social { font-size: 22px; color: #ccc; margin: 0 5px; 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? */ } .Theme_Responsive_Home .btn { padding: 10px 25px; } /* *************** HomePage3 ****************** */ .home3topa { list-style-type: none; padding: 0; margin: 0; } .home3topa li { float: left; position: relative; list-style-type: none; padding: 0 0 0 70px; margin: 0 0 0 38px; line-height: normal; color: #999; font-size: 13px; cursor: pointer; } .home3topa li a { width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 50px; text-align: center; font-size: 18px; position: absolute; top: 50%; left: 0; margin: -25px 0 0 0; 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? */ } .home3topa li a span { color: #999; 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? */ } .home3topa li:hover a { background-color: #22bb75; border: 1px solid #22bb75; } .home3topa li:hover a span { color: #fff; } .home3topa li h6 { line-height: normal; font-weight: normal; font-size: 13px; color: #444; margin: 0; } .home3banner_left { margin: 0; padding: 0; list-style-type: none; background-color: #fff; border: 1px solid #d3d3d3; } .home3banner_left li { padding: 0 0 0 18px; } .home3banner_left li:nth-child(odd) { background-color: #F4F4F4; } .home3banner_left li:first-child { background-color: #22bb75; color: #fff; font-size: 18px; line-height: 46px; margin: -1px; } .home3banner_left li a { font-size: 13px; color: #666; display: inline-block; padding: 10px 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? */ } .home3banner_left li a span.glyphicons { font-size: 15px; margin: 0 12px 0 0; } .home3banner_left li:first-child span.glyphicons { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; color: #22bb75; font-size: 12px; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 0 12px 0 0; top: 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? */ } .home3banner_left li a:hover { text-decoration: none; color: #22bb75; } .home3banner_left li a:hover span.glyphicons { color: #22bb75; } .home3cona { background-color: #FAFAFA; border: 1px solid #DDDDDD; padding: 15px; position: relative; color: #22bb75; font-size: 13px; text-transform: uppercase; font-weight: bold; line-height: 23px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); } .home3cona h6 { color: #666; font-size: 24px; line-height: 28px; margin: 0; } .home3cona span.glyphicons { position: absolute; width: 50px; height: 50px; top: 50%; margin: -25px 0 0 0; right: 15px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #E6E6E6; color: #22bb75; font-size: 20px; line-height: 50px; text-align: center; } .home3conb { margin: 0; padding: 0; list-style-type: none; border: 1px solid #DDDDDD; } .home3conb li { float: left; padding: 30px; width: 25%; margin-top: -1px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; position: relative; cursor: pointer; transition: box-shadow ease-in 200ms; -moz-transition: box-shadow ease-in 200ms; /* Firefox 4 */ -webkit-transition: box-shadow ease-in 200ms; /* Safari and Chrome */ -o-transition: box-shadow ease-in 200ms; /* Opera */ -ms-transition: box-shadow ease-in 200ms; /* IE9? */ } .home3conb li:hover { box-shadow: 1px 1px 7px rgba(0,0,0,0.5); } .home3conb li:first-child, .home3conb li:nth-child(5) { border-left: none; } .home3conb li .image { text-align: center; } .home3conb li .image img { display: inline-block; width: auto \9; } .home3conb li .tips { position: absolute; left: 0px; top: 15px; font-size: 14px; color: #fff; text-transform: uppercase; padding: 5px 20px 5px 15px; margin: 0 0 0 -1px; height: 32px; } .home3conb li:nth-child(1) .tips, .home3conb li:nth-child(4) .tips, .home3conb li:nth-child(5) .tips, .home3conb li:nth-child(8) .tips { background-color: #E8B400; } .home3conb li:nth-child(2) .tips, .home3conb li:nth-child(6) .tips { background-color: #E80018; } .home3conb li:nth-child(3) .tips, .home3conb li:nth-child(7) .tips { background-color: #50C77D; } .home3conb li .tips .tipscolor { } .home3conb li .tips:before { position: absolute; content: ""; border-width: 16px; border-style: solid; border-color: transparent transparent transparent #F00; top: 0; left: 100%; margin: 0; } .home3conb li:nth-child(1) .tips:before, .home3conb li:nth-child(4) .tips:before, .home3conb li:nth-child(5) .tips:before, .home3conb li:nth-child(8) .tips:before { border-left-color: #E8B400; } .home3conb li:nth-child(2) .tips:before, .home3conb li:nth-child(6) .tips:before { border-left-color: #E80018; } .home3conb li:nth-child(3) .tips:before, .home3conb li:nth-child(7) .tips:before { border-left-color: #50C77D; } .home3conb li h6.Model { margin: 20px 0 5px 0; font-size: 14px; color: #333; font-weight: normal; } .home3conb li p.name { font-size: 14px; color: #999; text-transform: uppercase; margin: 0; } .home3conb li .line { width: 100%; height: 1px; background-color: #DDDDDD; margin: 13px 0; } .home3conb li .Price { font-weight: bold; text-transform: uppercase; font-size: 14px; } .home3conb li .Price .Priceleft { color: #ccc; text-decoration: line-through; float: left; } .home3conb li .Price .Priceright { color: #22bb75; float: right; } @media only screen and (min-width: 768px) and (max-width: 991px) { .home3topa { margin-bottom: 10px; } .home3topa li { padding: 10px 0 10px 70px; text-align: left; } } @media only screen and (max-width: 767px) { .home3topa { margin-top: 10px; display: inline-block; } .home3topa li { padding: 0 0 10px 30px; margin: 0; text-align: left; float: left; } .home3topa li a { width: 25px; height: 25px; border: none !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 25px; text-align: center; font-size: 12px; position: absolute; top: 0%; left: 0; margin: -0 0 0 0; } } .home3conc { background-image: url(images/home3conc.png); background-repeat: no-repeat; background-position: center bottom; padding: 0 0 40px 0; position: relative; } .home3conc:before { position: absolute; content: ""; border-width: 20px; border-style: solid; border-color: #fff #fff transparent transparent; top: 0; right: 0; } .home3conc:after { position: absolute; content: ""; border-width: 20px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.2) rgba(0,0,0,0.2); top: 0; right: 0; } .home3conc .home3conc_1, .home3conc .home3conc_2, .home3conc .home3conc_3 { padding: 27px; color: #fff; font-size: 13px; } .home3conc .home3conc_1 { background-color: #6EBE59; } .home3conc .home3conc_1 .title span.glyphicons { color: #6EBE59; } .home3conc .home3conc_2 { background-color: #4EC19D; } .home3conc .home3conc_2 .title span.glyphicons { color: #4EC19D; } .home3conc .home3conc_3 { background-color: #54BBCA; } .home3conc .home3conc_3 .title span.glyphicons { color: #54BBCA; } .home3conc .title { font-size: 30px; color: #fff; margin: 0 0 20px 0; } .home3conc .title span.glyphicons { width: 20px; height: 20px; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 12px; text-align: center; line-height: 20px; margin: 0 15px 0 0; top: -3px; } .home3conc p.test { margin: 0; } .home3conc .list { margin: 20px 0; padding: 0; list-style-type: none; } .home3conc .list li { line-height: 30px; } .home3conc .list li span.glyphicons { font-size: 14px; margin: 1px 10px 0 0; } .home3conc a.link { display: inline-block; color: #fff; background-color: rgba(0,0,0,0.2); padding: 9px 29px; text-transform: uppercase; 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? */ } .home3conc a.link:hover { background-color: #444444; text-decoration: none; } .home3cond { background-color: #E5E5E5; padding: 40px 0 90px 0; } .home3cond h3.title { font-size: 26px; color: #333; text-align: center; margin: 0 0 20px 0; } .home3cond .line { width: 50px; height: 3px; background-color: #22bb75; margin: 0 auto 30px; } .home3cond_box { padding: 0 0 2px 0; } .home3cond_box .home3cond_box_left { float: left; width: 50%; } .home3cond_box .home3cond_box_right { background-color: #fff; float: left; width: 50%; padding: 16px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); } .home3cond_box .home3cond_box_right h3 { font-size: 14px; color: #333; font-weight: normal; margin: 0; } .home3cond_box .home3cond_box_right h4 { font-size: 14px; color: #999; font-weight: normal; margin: 0 0 8px 0; } .home3cond_box .home3cond_box_right p { font-size: 13px; } .home3cond_box .home3cond_box_right .Price .Priceleft { font-size: 15px; color: #E4AA0D; float: left; } .home3cond_box .home3cond_box_right .Price .Priceleft span.glyphicons { margin: 0 2px 0 0; } .home3cond_box .home3cond_box_right .Price .Priceright { font-size: 14px; color: #22bb75; text-transform: uppercase; font-weight: bold; float: right; } .home3cond_box .home3cond_box_right .line { background-color: #ddd; width: 100%; height: 1px; margin: 8px 0; } .home3bottoma { width: 100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: -50px auto 0; background-color: #22bb75; line-height: 125px; text-align: center; } .home3bottoma span.glyphicons { font-size: 39px; color: #fff; } .home3bottomb { margin: 40px auto 0; background-color: #fff; height: 60px; width: 830px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .home3bottomb .home3bottomb_left { font-size: 15px; background: none; border: none; float: left; height: 60px; position: relative; white-space: nowrap; display: block; text-align: left; color: #aaa; padding-left: 10px; outline-style: none; width: 600px; } .home3bottomb a.home3bottomb_right { text-decoration: none; display: inline-block; float: right; padding: 18px 39px; overflow: hidden; color: #fff; background-color: #22bb75; text-align: center; font-family: 'bbcnasim'; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 15px; font-weight: bold; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; 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; } .home3bottomb a.home3bottomb_right:hover { background-color: #444444; } .home3bottomc { padding: 0 0 0 90px; position: relative; } .home3bottomc span.glyphicons { background-color: #4F4F4F; width: 70px; height: 70px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; top: 0; font-size: 24px; color: #8D8D8D; text-align: center; line-height: 70px; } .home3bottomc h3 { font-size: 14px; color: #fff; font-weight: normal; line-height: 26px; } .home3bottomc p { font-size: 13px; color: #bbb; } .home3bottomc span.date { font-size: 13px; color: #22bb75; } .home3bottomcline { width: 100%; height: 1px; background-color: #3C3C3C; margin: 20px 0; } /* ********** BOTTOM ************** */ #dnn_bottom { } .bottom_colors, .bottom_colors .Normal { color: #bbb; } .bottoma p { margin: 0 0 20px 0; } .bottoma a { 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? */ } .bottoma a:hover { text-decoration: underline; } .bottoma p.socialicon_footer { margin: 10px 0 0px 0; } .bottoma p.socialicon_footer a { color: rgba(255,255,255,0.3); font-size: 24px; 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? */ } .bottoma p.socialicon_footer a:hover { color: #22BB75; text-decoration: none; } .bottomb { list-style-type: none; margin: 0; padding: 0; } .bottomb li { list-style-type: none; padding: 7px 0; } .bottomb li .bottomb_left { width: 50px; height: 50px; background-color: rgba(255,255,255,0.1); text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; float: left; margin: 6px 20px 0 0; } .bottomb li .bottomb_left span.glyphicons { font-size: 16px; color: #919191; line-height: 48px; } .bottomb li .bottomb_right p { color: #bbb; } .bottomb li .bottomb_right span { color: #777; } .bottomc a { display: inline-block; margin: 0px 6px 8px 0px; outline: none; line-height: 20px; padding: 7px 19px; color: #bbb; border: 1px solid #888; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 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? */ } .bottomc a:hover { color: #22BB75; border: 1px solid #22BB75; } /* ********** FOOTER ************** */ footer { padding: 26px 0; } .copyright_style { float: left; color: #bbb; } .FootPane, .foota { float: right; color: #22BB75; } .foota a { padding: 0 5px; text-decoration: none; } .foota a:hover { text-decoration: underline; } .to_topmain { position: relative; z-index: 2; } #to_top { width: 45px; height: 45px; font-size: 0px; background-color: #777; text-align: center; float: right; cursor: pointer; margin: 2px 0px 0px 0px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: fixed; bottom: 25px; right: 25px; display: none; 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; } #to_top:before { content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; border-top: 5px solid rgba(255,255,255,0.4); border-left: 5px solid rgba(255,255,255,0.4); margin: -4px 0 0 -6px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transition: border ease-in 200ms; -moz-transition: border ease-in 200ms; -webkit-transition: border ease-in 200ms; -o-transition: border ease-in 200ms; -ms-transition: border ease-in 200ms; } #to_top:hover:before { border-top: 5px solid #fff; border-left: 5px solid #fff; } /*-- 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? */ } @media only screen and (min-width: 1200px) { .dnn_layout { width: 1170px; } .head_mid, .content_mid, .bottom_mid, .footer_mid { padding: 0 20px; } .conl { padding: 30px; } .topg p { padding: 0 135px; } .home2_topa li { padding: 17px 40px 17px 147px; } .home2_topa li span { left: 50px; } .home2_cond_left { width: 490px; height: 410px; } /*anchor Nav*/ #anchorNav { right: 100px; } .home3conc .home3conc_1, .home3conc .home3conc_2, .home3conc .home3conc_3 { padding: 40px; } .home3cona { padding: 25px 30px; } .home3cona span.glyphicons { width: 90px; height: 90px; margin: -45px 0 0 0; left: 30px; right: auto; font-size: 35px; line-height: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .topbout, .topbline, .topbline3, .topbline4 { display: none; } .topbbox1, .topbbox2 { margin-top: 0px; } .topbbox3, .topbbox4 { margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /* ********** Pane Style ************** */ [class*="Pane"], .row [class*="Pane"] { padding: 0px 0px 30px 0px; } .HeadPane_mobile { padding: 0; } .DNNEmptyPane { display: none; } .pt40 { padding-top: 30px; } .pb40 { padding-bottom: 30px; } .mt40 { margin-top: 30px; } .mb40 { margin-bottom: 30px; } .BannerPane, .top_dp .TopDPane, .LightGreyBGPane, .LightGreyBGPaneB, .row .BotBGPaneA, .row .BotBGPaneB, .FootPane, .ConPaneB, .ConPaneD, .ConPaneF, .header2 .HeadPane, .header3 .HeadPane, .HeadPaneB { padding: 0; } .dnn_layout { width: 750px; } #dnn_content { padding: 30px 0 0 0; } .head_mid, .content_mid, .bottom_mid, .footer_mid { padding: 0 15px; } .topa_right { margin: 20px 0 0 0; } .topc_right ul.topc_righbox .topc_righbox_icon { float: left; } .topc_right ul.topc_righbox .topc_righbox_text { display: block; top: 0; } .conf { padding: 0 0 0 70px; } .conf .icon { width: 50px; height: 50px; } .conf .icon span.glyphicons { line-height: 48px; font-size: 18px; } .conm_left { width: 300px; height: 300px; } .conm_left span { font-size: 120px; margin: 60px 0 0 0; } .conm_right { padding: 0px 0; } .topg p { padding: 0; } .SectionStyles7_conbox1 .SectionStyles7_conbox2 { margin: 0 0 10px 0; } .home2_topa li { padding: 17px 0 17px 52px; border-left: none; } .home2_topa li span { width: 40px; height: 40px; line-height: 36px; font-size: 30px; left: 6px; margin: -20px 0 0 0; } .ourteam_1 .team_list .team_person .team_img img { display: inline-block; } .home2_cone img { max-width: 43%; padding: 0; } .home2_cona .number { line-height: 120px; } .ourteam_1 .team_list { padding: 30px 0; } .home2_cond_left { width: 345px; height: 289px; } /*anchor Nav*/ #anchorNav { right: 20px; } .home3cona { padding: 25px 60px 25px 25px; } .home3cona h6 { font-size: 16px; line-height: 22px; Font-Family: 'bbcnasim'; } .home3conb li { width: 50%; } .home3conb li:first-child, .home3conb li:nth-child(3), .home3conb li:nth-child(5), .home3conb li:nth-child(7) { border-left: none; } .home3bottomb { width: 100%; } .home3bottomb .home3bottomb_left { width: 520px; } .home3bottomc { padding: 0; } .home3bottomc span.glyphicons { display: none; } .roll_menu.roll_activated .dnn_logo { max-width: 120px; } } @media only screen and (max-width: 767px) { /* ********** Pane Style ************** */ [class*="Pane"], .row [class*="Pane"] { padding: 0px 0px 20px 0px; } .HeadPane_mobile { padding: 10px 0 0; text-align: center; } .DNNEmptyPane { display: none; } .pt40 { padding-top: 20px; } .pb40 { padding-bottom: 20px; } .mt40 { margin-top: 20px; } .mb40 { margin-bottom: 20px; } .BannerPane, .top_dp .TopDPane, .LightGreyBGPane, .LightGreyBGPaneB, .row .BotBGPaneA, .row .BotBGPaneB, .FootPane, .ConPaneB, .ConPaneD, .ConPaneF, .header2 .HeadPane, .header3 .HeadPane, .HeadPaneB { padding: 0; } .dnn_layout { width: auto; } #dnn_wrapper { min-height: 100%; overflow: hidden; position: relative; } #dnn_content { padding: 20px 0; } .head_mid { padding: 15px; min-height: 37px; } .top_mid { padding: 0 15px; } .topa .col-md-3.col-sm-4 { text-align: center; } .topa_right { margin: 20px 0 0 0; } .tp-caption a.bannerbutton { font-size: 14px; padding: 5px 10px; } .SliderRevolution3D.defaultskin .tp-leftarrow.default, .SliderRevolution3D.defaultskin .tp-rightarrow.default, .topbout, .topbline, .topbline3, .topbline4 { display: none; } .topbbox1, .topbbox2 { margin-top: 0px; padding: 0 15px; } .topbbox3, .topbbox4 { margin-top: 20px; padding: 0 15px; } .topc_left .topc_imga { text-align: center; margin: 0 15px 20px; } .topc_right h2, .topc_right p, .topc_right ul.topc_righbox { } .topc_right .topc_rightline { margin: 0 15px 20px 18px; } .topc_right a { display: block; text-align: center; margin: 20px 15px 0 15px; } a.Button_default.Button_style { display: block; text-align: center; margin: 20px 15px; } .conl { padding: 30px; } .topg p { padding: 0; } .SectionStyles1, .SectionStyles2, .SectionStyles3_bg, .SectionStyles4_bg { padding-top: 20px; padding-left: 15px; padding-right: 15px; } .SectionStyles3 h3, .SectionStyles4 h3 { font-size: 20px; } .SectionStyles7_con p { padding: 0; } .SectionStyles7_conbox1 .SectionStyles7_conbox2 { margin: 10px 0; } .boxes_style_5 .boxes .but a.Button_default2 { padding: 9px 20px; display: inline-block; } .content_mid, .bottom_mid, .footer_mid { padding: 0 15px; } .bread_mid { padding-left: 15px; padding-right: 15px; } .cona .conaleft { margin: 0 0 20px 0; } .conba { background-size: inherit; } .cone { margin: 20px 0 0 0; } .conf { padding: 0 0 0 70px; } .conf .icon { width: 50px; height: 50px; } .conf .icon span.glyphicons { line-height: 48px; font-size: 18px; } .cong .congleft .line { margin: 20px auto; } .cong .congright:before { display: none; } .conm_left { width: 200px; height: 200px; } .conm_left span { font-size: 70px; line-height: 70px; margin: 45px 0 0 0; } .conm_left p { font-size: 14px; } .home2_topa li { padding: 10px 0 10px 65px; border-left: none; width: 100%; } .home2_topa li span { left: 0px; width: 50px; height: 50px; line-height: 46px; margin: -25px 0 0 0; } .home2_cona .number { line-height: 120px; } .home2_conc .timebox { padding: 0; } .home2_conc .time { width: 46px; height: 46px; border: 3px solid #E3E7E8; line-height: 40px; } .home2_cona .linebox .line { width: 100%; } .home2_conb { padding: 0; } .home2_cond_boxa, .home2_cond_boxc { padding: 0; } .home2_cond_boxb ul li img { padding: 0 10px 0 0; } .ourteam_1 .team_list { padding: 20px 0; } .ourteam_1 .team_list .team_person .team_img img { display: inline-block; } .home2_cone { padding: 10px 0 0 0; } .home2_conf .cono:before, .home2_conf .centerline { display: none; } .home2_cong { padding: 20px 0; } .home2_cong .home2_cong_left, .home2_cong .home2_cong_center, .home2_cong .home2_cong_right { padding: 15px 0; } .home2_cong .home2_cong_left p, .home2_cong .home2_cong_center p, .home2_cong .home2_cong_right p { padding: 0 0 0 80px; } .home2_cond_left { width: 270px; height: 226px; } .home3cona { margin: 5px 0; } .home3conb li { width: 50%; } .home3conb li:first-child, .home3conb li:nth-child(3), .home3conb li:nth-child(5), .home3conb li:nth-child(7) { border-left: none; } .home3bottomb { margin: 20px auto 0; height: 40px; width: 100%; } .home3bottomb .home3bottomb_left { font-size: 12px; height: 40px; width: 165px; } .home3bottomb a.home3bottomb_right { padding: 11px 20px 10px; font-size: 12px; } .home3bottomc { padding: 0; } .home3bottomc span.glyphicons { display: none; } .conm_right { padding: 20px 0; } .copyright_style { float: none; text-align: center; } .FootPane, .foota { float: none; text-align: center; } /*--------- Mobile Menu style ----------*/ .mobile_main { } .mobile_main .dnn_logo { padding: 0; height: 40px; line-height: 40px; margin: 0; } .mobile_main .mobilep { margin: 0; } .mobile_main .mobilep_top, .mobile_main .headp, .mobile_main .search_ps { float: right; display: inline-block; padding: 5px 0; } .mobile_main .headp .login_icon, .mobile_main .search_ps .search_icon { } .mobile_main .headp .login_icon span.glyphicons, .mobile_main .search_ps .search_icon span.glyphicons { } .mobile_main .headp.Open .login_icon span.glyphicons:before, .mobile_main .search_ps.Open .search_icon span.glyphicons:before { content: "\E208"; } .mobile_main .header_element .element_box { margin-top: 15px; } .mobile_main .header_element .headp.Open .element_box, .mobile_main .header_element .search_ps.Open .element_box { filter: alpha(opacity=100); opacity: 1; z-index: 1000; } .mobile_main .header_element .headp.Open .element_box.login:before, .mobile_main .header_element .search_ps.Open .element_box.searchBox:before { filter: alpha(opacity=100); opacity: 1; z-index: 1000; } .mobile_main .header_element .element_box.login { right: 38px; text-align: center; } /*--------- Mobile Menu style ----------*/ .mobile_icon { width: 30px; height: 30px; margin: 0 0 0 15px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #666; text-align: center; cursor: pointer; display: inline-block; } .mobile_menu.mm-menu { z-index: 1024; width: 100%; top: -100%; bottom: auto; height: 100%; max-width: 100%; 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? */ display: block !important; } .mm-opened .mobile_menu.mm-menu { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } html.mm-opening.mm-opened .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } html.mm-blocking.mm-opened #mm-blocker { display: none; } .mobilemenu_close { display: block; font-size: 0; height: 28px; line-height: 28px; overflow: hidden; text-align: center; text-decoration: none !important; } .mobilemenu_close:before { content: "\E115"; font-family: "Glyphicons Regular"; font-size: 13px; color: #4f4f4f; text-decoration: none; } .mobile_menu .mm-close.mm-btn:before { content: "\E208"; font-family: "Glyphicons Regular"; 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: "\E225"; font-family: "Glyphicons Regular"; font-size: 15px; display: inline-block; } .mobile_menu .mm-next:after { border: none; transform: none; -webkit-transform: none; content: "\E224"; font-family: "Glyphicons Regular"; font-size: 13px; display: inline-block; top: -13px; } .mobile_menu .mm-navbar .mm-btn { line-height: 46px; } .mobile_menu .Container-3 .title3 { color: initial; text-align: center; padding: 10px 0 0; display: block; } /*anchor Nav*/ #anchorNav { display: none !important; } } @media only screen and (min-width: 768px) { .mobile_menu.mm-menu { display: none !important; } html.mm-opening.mm-opened .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } @media only screen and (max-width: 525px) { .home3conb li { width: 100%; border-left: none !important; } } @media print { a:link:after { content: " "; } } /*Element Hide*/ @media only screen and (max-width: 767px) { .ElementHide-xs, tr.ElementHide-xs, th.ElementHide-xs, td.ElementHide-xs { 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 (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: 1200px) { .ElementHide-lg, tr.ElementHide-lg, th.ElementHide-lg, td.ElementHide-lg { display: none !important; } } @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) { } /*loading*/ .loading { width: 26px; height: 26px; position: relative; } .loading .container1 > div, .loading .container2 > div, .loading .container3 > div { width: 6px; height: 6px; background-color: #333; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .loading .loading-container { position: absolute; width: 100%; height: 100%; } .loading .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .loading .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .loading .circle1 { top: 0; left: 0; } .loading .circle2 { top: 0; right: 0; } .loading .circle3 { right: 0; bottom: 0; } .loading .circle4 { left: 0; bottom: 0; } .loading .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .loading .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .loading .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .loading .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .loading .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .loading .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .loading .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .loading .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .loading .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .loading .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .loading .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .isotope_grid .loading { position: absolute; bottom: 10px; left: 50%; margin: 0 0 0 -10px; } /***new portfolios group***/ .isotope_grid .portfolios_group { padding: 5px 0 30px; position: relative; text-align: left; } .isotope_grid .portfolios_group a { display: inline-block; font-size: 14px; } .isotope_grid .portfolios_group a:first-child { margin-left: 0; } @media only screen and (max-width: 767px) { .isotope_grid .portfolios_group a { margin: 0 5px; } } /***portfolios button***/ a.portfolios_default_btn { width: 120px; line-height: 36px !important; display: inline-block; font-size: 12px; padding: 0; text-align: center; text-decoration: none; margin-right: 10px; margin-bottom: 0; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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? */ } @media only screen and (max-width: 767px) { a.portfolios_default_btn { margin-right: 2px; } } /***portfolios carousel***/ .portfolios_carousel_title { font-size: 20px; color: #333333; padding: 23px 0 15px; } /***Grid layouts***/ .Grid_layouts .isotope_main { margin-left: -15px; } .Grid_layouts .isotope_item .photo_box { margin: 0 0 15px 15px; } .Grid_layouts .photo_box .content h3 { font-size: 16px; line-height: 1.8; margin: 0; text-transform: uppercase; } .Grid_layouts .photo_box .content p { font-size: 13px; margin-bottom: 15px; } .Grid_layouts .photo_box .content a { font-size: 14px; color: #ffffff; line-height: 36px; border: 1px solid #ffffff; padding: 8px 45px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .Grid_layouts .photo_box .shade { background-color: #22bb75; } .Grid_layouts .photo_box:hover .shade { opacity: 0.8; } @media only screen and (max-width: 767px) { .Grid_layouts .isotope_main { margin-left: 0; } .Grid_layouts .isotope_item .photo_box { margin: 0 0 15px; } } /***Classic layouts***/ .Classic_layouts .isotope_main { margin-left: -15px; } .Classic_layouts .isotope_item .photo_box { margin: 0 0 15px 15px; } .Classic_layouts .photo_box .content h3 { font-size: 14px; line-height: 20px; margin: 0; text-transform: uppercase; } @media only screen and (max-width: 767px) { .Classic_layouts .isotope_main { margin-left: 0; } .Classic_layouts .isotope_item .photo_box { margin: 0 0 15px; } } /***Text layouts***/ .Text_layouts .isotope_main { margin-left: -15px; } .Text_layouts .isotope_item .photo_box { margin: 0 0 15px 15px; } .Text_layouts .photo_box .ico span { width: 50px !important; height: 50px !important; line-height: 50px !important; font-size: 16px; border: 1px solid #ffffff; background: none !important; 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? */ } .Text_layouts .photo_box a:hover span { color: #22bb75; background: #ffffff !important; } .Text_layouts .photo_box .shade { background-color: #22bb75; } .text_style1 { font-size: 12px; padding: 16px 0 19px; } .text_style1 h3 { font-size: 15px !important; color: #333333; text-transform: uppercase; letter-spacing: 0 !important; font-weight: bold !important; } .text_style1 a { font-size: 13px; color: #22bb75; text-transform: uppercase; } .text_style2 { font-size: 13px; color: #666666; padding: 20px 20px 15px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #d4d4d4; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .text_style2 h3 { font-size: 15px !important; color: #333333; text-transform: uppercase; letter-spacing: 0 !important; font-weight: bold !important; } .text_style2 .info { float: right; font-size: 14px; padding-top: 13px; } .text_style2 .info span { margin-right: 3px; } @media only screen and (max-width: 767px) { .Text_layouts .isotope_main { margin-left: 0; } .Text_layouts .isotope_item .photo_box { margin: 0 0 15px; } } /***List layouts***/ .List_layouts .isotope_main { margin-left: 0; } .List_layouts .isotope_main .photo_box { margin: 0; } .List_layouts .isotope_item { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e5e5e5; } .List_layouts_text { font-size: 12px; } .text_style3 { font-size: 13px; color: #666666; } .text_style3 h3 { font-size: 15px; color: #333333; margin: 0 0 7px; text-transform: uppercase; } .List_layouts_text hr { width: 60px; margin: 20px 0; border-color: #22bb75; display: inline-block; } .List_layouts_text p a { margin-top: 26px; } @media only screen and (max-width: 767px) { .List_layouts .isotope_main .photo_box { margin: 0 0 15px; } } /***Sidebar layouts***/ .Sidebar_layouts { padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .Sidebar_layouts .text_style3 { padding: 20px 0 4px; } .Sidebar_layouts p a { margin-top: 13px; } .Sidebar_layouts_categories { margin: 0 0 20px; list-style: none; } .Sidebar_layouts_categories li { border-bottom: 1px solid #d1d1d1; line-height: 39px; font-size: 12px; color: #666666; } .Sidebar_layouts_categories li a { color: #666666; } .Sidebar_layouts_categories .glyphicons { font-size: 12px; color: #22bb75; margin-right: 10px; } .categories_number { float: right; } .Sidebar_layouts_recent_news { font-size: 13px; color: #888888; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d1d1d1; } .Sidebar_layouts_recent_news img { float: left; padding-right: 20px; } .Sidebar_layouts_recent_news .heading { font-size: 14px; padding-top: 8px; } .Sidebar_layouts_links { margin: 0 0 20px; list-style: none; } .Sidebar_layouts_links li { border-bottom: 1px solid #d1d1d1; line-height: 39px; } .Sidebar_layouts_links li a { font-size: 12px; color: #666666; } .Sidebar_layouts_links .glyphicons { color: #22bb75; margin-right: 10px; } /***All Single layouts***/ .Single_Layouts { font-size: 12px; } .Single_Layouts h3 { font-size: 15px; color: #333333; text-transform: uppercase; margin: 20px 0 15px; } .Single_Layouts p { padding-bottom: 11px; } /***page control***/ .page_turning a { font-size: 12px; color: #666666 !important; margin: 0 5px 5px 0; } a.page_control { display: inline-block; line-height: 31px !important; width: 70px; border: 1px solid #cccccc; text-align: center; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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? */ } a.page_number { display: inline-block; height: 30px; line-height: 30px !important; width: 30px; border: 1px solid #cccccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; text-decoration: none; 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? */ } a.page_control:hover, a.page_number:hover { color: #22bb75 !important; border: 1px solid #22bb75; text-decoration: none; } .Single_page { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #d8d8d8; } .Single_page a { font-size: 13px; color: #22bb75; display: inline-block; line-height: 38px !important; width: 100px; border: 1px solid #22bb75; text-align: center; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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? */ } .Single_page a:hover { background-color: #22bb75; color: #ffffff; } .prev_control { float: left; } .next_control { float: right; } /***Home 4***/ .SliderRevolution3D .banner4_btn a { width: 200px; height: 60px; line-height: 60px; font-size: 16px; color: #ffffff; text-align: center; display: block; border: 1px solid #ffffff; text-transform: uppercase; letter-spacing: 1px; 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? */ } .SliderRevolution3D .banner4_btn a:hover { background-color: #444444; color: #ffffff; border: 1px solid #444444; } @media only screen and (min-width: 768px) and (max-width: 991px) { .SliderRevolution3D .banner4_btn a { width: 160px; height: 40px; line-height: 40px; font-size: 14px; } } @media only screen and (max-width: 767px) { .SliderRevolution3D .banner4_btn a { width: 100px; height: 20px; line-height: 20px; font-size: 12px; } } .home4_serve { text-align: center; } .home4_serve .icon { width: 110px; height: 110px; border: 1px solid #22bb75; margin: 0 auto 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; } .home4_serve .icon span.glyphicons { font-size: 35px; color: #22bb75; top: 0; line-height: 108px; } .home4_serve h4 { font-size: 18px; font-weight: normal; } .home4_serve .line { width: 30px; height: 2px; background-color: #22bb75; margin: 20px auto 15px; } .home4_serve p { padding: 0 15px; } .home4_serve .Button_default { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 8px 21px; display: inline-block; margin: 15px 0 10px 0; text-transform: uppercase; } .home4_title { text-align: center; } .home4_title h4 { font-size: 22px; font-weight: normal; line-height: 1; } .home4_title .line { width: 40px; height: 3px; background-color: #22bb75; margin: 25px auto; } .SectionStyles5 .home4_title h4 { color: #ffffff; } .SectionStyles5 .home4_title .line { background-color: #ffffff; } .home4_line_bg { height: 5px; background: url(images/home4_line.png) 0 0 repeat-x; } .home4_three_img { position: relative; } .home4_top_img { position: relative; z-index: 2 } .home4_top_img img { margin: 0 auto; width: 65.64%; } .home4_left_img, .home4_right_img { position: absolute; top: 14%; left: 0; width: 40.68%; z-index: 1; } .home4_right_img { left: auto; right: 0; } .home4_foot_title { font-size: 16px; color: #dddddd; font-weight: bold; } .home4_foot_title hr { border-color: #6a6a6a; } .home4_foot ul { margin: 0; list-style: none; } .home4_foot ul li { margin-bottom: 12px; } .home4_foot ul li span { color: #22bb75; margin-right: 10px; font-size: 10px; } .home4_foot_padding { padding-bottom: 15px; } .home4_info_left, .home4_info_right { float: left; } .home4_info_left { padding-right: 15px; } .foot_bottom_link { color: #22bb75; } .foot_bottom_link span { padding: 0 5px; } /******Home 5******/ /*full_screen_pic*/ .full_screen_pic { position: relative; margin: 0; padding: 0; width: 100%; z-index: 1; } .full_screen_pic:before { } .full_screen_pic li { list-style: none; background-size: cover; background-position: center bottom; } .full_screen_pic .content { text-align: center; position: absolute; left: 0; bottom: 50%; width: 100%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .full_screen_pic .content .title { font-size: 100px; color: #FFF; font-weight: bold; text-transform: uppercase; line-height: 1; } .full_screen_pic .content .title span { color: #ed474a; } .full_screen_pic .content .line { width: 100px; margin: auto; border-bottom: 1px solid #FFF; margin-bottom: 20px; opacity: 0; transition: transform ease-in 500ms, opacity ease-in 500ms; -moz-transition: -moz-transform ease-in 500ms, opacity ease-in 500ms; /* Firefox 4 */ -webkit-transition: -webkit-transform ease-in 500ms, opacity ease-in 500ms; /* Safari and Chrome */ -o-transition: -o-transform ease-in 500ms, opacity ease-in 500ms; /* Opera */ -ms-transition: -ms-transform ease-in 500ms, opacity ease-in 500ms; /* IE9? */ } .full_screen_pic.animations .content .line { } .full_screen_pic .animation_1 { } .full_screen_pic.animations .animation_1 { } .full_screen_pic .animation_2 { } .full_screen_pic.animations .animation_2 { } .full_screen_pic .animation_3 { font-size: 24px; color: #FFF; letter-spacing: 1px; padding: 0; transition: transform ease-in 500ms, opacity ease-in 500ms; -moz-transition: -moz-transform ease-in 500ms, opacity ease-in 500ms; /* Firefox 4 */ -webkit-transition: -webkit-transform ease-in 500ms, opacity ease-in 500ms; /* Safari and Chrome */ -o-transition: -o-transform ease-in 500ms, opacity ease-in 500ms; /* Opera */ -ms-transition: -ms-transform ease-in 500ms, opacity ease-in 500ms; /* IE9? */ } .full_screen_pic.animations .animation_3 { } .full_screen_pic #nextPage { width: 100px; height: 100px; line-height: 100px; font-size: 15px; color: #ffffff; font-weight: bold; margin: 20px auto; position: relative; background-color: #000000; background-color: rgba(0,0,0,0.3); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: opacity ease-in 500ms; -moz-transition: opacity ease-in 500ms; /* Firefox 4 */ -webkit-transition: opacity ease-in 500ms; /* Safari and Chrome */ -o-transition: opacity ease-in 500ms; /* Opera */ -ms-transition: opacity ease-in 500ms; /* IE9? */ cursor: pointer; } .full_screen_pic #nextPage:after { content: ""; border-bottom: 5px solid #ffffff; border-right: 5px solid #ffffff; width: 15px; height: 15px; display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; 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: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; /* Firefox 4 */ -webkit-transition: all ease-in 0.3s; /* Safari and Chrome */ -o-transition: all ease-in 0.3s; /* Opera */ -ms-transition: all ease-in 0.3s; /* IE9? */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .full_screen_pic.animations #nextPage { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } .full_screen_pic #nextPage:hover:after { top: 55%; } .full_screen_pic .banner_socials { padding: 20px 0; } .full_screen_pic .banner_socials a { display: inline-block; width: 65px; height: 65px; line-height: 61px; border: 1px solid #ffffff; margin: 0 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 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? */ } .full_screen_pic .banner_socials a:hover { background-color: #000000; background-color: rgba(0,0,0,0.3); border-color: transparent; } @media only screen and (min-width: 768px) and (max-width: 991px) { .full_screen_pic .content .title { font-size: 80px; } } @media only screen and (max-width: 767px) { .full_screen_pic .animation_1 img { width: 150px; } .full_screen_pic .content .title { line-height: 1; font-size: 28px; padding-bottom: 20px; } .full_screen_pic .animation_3 { font-size: 14px; line-height: 1.2; padding-bottom: 20px; } .full_screen_pic #nextPage { margin: 0px auto; width: 60px; height: 60px; line-height: 60px; } .full_screen_pic.animations #nextPage { } .full_screen_pic .banner_socials a { width: 45px; height: 45px; line-height: 41px; margin: 0 5px; } } .home5_head_link { font-size: 16px; color: #666666; text-align: center; } .home5_head_link a { display: inline-block; color: #666666 !important; width: 40px; height: 40px; line-height: 40px; border: 1px solid #666; margin: 0 3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 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? */ } .home5_head_link a:hover { color: #22bb75 !important; border-color: #22bb75; } .home5_full_left { width: 50%; height: 100%; background: url(images/home5_pic2.jpg) center 0 no-repeat; background-size: cover; position: absolute; left: 0; top: 0; } .home5_full_right { float: right; width: 50%; padding: 20px 60px; } .home5_full_right h4 { font-size: 20px; font-weight: normal; } .home5_right_infos { padding-top: 5px; border-bottom: 1px solid #000000; border-bottom: 1px solid rgba(0,0,0,0.15); } .home5_right_infos > div { padding: 10px 0; border-top: 1px solid #000000; border-top: 1px solid rgba(0,0,0,0.15); } .home5_right_infos .glyphicons { display: inline-block; background-color: #22bb75; color: #ffffff; width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-right: 28px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .home5_info_name { width: 80px; display: inline-block; } .home5_full_btn a { display: inline-block; width: 150px; height: 45px; line-height: 43px; text-align: center; margin: 15px 20px 0 0; border: 1px solid #22bb75; color: #22bb75; text-decoration: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; 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? */ } .home5_full_btn a:hover { background-color: #22bb75; color: #ffffff !important; } .home5_feature_top img { padding: 20px 0 10px; max-width: 100%; } .home5_feature_bottom ul { margin: 0; list-style: none; } .home5_feature_bottom ul li { margin-bottom: 5px; } .home5_ico { display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url(images/arrow-3.png) center 4px no-repeat #22bb75; position: relative; top: 3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .home5_services { background-color: #ffffff; padding: 0 45px; margin-top: 40px; color: #666666; } .home5_services h3 { color: #000000; font-size: 16px; font-weight: normal; margin-top: 20px; } .home5_services .glyphicons { width: 80px; height: 80px; line-height: 70px; color: #ffffff; font-size: 22px; border: 5px solid #ffffff; background-color: #22bb75; margin-top: -40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .home5_services div { padding-bottom: 40px; } .home5_services a { text-transform: uppercase; } .home5_num_circle { width: 230px; height: 230px; border: 3px solid #22bb75; text-align: center; color: #22bb75; font-size: 16px; margin: 30px auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .home5_num_circle div { font-size: 48px; padding-top: 50px; } .home5_news { border-bottom: 1px solid #5a5a5a; padding-bottom: 20px; margin-bottom: 20px; } .home5_news_left { float: left; text-align: center; padding: 5px 20px 0 0; } .home5_news_left .glyphicons { width: 49px; height: 49px; line-height: 49px; background-color: #484848; font-size: 25px; } .home5_news_right { overflow: hidden; } .home5_news_accent { color: #22bb75; } .home5_touch_info { padding: 16px 0; } .home5_touch_info p span { display: inline-block; width: 70px; } .home5_touch_social a.social { font-size: 36px; } .home5_bottom_img { position: relative; min-height: 218px; } .home5_bottom_img1, .home5_bottom_img2, .home5_bottom_img3, .home5_bottom_img4 { position: absolute; } .home5_bottom_img1 { width: 26.24%; bottom: 0; z-index: 5; } .home5_bottom_img2 { width: 36.67%; left: 21.88%; bottom: 0; z-index: 3; } .home5_bottom_img3 { width: 26.24%; left: 51.71%; bottom: 0; z-index: 4; } .home5_bottom_img4 { width: 30%; left: 70%; bottom: 0; z-index: 2; } .BannerPane_right { margin-top: 170px; } @media only screen and (min-width: 1200px) { .home5_bottom_img { min-height: 267px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .home5_full_right { padding: 20px; } .home5_bottom_img { min-height: 170px; } } @media only screen and (max-width: 767px) { .BannerPane_right { margin-top: 20px; } .home5_full_left { position: relative; width: 100%; height: 200px; } .home5_full_right { float: none; width: 100%; padding-left: 15px; padding-right: 15px; } .home5_right_infos .glyphicons { margin-right: 10px; } .home5_right_infos { font-size: 11px; } .home5_info_name { width: 50px; } .SectionStyles5 .row .col-sm-4 { padding-bottom: 15px; } .home5_num_circle { margin-bottom: 0; } .home5_bottom_img { min-height: 170px; } } /*aboutus02*/ .isotope_l, .isotope_r { float: left; width: 50%; } .isotope_l .isotope_item { float: left; } .width_60.height_40, .width_40.height_40 { width: 50%; } .isotope_grid_new_new { width: 100%; overflow: hidden; position: relative; } .isotope_grid_new .isotope_item .pic_box img { width: 100% } .isotope_grid_new .isotope_group { text-align: center; padding: 10px 0; } .isotope_grid_new .isotope_group a { margin: 0px 27px; padding: 6px 0px; color: #666; font-size: 13px; text-decoration: none; border-bottom: 2px solid transparent; 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? */ } .isotope_grid_new .isotope_group a:hover, .isotope_grid_new .isotope_group a.active { color: #22bb75; border-bottom: 2px solid #22bb75; text-decoration: none; } .isotope_grid_new1 .isotope_item > div { margin: 0; } .isotope_grid_new1 .isotope_group { text-align: center; padding: 10px 0 30px; } .isotope_grid_new1 .isotope_group a { margin: 0px 5px 5px; padding: 7px 35px; color: #000000; font-size: 13px; display: inline-block; border: 1px solid #cccccc; text-decoration: none; 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? */ } .isotope_grid_new1 .isotope_group a:hover, .isotope_grid_new1 .isotope_group a.active { border: 1px solid #07c6f5; color: #07c6f5; text-decoration: none; } .isotope_grid_new1 .isotope_item .photo { width: 100%; position: relative; z-index: 0; overflow: 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? */ } .isotope_grid_new1 .isotope_item .photo img { width: 100%; transition: all ease-out 400ms; -moz-transition: all ease-out 400ms; /* Firefox 4 */ -webkit-transition: all ease-out 400ms; /* Safari and Chrome */ -o-transition: all ease-out 400ms; /* Opera */ -ms-transition: all ease-out 400ms; /* IE9? */ } /*.isotope_grid_new1 .isotope_item:hover .photo{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); }*/ .isotope_grid_new1 .isotope_item:hover { z-index: 1000; } .isotope_grid_new1 .isotope_item .photo:before, .isotope_grid_new1 .isotope_item .photo:after { content: ""; position: absolute; width: 90%; z-index: 10; filter: alpha(opacity=0); opacity: 0; transition: all ease-out 400ms,opacity ease-out 800ms; -moz-transition: all ease-out 400ms,opacity ease-out 800ms; /* Firefox 4 */ -webkit-transition: all ease-out 400ms,opacity ease-out 800ms; /* Safari and Chrome */ -o-transition: all ease-out 400ms,opacity ease-out 800ms; /* Opera */ -ms-transition: all ease-out 400ms,opacity ease-out 800ms; /* IE9? */ } .isotope_grid_new1 .isotope_item .photo .angle:before, .isotope_grid_new1 .isotope_item .photo .angle:after { content: ""; position: absolute; height: 90%; z-index: 10; filter: alpha(opacity=0); opacity: 0; transition: all ease-out 400ms,opacity ease-out 800ms; -moz-transition: all ease-out 400ms,opacity ease-out 800ms; -webkit-transition: all ease-out 400ms,opacity ease-out 800ms; -o-transition: all ease-out 400ms,opacity ease-out 800ms; -ms-transition: all ease-out 400ms,opacity ease-out 800ms; } .isotope_grid_new1 .isotope_item .photo:before { border-top: 1px solid #fff; top: 8%; left: 5%; } .isotope_grid_new1 .isotope_item .photo:after { border-bottom: 1px solid #fff; bottom: 8%; left: 5%; } .isotope_grid_new1 .isotope_item .photo .angle:before { border-right: 1px solid #fff; top: 5%; right: 8%; } .isotope_grid_new1 .isotope_item .photo .angle:after { border-left: 1px solid #fff; bottom: 5%; left: 8%; } .isotope_grid_new1 .isotope_item:hover .photo:before, .isotope_grid_new1 .isotope_item:hover .photo .angle:before, .isotope_grid_new1 .isotope_item:hover .photo:after, .isotope_grid_new1 .isotope_item:hover .photo .angle:after { filter: alpha(opacity=100); opacity: 1; } .aboutus02_tit01 { text-align: center; } .aboutus02_tit01 h2 { position: relative; font-size: 30px; display: inline-block; color: #333333; font-weight: normal; margin: 0; } .aboutus02_tit01 h2:before { content: ""; background: #22bb75; width: 35px; position: absolute; height: 4px; top: 50%; margin: -1px 0 0 -47px; } .aboutus02_tit01 h2:after { content: ""; background: #22bb75; width: 35px; position: absolute; height: 4px; top: 50%; margin: -1px 0 0 12px; } .aboutus02_tit02 { text-align: center; } .aboutus02_tit02 h2 { position: relative; font-size: 30px; display: inline-block; color: #fff; font-weight: normal; margin: 0; } .aboutus02_tit02 h2:before { content: ""; background: #fff; width: 35px; position: absolute; height: 4px; top: 50%; margin: -1px 0 0 -47px; } .aboutus02_tit02 h2:after { content: ""; background: #fff; width: 35px; position: absolute; height: 4px; top: 50%; margin: -1px 0 0 12px; } .aboutus_img01 img, .aboutus_img02 img, .aboutus_img03 img { padding: 10px; -moz-box-shadow: 0 0 5px 1px #999; -webkit-box-shadow: 0 0 5px 1px #999; box-shadow: 0 0 5px 1px #999; background: #fff; } .aboutus_img01 { position: absolute; top: -60px; left: -70px; } .aboutus_img02 { position: absolute; bottom: -51px; right: -68px; } .aboutus_img03 { display: inline-block; position: relative; } .aboutus02_r span { float: left; width: 58px; height: 54px; line-height: 54px; text-align: center; color: #fff; background: #22bb75; font-size: 30px; margin: 6px 10px 0 0; text-transform: uppercase; } .aboutus02_rf { font-size: 20px; color: #333; line-height: 30px; } a.aboutus02_bnt01 { color: #fff !important; background-color: #22BB75; 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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 8px 21px; display: inline-block; margin: 0; text-transform: uppercase; } a:hover.aboutus02_bnt01 { background-color: #444; } .aboutus_img_box { position: relative; } .aboutus02_bg01 { background: #f4f4f4; } .aboutus02_two_box { text-align: center; position: relative; padding: 0 0 15px 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? */ } .aboutus02_two_box:hover .aboutus02_two_icon span { color: #b6b6b6; border: 3px solid #b6b6b6; } .aboutus02_two_icon span { display: block; width: 195px !important; height: 195px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 3px solid #22bb75; text-align: center; line-height: 260px; font-size: 40px; color: #22bb75; margin: -97px auto 0 auto; } .aboutus02_two_box h2 { position: relative; z-index: 100; height: 97px; margin: 0 0 0; background-color: #f4f4f4; font-size: 16px; font-weight: none; color: #333; line-height: 97px; } .aboutus02_bg02 { background: url(images/aboutus02_bg02.png) no-repeat top center; background-color: #f4f4f4; } .aboutus02_two_box > p { margin: 0; padding: 30px 0 25px; } .aboutus02_bg03 { background: #22bb75; color: #fff; position: relative; } .aboutus02_bg03:before { content: ""; position: absolute; left: 50%; margin: 0 0 -60px -30px; bottom: 0; border-width: 30px; border-color: transparent transparent transparent #22bb75; border-style: solid; z-index: 1; transform: rotate(450deg); -ms-transform: rotate(450deg); -moz-transform: rotate(450deg); -webkit-transform: rotate(450deg); -o-transform: rotate(450deg); } .aboutus02_three_box { position: relative; padding: 40px 0 40px 270px; } .aboutus02_three_img { position: absolute; left: 0; width: 200px; height: 200px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .aboutus02_three_img img { position: absolute; left: 0; width: 220px; height: 220px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #22bb75; padding: 10px; } .aboutus02_three_box:hover .aboutus02_three_img img { border: 2px solid #c9c9c9; } .aboutus02_three_box:hover .shade { filter: alpha(opacity=50); opacity: 0.5; } .aboutus02_three_box .shade { transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms; width: 100%; height: 100%; position: absolute; background-color: #000; filter: alpha(opacity=0); opacity: 0; z-index: 0; position: absolute; left: 10px; top: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .aboutus02_three_con h2 { font-size: 22px; font-weight: normal; color: #22bb75; margin: 0; padding: 0 0 20px 0; } .aboutus02_three_con h2 span { display: block; font-style: italic; font-size: 14px; } .aboutus02_three_icon a.social { font-size: 18px; display: inline-block; margin: 0 10px 0 0; color: #8c8c8c; } .aboutus02_three_icon a.social :hover.color1 { color: #31cfe7; } .aboutus02_three_icon a.social :hover.color2 { color: #4576e6; } .aboutus02_three_icon a.social :hover.color3 { color: #ec2851; } .aboutus02_three_con p { margin: 0; padding: 20px 0 15px 0; } .aboutus02_bg04 { background-attachment: fixed; background-image: url("images/aboutus02_bg03.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .outer_box { background: #fcfcfc; border: 1px solid #f0f0f0; padding: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; margin: 0 0 17px 0; } .outer_box span { display: block; } .home3_testimonials h3 { padding-bottom: 23px; } .member_img { position: absolute; left: 0; top: 50%; margin-top: -67px; margin-left: 30px; } .member_img img { border-radius: 50%; } .member_img span { text-align: center; padding: 10px 0 0 0; color: #22bb75; } .inner_box { padding-left: 129px; } .inner_box p { padding: 15px 0 0 0; } .inner_box p span { padding-top: 20px; } .inner_box .star { color: #fba709; font-size: 14px; } .inner_box .star em { float: left; line-height: 1; } .inner_box .star .last { color: #8e8e8e; padding-left: 10px; font-style: normal; } .aboutus02_tit03 h2 { font-size: 24px; font-weight: normal; text-align: center; margin: 0; color: #666; } .new_aboutus02_img { margin: -65px 0 0 0; } .mar_40 { margin-top: -40px; } .mar_b40 { margin-bottom: -40px; } /*our service02*/ .service02_one_box { border: 1px solid #cccccc; background: #fff; text-align: center; position: relative; padding: 45px 20px 85px 20px; 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? */ margin: 0 0 65px 0; } .service02_one_box h3 { color: #333333; font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 20px 0; } .service02_one_box p { margin: 0; padding: 0 0 20px 0; } .service02_one_icon span { width: 110px !important; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #22bb75; color: #fff; border: 1px solid transparent; display: inline-block; font-size: 35px; text-align: center; line-height: 110px; margin: 10px; 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? */ } .service02_one_box:hover .service02_one_icon span { border: 1px solid #fff; } .service02_one_box:hover { border: 1px solid #22bb75 } .service02_one_icon { background: #22bb75; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0 -65px -65px; position: absolute; bottom: 0%; left: 50%; } .service02_two_left { background: url(images/service02_bg01.jpg) center 0 no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 50%; } .service02_two_box { background: url(images/service02_bg02.jpg) left top repeat; position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .service02_two_right { width: 50%; float: right; padding-left: 50px; padding-right: 50px; } .service02_two_con { color: #fff; } .service02_two_con h2 { font-size: 30px; font-weight: normal; color: #fff; margin: 0; padding: 0 0 30px 0; } .service02_two_list ul li { margin: 0; padding: 8px 0; list-style: none; } .service02_two_list ul li a { color: #fff; } .service02_two_list ul li:hover span, .service02_two_list ul li:hover, .service02_two_list ul li a:hover { color: #22BB75; text-decoration: none; } .service02_two_list ul li span { display: inline-block; margin: 0 15px 0 0; } .service02_two_list ul { margin: 0; padding: 0 0 0 0; } .service02_two_list { padding-top: 20px; padding-left: 15px; } .service02_bg03 { background: url(images/service02_bg03.jpg) no-repeat bottom center #fff; } .service02_three_box { position: relative; min-height: 280px; margin: 40px 0 40px 30px; border: 1px solid #cccccc; 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? */ } .service02_three_box:hover { background: #22BB75; color: #fff; border: 1px solid #22BB75; } .service02_three_box:hover a.service_bnt01 { background: #fff; color: #22BB75 !important; } .service02_three_box:hover h2 { color: #fff; } .service02_three_left { float: left; position: absolute; left: -30px; top: -30px; } .service02_three_right { float: right; padding: 40px 0 0 275px; } .service02_three_left img { padding: 10px; -moz-box-shadow: 0 0 5px 1px #999; -webkit-box-shadow: 0 0 5px 1px #999; box-shadow: 0 0 5px 1px #999; background: #fff; } .service02_three_right h2 { font-size: 18px; font-weight: normal; color: #333; margin: 0; } .service02_three_right p { margin: 0; padding: 20px 0; } a.service_bnt01 { color: #fff !important; background-color: #22BB75; 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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 10px 25px; display: inline-block; margin: 0; text-transform: uppercase; } a.team02_bnt01 { color: #fff !important; background-color: #22BB75; 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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 8px 40px; display: inline-block; margin: 0; font-size: 15px; } a:hover.team02_bnt01 { background-color: #444; } .service02_bg04 { background-attachment: fixed; background-image: url("images/service02_bg04.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff; } .service02_four_tit { font-size: 30px; line-height: 1; } a.service_bnt02 { color: #fff !important; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms; border: 2px solid #fff; text-decoration: none; padding: 15px 30px; display: inline-block; margin: 5px 15px; text-transform: uppercase; font-size: 15px; } a:hover.service_bnt02 { background-color: #22BB75; border: 2px solid #22BB75; } .service02_five_img img { width: 60px; height: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #22BB75; } .service02_five_top { position: relative; padding: 0 0 0 80px; } .service02_five_top .service02_five_img { position: absolute; left: 0; } .service02_five_top h2 { font-size: 16px; color: #444; font-weight: normal; } .service02_five_top h2 span { display: block; font-size: 13px; color: #22BB75; } .service02_five_box { padding-bottom: 40px; } .service02_five_box p { margin: 0; padding: 10px 0 0 0; } .service02_tit01 { text-align: center; } .service02_tit01 h2 { color: #333; font-size: 30px; font-weight: normal; margin: 0; } .service02_bg05 { background-attachment: fixed; background-image: url("images/service02_bg05.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 100; } .service02_bg05_top { position: absolute; left: 0; background: url(images/service02_bg05_top.png) repeat-x; width: 100%; height: 6px; top: -6px; z-index: 100; } .service02_bg05_bottom { position: absolute; left: 0; background: url(images/service02_bg05_top.png) repeat-x; width: 100%; height: 6px; bottom: -6px; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .service02_tit02 { text-align: center; } .service02_tit02 h2 { font-weight: normal; font-size: 26px; color: #10bd6e; margin: 0; } /*team*/ .team02_one.photo_box:hover .shade { background: #22bb75; filter: alpha(opacity=80); opacity: 0.8; } .team02_one.photo_box { -moz-box-shadow: 2px 2px 15px #999; -webkit-box-shadow: 2px 2px 15px #999; box-shadow: 2px 2px 3px #999; margin: 0 0 30px 0; } .team02_one.photo_box img { width: 100%; } .team02_one.photo_box .back_social a { color: #fff; font-size: 25px; display: inline-block; margin: 5px; } .team02_one.photo_box .vertical_center_2 { /* display: table-cell; */ width: 100%; vertical-align: middle; position: absolute; bottom: 20px; } .team02_one.photo_box .content h3 { font-size: 22px; line-height: 1.2; margin: 0; padding: 0 0 12px 0; } .team02_one.photo_box .content p { display: block; font-weight: normal; font-size: 22px; margin: 0; padding: 0 0 12px 0; } .team02_tit02 h2 { font-weight: normal; color: #777777; font-size: 22px; margin: 0; line-height: 1.2; padding: 0 0 15px 0; } .team02_three { position: relative; padding: 15px 0 15px 100px; border-bottom: 1px dashed #a2a2a2; } .team02_three:last-child { border: none; } .team02_three img { position: absolute; left: 0; top: 15px; } .team02_three h3 { font-size: 15px; font-weight: normal; color: #22bb75; margin: 0; } .team02_three_box { background: #f8f8f8; padding: 20px 30px 15px 30px; } .team02_tit03 { border-bottom: 1px solid #a2a2a2 } .team02_tit03 h2:after { border-bottom: 3px solid #22bb75; position: absolute; width: 87px; content: ""; left: 0; bottom: -2px; } .team02_tit03 h2 { position: relative; color: #777777; font-size: 22px; line-height: 1.2; font-weight: normal; margin: 0; padding: 0 0 15px 0; } .img_bor img { border: 1px solid #a2a2a2; } .map_bor { padding: 9px; border: 1px solid #a2a2a2; } .team02_four_box { background-color: #e9e9e9; position: relative; } .team02_full_left { background: rgba(0, 0, 0, 0) url("images/team02_13.jpg") no-repeat scroll center 0 / cover; height: 100%; left: 0; top: 0; width: 50%; } .team02_full_right { float: right; padding: 80px 60px; width: 50%; position: absolute; top: 0; right: 0; } .team02_full_right h2 { text-align: center; font-size: 24px; color: #333333; font-weight: normal; margin: 0; padding: 0 0 25px 0; } .team02_full_right img { border: 1px solid #a2a2a2; background: #fff; } .team02_full_right img:hover { border: 1px solid #22bb75; } .team02_img_float { width: 33%; float: left; padding: 5px; } .team02_tit04 { text-align: center; } .team02_tit04 h2 { font-size: 30px; color: #333333; font-weight: normal; margin: 0; } .team02_tit04 .line { height: 2px; background: #22bb75; margin: 20px auto; width: 40px; } .team02_01_bg { background-attachment: fixed; background-image: url("images/team02_01_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .tame02_tit01 { text-align: center; color: #999999; } .tame02_tit01 h2 { position: relative; font-size: 30px; display: inline-block; color: #fff; font-weight: normal; margin: 0; } .tame02_tit01 h2:before { content: ""; background: #22bb75; width: 35px; position: absolute; height: 4px; top: 50%; margin: -1px 0 0 -47px; } .tame02_tit01 h2:after { content: ""; background: #22bb75; width: 35px; position: absolute; height: 4px; top: 50%; margin: -1px 0 0 12px; } /*FAQ*/ .faq02_one_tit { background: #ececec; line-height: 40px; height: 40px; position: relative; padding: 0 0 0 60px; } .faq02_one_tit span { display: inline-block; background: #22bb75; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 26px; text-transform: uppercase; position: absolute; left: 0; } .faq02_two_box p { padding: 20px 20px 20px 20px; } .faq02_bg01 { background-attachment: fixed; background-image: url("images/faq02_bg01.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .faq02_tit01 { text-align: center; color: #fff; } .faq02_tit01 h2 { font-size: 36px; color: #fff; text-transform: uppercase; margin: 0; line-height: 1.2; } .faq02_tit01 .line { width: 40px; height: 1px; background: #fff; margin: 30px auto; } .faq02_tit01 h3 { color: #fff; font-weight: normal; font-size: 22px; line-height: 1.2; margin: 0; } .faq02_tit01 h3 span { color: #22bb75; } a:hover.faq_bnt01 { background: #22bb75; border: 2px solid #22bb75; } a.faq_bnt01 { color: #fff !important; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms; text-decoration: none; padding: 11px 35px; display: inline-block; margin: 10px 25px; font-size: 16px; border: 2px solid #fff; display: inline-block; } .faq02_tit02 h2 { font-size: 35px; color: #333333; margin: 0; line-height: 1.2; font-weight: normal; } .faq02_tit02 h3 { font-size: 20px; color: #666666; margin: 25px 0; text-transform: uppercase; line-height: 1.2; position: relative; display: inline-block; } .faq02_tit02 h3:after { position: absolute; right: 0; width: 60px; border-bottom: 2px solid #22bb75; content: ""; top: 50%; margin: -1px -75px 0 0; } .faq_three_top { margin: -64px 0 0 -64px; position: absolute; top: 0; left: 50%; padding: 4px; background: #fff; border-radius: 50%; } .faq_three_top span { display: block; } .faq_three_top h2 { width: 120px; height: 120px; border-radius: 50%; border: 3px solid #22bb75; color: #22bb75; text-align: center; margin: 0 auto; background: #f4f4f4; font-weight: normal; font-size: 26px; line-height: 1.2; padding: 26px 0; } .faq_three_box { background: #e4e4e4; position: relative; padding: 90px 20px 20px 20px; margin: 90px 0 0 0; text-align: center; 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? */ } .faq_three_box:hover { background: #22bb75; color: #fff; } /*FAQ end*/ /*contact02 us*/ .contactus02_tit01 h2 { font-size: 26px; color: #333; margin: 0 0; line-height: 1.2; position: relative; display: inline-block; font-weight: normal; } .contactus02_tit01 h2:after { position: absolute; right: 0; width: 35px; border-bottom: 4px solid #22bb75; content: ""; top: 50%; margin: 2px -45px 0 0; } .contactus02_tit01 h3 { font-size: 16px; color: #22bb75; margin: 25px 0; line-height: 1.2; position: relative; font-weight: normal; text-transform: uppercase; } .contact02_one_left img { float: left; padding: 0 20px 0 0; } .contact02_one_left p { line-height: 1.2; } .contact02_one_left p { line-height: 1.8; margin: 0 0 20px 0; } .contact02_bg01 { background-attachment: fixed; background-image: url("images/contact02_bg01.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .contact_map { position: absolute; z-index: 100; border: 1px solid #cdcdcd; padding: 10px; width: 100%; } #gmap2_contact { height: 766px; width: 100%; } #gmap2_contact img { max-width: none; } .contact02_tit02 h2 { font-size: 26px; color: #fff; margin: 0 0 30px 0; line-height: 1.2; position: relative; font-weight: normal; } .contact_two_box { position: relative; padding: 0 0 0 65px; color: #aaa; } .contact_two_box:hover span, .contact_two_box:hover h3 { color: #23bb75; } .contact_two_box span { position: absolute; font-size: 25px; color: #fff; left: 15px; 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? */ } .contact_two_box h3 { font-size: 14px; color: #fff; margin: 5px 0; line-height: 1.2; position: relative; font-weight: normal; 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? */ } .contact_two_line .contact_two_box:before { border-bottom: 1px solid #5e5e5e; position: absolute; content: ""; width: 100%; left: 0; bottom: -30px; } .contact_two_line { margin-bottom: 60px; } .contact_two_line:first-child { border-right: 1px solid #5e5e5e; } .contact_two_line02 { border-left: 1px solid #5e5e5e; } .contact02_tit03 { text-align: center; } .contact02_tit03 h2 { font-size: 36px; color: #000; margin: 0 0; line-height: 1.2; position: relative; font-weight: normal; } .contact02_tit03 .line { width: 50px; text-align: center; margin: 30px auto; height: 2px; background: #23bb75; } .contact_bg02 { background: #eaeaea; } .contact_four_box img { padding: 10px 0; } .no_img_contact { display: none; } .contact_four_box a:hover .block_img_contact { display: none; } .contact_four_box a:hover .no_img_contact { display: block; } /*Time_Line02*/ a.timeline_bnt { color: #fff !important; background-color: #22BB75; 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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 10px 25px; display: inline-block; margin: 10px 0 0 0; text-transform: uppercase; } a.timeline_bnt:hover { background-color: #444; } a:hvoer.timeline_bnt { background-color: #eeeeee; color: #22BB75; } .Time_Line02 { position: relative; z-index: 1; margin: 30px 0; } .Time_Line02 .Time_Line02_top { display: block; left: 50%; margin: -70px 0 0 -70px; position: absolute; text-align: center; top: 50%; border: 1px solid #23bb75; padding: 9px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #fff; width: 140px; height: 140px; } .timeline02_year { position: relative; } .Time_Line02 .Time_Line02_top .Time_Line02_top_time { display: inline-block; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; font-size: 16px; width: 120px; height: 120px; position: relative; overflow: hidden; } .timline02_year_top { background: #22bb75; width: 120px; height: 60px; font-size: 20px; color: #fff; line-height: 1; padding: 30px 0 0 0; } .timline02_year_bottom { height: 60px; width: 120px; background: #eeeeee; font-size: 30px; color: #22bb75; line-height: 60px; } .Time_Line02 .Time_Line02_top .Time_Line02_top_time span.glyphicons { font-size: 18px; } .Time_Line02 .Time_Line02_left { width: 50%; float: left; margin: 40px 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain { margin: 0 85px 0 0; padding: 0 0 0 0; text-align: left; position: relative; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain.leftmain_01 { padding: 50px 0 0 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain.leftmain_02 { padding: 50px 0 0 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain.leftmain_03 { padding: 50px 0 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain.rightmain_01 { padding: 60px 0 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain.rightmain_02 { padding: 70px 0 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain.rightmain_03 { padding: 60px 0 0 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain h3, .Time_Line02 .Time_Line02_right .Time_Line02_rightmain h3 { font-size: 20px; color: #333; margin: 0 0 20px 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain a { text-decoration: none; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain .dot { position: absolute; top: 15%; left: 100%; white-space: nowrap; margin: 0 0 0 51px; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain .dot:before { content: ""; width: 20px; height: 20px; display: inline-block; padding: 1px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-width: 5px; border-color: #fff; border-style: double; position: relative; top: 5px; margin: 0 5px 0 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain .triangle { position: absolute; top: 20%; left: 100%; width: 12px; height: 12px; border-top: 1px solid #e5e4e4; border-right: 1px solid #e5e4e4; background-color: #fff; 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 */ margin: 0 0 0 -5px; } .Time_Line02 .Time_Line02_right { width: 50%; float: right; margin: 40px 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain { margin: 0 0 0 85px; padding: 0; position: relative; } .Time_Line02 .photo_box { padding: 10px; border: 1px solid #e0e0e0; 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? */ } .Time_Line02:hover .photo_box { border: 1px solid #22bb75; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain a { text-decoration: none; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain .dot { position: absolute; top: 15%; right: 100%; white-space: nowrap; margin: 0 51px 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain .dot:after { content: ""; width: 20px; height: 20px; display: inline-block; padding: 1px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-width: 5px; border-color: #fff; border-style: double; position: relative; top: 5px; margin: 0 0 0 5px; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain .triangle { position: absolute; top: 20%; right: 100%; width: 12px; height: 12px; border-bottom: 1px solid #e5e4e4; border-left: 1px solid #e5e4e4; background-color: #fff; 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 */ margin: 0 -5px 0 0; } .Time_Line02 .Time_Line02_line { position: absolute; z-index: -1; left: 50%; width: 2px; height: 100%; top: 0px; margin-left: -1px; overflow: hidden; border-left: 2px solid #23bb75; } .Time_Line02_rightmain p, .Time_Line02_leftmain p { margin: 0 0 20px 0; } .back_bottom:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; border-top: 2px solid #FFF; border-left: 2px solid #FFF; margin: -3px 0 0 -8px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .back_bottom { width: 50px; height: 50px; float: right; margin-top: 10px; text-align: center; font-size: 24px; z-index: 1000; cursor: pointer; position: absolute; left: 50%; bottom: -50px; margin: 0 0 0 -25px; background-color: #22bb75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: background ease-in 200ms; -moz-transition: background ease-in 200ms; -webkit-transition: background ease-in 200ms; -o-transition: background ease-in 200ms; -ms-transition: background ease-in 200ms; } .back_bottom:hover, .back_top:hover { background-color: #444; } .back_top { width: 50px; height: 50px; float: right; margin-top: 10px; text-align: center; font-size: 24px; z-index: 1000; cursor: pointer; position: absolute; left: 50%; top: -50px; margin: 0 0 0 -25px; background-color: #22bb75; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: background ease-in 200ms; -moz-transition: background ease-in 200ms; -webkit-transition: background ease-in 200ms; -o-transition: background ease-in 200ms; -ms-transition: background ease-in 200ms; } .back_top:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; border-top: 2px solid #FFF; border-left: 2px solid #FFF; margin: -10px 0 0 -8px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); } /*teamdetial02*/ .detail02_one_box { text-align: center; } .detail02_one_box > h2 { font-size: 30px; color: #22bb75; margin: 0 0; line-height: 1; position: relative; font-weight: normal; text-align: center; } .detail02_one_box > h3 { font-size: 16px; color: #333; margin: 25px 0 0 0; line-height: 1; position: relative; font-weight: normal; text-align: center; } .detail02_one_img img { height: 250px; width: 250px; border-radius: 50%; margin: 0 auto; overflow: hidden; margin: 18px auto; padding: 0; } .detail02_one_img { border: 2px solid #22bb75; width: 290px; height: 290px; border-radius: 50%; margin: 0 auto; } .vertical_line { border-left: 1px dashed #22bb75; height: 103px; display: inline-block; } .detail02_one_box .line { height: 4px; width: 30px; background: #22bb75; margin: 10px auto 15px auto; } .teamdetail_social span { font-size: 25px; display: inline-block; margin: 10px } .teamdetail_social span.c537bbd { color: #537bbd } .teamdetail_social span.cc72d2b { color: #c72d2b } .teamdetail_social span.c78cdf0 { color: #78cdf0 } .teamdetail_social span.c3fc0f0 { color: #3fc0f0 } .teamdetail_social span.cc72d2b { color: #c72d2b } .teamdetail_social span.cd97ca6 { color: #d97ca6 } .detail02_two_bg { background-attachment: fixed; background-image: url("images/teamdetail02_bg01.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; } .detail02_two_l { } .detail02_two_l h2 { font-size: 30px; color: #fff; margin: 0 0 0 0; line-height: 1; position: relative; font-weight: normal; } .detail02_list { margin: 0; padding: 0 } .detail02_list li { padding: 10px 0 10px 50px; margin: 25px 0; list-style: none; position: relative; min-height: 40px; } .detail02_list li span { width: 40px !important; height: 40px; background: #22bb75; color: #fff; border-radius: 50%; position: absolute; left: 0; display: inline-block; text-align: center; line-height: 40px; } .detail02_two_r .photo_box .shade { background: #959595; } .detail02_two_r .photo_box:hover .shade { filter: alpha(opacity=90); opacity: 0.9; } .detail02_two_r .photo_box .ico span { background-color: transparent; border: 2px solid #fff; line-height: 45px !important; } .detail02_two_r .photo_box .ico h3 { color: #FFF; font-size: 16px; margin-bottom: 5px; font-weight: normal; margin-top: 30px; } .detail02_two_r .photo_box { margin: 0 0 30px 0; } .detail02_two_r .photo_box .ico span { margin: 0 13px; } .detail02_two_r .photo_box .ico { margin-top: -50px; } .detail02_three_top, .detail02_three_bottom { text-align: center; } .detail02_three_center { background: url(images/teamdetail02_06.png) no-repeat left center; height: 75px; } .detail02_three_center_s { width: 15px; height: 15px; border-radius: 50%; background: #22bb75; margin: 0 auto; } .detail02_three_center_s.pos_01 { margin: 5px auto auto auto; } .detail02_three_center_s.pos_02 { margin: 9px auto auto auto; } .detail02_three_center_s.pos_03 { margin: 54px auto auto auto; } .detail02_three_center_s.pos_04 { margin: 54px auto auto auto; } .detail02_three_year { width: 84px; height: 56px; background: #22bb75; border-radius: 5px; text-align: center; margin: 0 auto; line-height: 56px; color: #fff; font-size: 22px; position: absolute; left: 50%; margin: 0 0 0 -37px; } .detail02_three_year:after { border: 6px solid transparent; border-top: 25px solid #22bb75; content: ""; display: block; position: absolute; left: 50%; botom: 0; width: 0; margin: -6px 0 0 -8px; transform: rotate(385deg); -ms-transform: rotate(385deg); -moz-transform: rotate(385deg); -webkit-transform: rotate(385deg); -o-transform: rotate(385deg); } .detail02_three_year.year03:before, .detail02_three_year.year04:before { border: 6px solid transparent; border-top: 25px solid #22bb75; content: ""; display: block; position: absolute; left: 50%; botom: 0; width: 0; margin: -25px 0 0 -10px; transform: rotate(385deg); -ms-transform: rotate(385deg); -moz-transform: rotate(385deg); -webkit-transform: rotate(518deg); -o-transform: rotate(385deg); top: 0; } .detail02_three_year.year03:after, .detail02_three_year.year04:after { border: 0 solid transparent; border-top: 0 solid #22bb75; } .detail02_three_year.year03, .detail02_three_year.year04 { margin: 0 0 0 -32px; } .detail02_three_year.year01 { margin-top: -5px; } .detail02_three_year.year02 { margin-top: 40px; } .detail02_three_year.year03 { margin-top: -55px; } .detail02_three_year.year04 { margin-top: -7px; } .detail02_four_box .photo_box .content h3 { color: #FFF; font-size: 28px; margin-bottom: 30px; /* margin-top: 10px; */ line-height: 1; font-weight: normal; } .detail02_four_box .photo_box img { max-width: 100%; } .detail02_four_box .photo_box .content p { color: #FFF; font-size: 16px; padding: 0 20px; } .detail02_four_box .photo_box .ico span { background-color: transparent; font-size: 60px; color: #22bb75; } .detail02_four_box .photo_box .content .ico { position: static; margin: 0 0 25px; } /*Pricing02*/ .prcing02_one_box h2 { color: #555555; font-size: 36px; margin: 0; line-height: 1; font-weight: normal; text-align: center; } .prcing02_one_box { text-align: center; } .prcing02_one_box .line { border-left: 1px dashed #22bb75; height: 103px; display: inline-block; } .prcing02_bg01 { background-image: url("images/pricing02_bg01.jpg"); background-position: center bottom; background-repeat: no-repeat; } .prcing02_tit01 h2 { color: #FFF; font-size: 39px; line-height: 1; font-weight: normal; text-transform: uppercase; text-align: center; } .pricing02_table .table-striped > tbody > tr:nth-child(even) > td, .pricing02_table .table-striped > tbody > tr:nth-child(even) > th { background-color: #fff; } .pricing02_table .table-striped > thead > tr > th { background-color: #fff; } .pricing02_table .table > thead > tr > th { border-bottom: none; font-size: 15px; color: #272727; } .pricing02_table .table > thead > tr > th span { color: #22bb75; } .pricing02_table .table > thead > tr > th, .pricing02_table .table > tbody > tr > th, .pricing02_table .table > tfoot > tr > th, .pricing02_table .table > thead > tr > td, .pricing02_table .table > tbody > tr > td, .pricing02_table .table > tfoot > tr > td { border: none; padding: 15px 8px; text-align: center; line-height: 1; vertical-align: middle; } .pricing02_table .table > thead > tr > th:first-child, .pricing02_table .table > tbody > tr > td:first-child { padding: 15px 8px 15px 40px; text-align: left; } .squer_table { width: 26px; height: 26px; border: 2px solid #dcdcdc; border-radius: 50%; display: inline-block; margin: 0 auto; } .pricing02_table .table > tbody > tr > td span.glyphicons { font-size: 26px; } .pricing02_table .table > tbody > tr > td span.glyphicons.squer_table_grey { color: #5c5c5c; } .pricing02_table .table > tbody > tr > td span.glyphicons.squer_table_blue { color: #33a1a5; } .pricing02_table .table > tbody > tr > td span.glyphicons.squer_table_red { color: #d51e0e; } .no_img { display: none; } .hover_img a:hover .block_img { display: none; } .hover_img a:hover .no_img { display: block; } .hover_img img { } .prcing02_bg02 { background-attachment: fixed; background-image: url("images/pricing02_bg02.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } .hover_img img { padding: 10px; border: 1px solid #ccc; 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? */ } .hover_img img:hover { border: 1px solid #68e8ae; } .prcing02_tit02 { text-align: center; color: #bbbbbb; } .prcing02_tit02 h2 { color: #fff; font-size: 30px; margin: 0; line-height: 1; font-weight: normal; text-align: center; } a.pricing02_bnt { color: #fff !important; background-color: #22BB75; 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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; padding: 8px 50px; display: inline-block; margin: 0; font-size: 20px; border: 1px solid transparent; } a:hover.pricing02_bnt { border: 1px solid #22BB75; background: transparent; } .hover_img > div { margin-bottom: 10px; margin-top: 10px; } .prcing02_tit03 h2 { color: #22BB75; font-size: 24px; margin: 0 0 10px 0; line-height: 1; font-weight: 300; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service02_two_right { padding-left: 15px; padding-right: 15px; } .service02_five_box { padding-left: 15px; } .service02_three_box { position: relative; min-height: auto; margin: 15px 0 15px 0; } .service02_three_left { float: none; position: inherit; left: 0; top: 0; } .service02_three_right { float: none; padding: 15px; } .aboutus02_three_box { position: relative; padding: 40px 0 40px 110px; } .aboutus02_three_img img { width: 100px; height: 100px; } .aboutus02_three_img { width: 80px; height: 80px; } .new_aboutus02_img { margin: -0 0 0 0; } .team02_three_box { padding: 10px; } .team02_three { padding: 15px 0 15px 60px; } .team02_three img { height: 50px; top: 10px; width: 50px; } .Testimonials_team02 blockquote { padding: 30px 15px 80px 15px; } .Testimonials_team02 .dot { bottom: 30px; } .contact_two_line02 { border-left: none; } .contact_two_line .contact_two_box:before, .contact_two_line:first-child { border: none; } .contact_two_line { margin-bottom: 0; } .contact_two_box { padding: 0 0 15px 40px; } .contact_two_box span { left: 0; } .detail02_three_center_s, .detail02_three_year, .detail02_three_center { display: none; } /*price02_table*/ .price02_table .best_value { margin-top: 0; margin-bottom: 0; } /*time_line02*/ .Time_Line02 .Time_Line02_left .Time_Line02_leftmain { padding: 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain.leftmain_01 { padding: 0 0 0 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain.leftmain_02 { padding: 0 0 0 0; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain.leftmain_03 { padding: 0 0 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain.rightmain_01 { padding: 0 0 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain.rightmain_02 { padding: 0 0 0 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain.rightmain_03 { padding: 0 0 0 0; } /*service02 */ .chart_list_service02 h2 { padding: 5px 0; } .faq_three_box { padding: 60px 10px 20px 10px; margin: 50px 0 0 0; } .faq_three_top { margin: -40px 0 0 -40px; } .faq_three_top h2 { width: 80px; height: 80px; font-size: 15px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .member_img span { text-align: left; } .member_img { position: relative; left: 0; top: 0; margin-top: 0; margin-left: 0; margin: 0 auto; text-align: center; } .inner_box { padding-left: 0; } #gmap2_contact { height: 495px; width: 100%; } .contact02_bg01 .row > .col-sm-6 { width: 100%; } .contact02_bg01 .row > .col-sm-6 .row .col-sm-12 { width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .service02_three_left { float: none; position: inherit; left: 0; top: 0; } .service02_three_right { float: none; padding: 15px; } .aboutus02_three_img img { width: 100px; height: 100px; } .aboutus02_three_box { position: relative; padding: 40px 0 40px 110px; } .team02_three_box { padding: 15px; } .team02_three { padding: 15px 0 15px 75px; } .team02_three img { width: 60px; height: 60px; } } @media only screen and (max-width: 767px) { .mar_40 { margin-top: -20px; } .mar_b40 { margin-bottom: -40px; } .isotope_l, .isotope_r { float: none; width: 100%; } /*service02 */ .chart_list_service02 h2 { padding: 5px 0; } .service02_two_left { height: 300px; left: 0; position: inherit; top: 0; width: 100%; } .service02_two_right { width: 100%; float: none; padding-left: 15px; padding-right: 15px; } .service02_five_box { padding-left: 15px; } .service02_three_box { position: relative; min-height: auto; margin: 15px 0 15px 0; } .service02_three_left { float: none; position: inherit; left: 0; top: 0; } .service02_three_right { float: none; padding: 15px; } .chart_list_service02 h2 { padding: 5px 0; } .service02_one_box { padding: 20px 10px 70px 10px; margin: 0 0 90px 0 } /*service02 end*/ .new_aboutus02_img { margin: -40px 0 0 0; } .aboutus02_three_box { position: relative; padding: 40px 0 40px 110px; } .aboutus02_three_img img { width: 100px; height: 100px; } .aboutus02_three_img { width: 80px; height: 80px; } .outer_box { padding: 15px; } .member_img { margin-left: 15px; } .inner_box { padding-left: 120px; } .aboutus02_three_box { position: relative; padding: 40px 0 40px 60px; } .aboutus02_three_img img { width: 50px; height: 50px; } .aboutus02_three_img { width: 50px; height: 50px; padding: 0; } .new_aboutus02_img { margin: -0 0 0 0; } .team02_three_box { padding: 10px; } .team02_three { padding: 15px 0 15px 60px; } .team02_three img { height: 50px; top: 15px; width: 50px; } .Testimonials_team02 blockquote { padding: 30px 15px 70px 15px; } .team02_full_left { height: 100%; left: 0; top: 0; width: 100%; } .team02_full_right { float: none; width: 100%; position: inherit; top: 0; right: 0; } .Testimonials_team02 .dot { left: 50%; bottom: 30px; margin: 0 0 0 -30px; } .Testimonials_team02 blockquote p { padding: 20px 0; } .team02_full_right { float: none; padding: 30px 15px; } .contact_map { position: relative; } #gmap2_contact { height: 300px; } .contact_two_line02 { border-left: none; } .contact_two_line .contact_two_box:before, .contact_two_line:first-child { border: none; } .contact_two_line { margin-bottom: 0; } .contact_two_box { padding: 0 0 15px 40px; } .contact_two_box span { left: 0; } .detail02_three_center_s, .detail02_three_year, .detail02_three_center { display: none; } .detail02_one_img img { height: 110px; width: 110px; margin: 8px auto; } .detail02_one_img { height: 130px; width: 130px; } .horizontalTab_Top_faq.horizontalTab_Top .resp-tab-content .resp_margin { margin: 15px; } .horizontalTab_Top .resp-tabs-container .resp-tab-active, .horizontalTab_Top .resp-tabs-container .resp-tab-active:hover { /* background: #22bb75;*/ } .horizontalTab_Top .resp-tab-active, .horizontalTab_Top .resp-tab-active:hover { background: none; } /*price02_table*/ .price02_table .best_value { margin-top: 20px; margin-bottom: 0; } .pricing02_table .table > thead > tr > th:first-child, .pricing02_table .table > tbody > tr > td:first-child { padding: 15px 8px 15px 8px; text-align: left; } .pricing02_table .table > tbody > tr > td span.glyphicons { font-size: 15px; } .squer_table { width: 15px; height: 15px; } .table-responsive.pricing02_table { margin: 30px 0 0 0 } .aboutus02_tit01 h2 { font-size: 20px; } .horizontalTab_Top_faq.horizontalTab_Top ul.resp-tabs-list li { border: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; margin: 0 5px 5px 5px; } .horizontalTab_Top_faq .resp-tabs-container { border-bottom: 1px solid #bdbdbd; } /*timeline02*/ .back_top { float: none; margin-top: 0; text-align: center; font-size: 24px; z-index: 1000; cursor: pointer; position: relative; left: 50%; top: 0; margin: 0 0 20px -25px; } .Time_Line02 .Time_Line02_top { display: block; left: 50%; margin: 0 0 0 -70px; position: relative; text-align: center; top: 50%; border: 1px solid #23bb75; padding: 10px; width: 140px; height: 140px; } .Time_Line02 .Time_Line02_left { width: 100%; float: none; margin: 15px 0; } .Time_Line02 .Time_Line02_right { width: 100%; float: none; margin: 15px 0; } .Time_Line02 .Time_Line02_right .Time_Line02_rightmain { margin: 0; padding: 0; position: relative; } .Time_Line02 .Time_Line02_line { display: none; } .Time_Line02 .Time_Line02_left .Time_Line02_leftmain { margin: 0 00 0; padding: 0; text-align: left; position: relative; } .horizontalTab_Top.horizontalTab_Top_faq ul.resp-tabs-list { display: none !important; } } @media only screen and (max-width: 991px) { [class*="SectionStyles"], .aboutus02_bg04, .service02_bg04, .service02_bg05, .team02_01_bg, .detail02_two_bg, .faq02_bg01, .prcing02_bg02, .contact02_bg01 { background-attachment: scroll } } .sidebar_boxBig { height: 314px !important; } .home3cond { display: none; } .conh a { TEXT-ALIGN: right; } .cssradiocontrol { FLOAT: right; padding-left: 20px; } .label-right.col-sm-3 { float: right; } .bstrap3-material *::before, .bstrap3-material *::after { box-sizing: border-box; } #dnn_ctr412_HtmlModule_lblContent { display: flex; } .top_b { display: flex; } .float_right { float: right !important; } /* تنظیمات فرم */ .radio.ng-scope { float: right; } .normalCheckBox.ng-pristine.ng-untouched.ng-valid.ng-empty { margin-left: 10px; } .FormBox { border: 1px solid; } .conh a { color: #d2d2d2 !important; } .FrmLable { color: #981e32; font-size: 1.5em; } .normalCheckBox.ng-valid.ng-not-empty.ng-dirty.ng-valid-parse.ng-touched { margin-left: 10px; } .normalCheckBox.ng-valid.ng-not-empty.ng-touched.ng-dirty { margin-left: 10px; } .normalCheckBox.ng-pristine.ng-untouched.ng-valid.ng-not-empty { margin-left: 10px; } .ClassLTR { direction: ltr !important; } .form-group-ClassLTR { direction: rtl !important; } .label-right { float: right !important; } /*Content Builder*/ .rtl.dnn-9 #divCb > div, .rtl.dnn-9 #divCb > svg { left: 0; direction: ltr; } .rtl #divFb { direction: ltr; text-align: left; } .rtl #divFb .is-modal > div:not(.is-draggable) { max-width: calc(100% - 63px); margin-right: 63px; text-align: left; } .rtl #divFb .is-modal.is-side.active { right: 16px; } .rtl #divFb .is-tabs-more { left: 20px !important; right: auto; top: 91px !important; } .rtl #divFb .is-modal.is-side.viewicons.active { right: 80px; } /*#region Sharp*/ .bstrap3-material { direction: rtl; } @media (min-width: 768px) { .bstrap3-material .col-sm-1, .bstrap3-material .col-sm-2, .bstrap3-material .col-sm-3, .bstrap3-material .col-sm-4, .bstrap3-material .col-sm-5, .bstrap3-material .col-sm-6, .bstrap3-material .col-sm-7, .bstrap3-material .col-sm-8, .bstrap3-material .col-sm-9, .bstrap3-material .col-sm-10, .bstrap3-material .col-sm-11, .bstrap3-material .col-sm-12 { float: right !important; } } .bstrap30 .nav-tabs > li.active > a, .bstrap30 .nav-tabs > li.active > a:focus, .bstrap30 .nav-tabs > li.active > a:hover { font-weight: bold; color: #e8b224; } .rtl .bstrap30 .nav-tabs { margin-left: 0 !important; margin-right: 0 !important; } .rtl .bstrap30 .nav-tabs > li > a { margin-left: auto !important; margin-right: auto !important; font-weight: bold; } .bstrap30 fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } .bstrap30 legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } .bstrap30 label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } .bstrap30 input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; appearance: none } .bstrap30 input[type="checkbox"], .bstrap30 input[type="radio"] { margin-top: 6px !important; margin-right: -18px; line-height: normal; } .bstrap30 input[type=checkbox].disabled, .bstrap30 input[type=checkbox][disabled], .bstrap30 input[type=radio].disabled, .bstrap30 input[type=radio][disabled], fieldset[disabled] .bstrap30 input[type=checkbox], fieldset[disabled] .bstrap30 input[type=radio] { cursor: not-allowed } .bstrap30 input[type=file] { display: block } .bstrap30 input[type=range] { display: block; width: 100% } .bstrap30 select[multiple], .bstrap30 select[size] { height: auto } .bstrap30 input[type=checkbox]:focus, .bstrap30 input[type=file]:focus, .bstrap30 input[type=radio]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .bstrap30 output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555 } .bstrap30 .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } .bstrap30 .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .bstrap30 .form-control::-moz-placeholder { color: #999; opacity: 1 } .bstrap30 .form-control:-ms-input-placeholder { color: #999 } .bstrap30 .form-control::-webkit-input-placeholder { color: #999 } .bstrap30 .form-control::-ms-expand { background-color: transparent; border: 0 } .bstrap30 .form-control[disabled], .bstrap30 .form-control[readonly], fieldset[disabled] .bstrap30 .form-control { background-color: #eee; opacity: 1 } .bstrap30 .form-control[disabled], fieldset[disabled] .bstrap30 .form-control { cursor: not-allowed } textarea.bstrap30 .form-control { height: auto } .bstrap30 .glyphicon { font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 1; } .bstrap30 .glyphicon-refresh::before { content: "\f021" !important; font-weight: bold; } .angrid-details .details-content.active { max-height: 8000px !important; } .bstrap30 .angrid .open > .dropdown-menu li { list-style: none; } /*#endregion*/ #dnngo_megamenu > div > ul > li > a { font-weight: bold !important; } audio { text-align: center; width: 100%; } video { text-align: center; margin: 0 auto !important; display: block !important; max-width: 100% !important; } /*Sub Menu*/ .rtl .dnngo_slide_menu li, .rtl .dnngo_slide_menu li a { font-size: 14px !important; font-weight: bold !important; line-height: 36px !important; font-family: bbcnasim !important; } .rtl .dng-megamenu .dnngo_slide_menu li.dir:before { right: auto !important; left: 10px !important; border-bottom: none !important; border-top: 1px solid; border-left: 1px solid; border-right: none !important; } .rtl .dng-megamenu .dnngo_slide_menu li a { text-align: right !important; padding: 5px 15px 5px 50px !important; } .rtl .dng-megamenu .dnngo_slide_menu .dnngo_submenu { display: block; left: auto !important; right: 100% !important; } .rtl .dnngo_slide_menu li:hover > a, .rtl .dnngo_slide_menu li > a:focus, .rtl .dnngo_slide_menu li.subcurrent > a { } .smbLightOverlayWrapper.modern,.smbLightOverlayWrapper.modern.show { direction: ltr !important; }