body {font-family: Open Sans } /* ***************************** GENERAL SECTIONS ************ ***************************** */ body{ font-size: 17px; color: #666666; font-weight: normal; line-height: 22px; background-color:#fff; } #mk-boxed-layout { -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0px rgba(0, 0, 0, 0); } p { font-size: 17px; color: #666666; } a { color: #333333; } a:hover { color: #0bb697; } #theme-page strong { color: #0bb697; } .mk-header-bg{ background-color:#56a4f1; } .mk-uc-header{ } #theme-page { background-color:#fff; } .mk-tabs-panes, .mk-news-tab .mk-tabs-tabs li.current a, .mk-divider .divider-go-top { background-color: #fff; } #mk-footer { background-color:#56a4f1; } .mk-header-bg { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; } .mk-fixed .mk-header-bg { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; } .modern-style-nav .mk-header-inner .main-navigation-ul > li > a, .modern-style-nav .mk-header-inner .mk-header-start-tour, .mk-header-inner #mk-header-search, .modern-style-nav .mk-header-inner { height: 100px; line-height:100px; } @media handheld, only screen and (max-width: 1100px){ .mk-header-nav-container { background-color:#323b44; width: auto !important; display:none; } .mk-header-tagline, .mk-header-date, .mk-header-start-tour, .mk-header-checkout, .mk-header-login, .mk-header-signup { display: none !important; } #mk-toolbar-navigation, #mk-header-social, #mk-header-search, .mk-language-nav { float: none !important; display: block !important; margin-left: 0 !important; } .mk-header-inner #mk-header-search { display:none !important; } #mk-header-search { padding-bottom: 10px !important; } #mk-header-searchform span .text-input { width: 100% !important; } #mk-main-navigation ul ul { background-color:#323b44 !important; } .mk-mega-icon { display:none !important; } .mk-header-nav-container #mk-main-navigation { visibility: hidden; } .mk-responsive .mk-header-nav-container #mk-main-navigation { visibility: visible; } .classic-style-nav .header-logo .center-logo{ text-align: right !important; } .classic-style-nav .header-logo .center-logo a{ margin: 0 !important; } .header-logo { height: 100px !important; } .mk-header-inner{padding-top:0 !important} .header-logo{position:relative !important;right:auto !important;left:auto !important;float:left !important;margin-left:10px;text-align:left} #mk-main-navigation{position:relative;width:100%;border-bottom:1px solid rgba(255,255,255,0.1)} #mk-main-navigation ul{display:block;padding:0 !important;margin:0 !important} #mk-main-navigation ul li{display:block !important;float:none !important;margin:0 !important} #mk-main-navigation ul li a{padding:20px !important;display:block;border-top:1px solid rgba(255,255,255,0.1) !important;text-align:left !important;color:#fff;font-size:14px;text-transform:uppercase} #mk-main-navigation ul li a > i{display:none} #mk-main-navigation ul li a:hover{background-color:rgba(0,0,0,0.1) !important} #mk-main-navigation ul li .sub-menu{left:auto !important;position:relative !important} #mk-main-navigation ul li .mk_mega_menu{visibility:visible !important} #mk-main-navigation ul li .mk_mega_menu .megamenu-title{background-color:rgba(0,0,0,0.06);font-weight:bold;font-size:14px} #mk-main-navigation ul li .mk_mega_menu .row{width:auto !important} #mk-main-navigation ul li .sub-container.mega{width:auto !important;position:relative !important;top:auto !important} #mk-main-navigation ul li ul{position:relative !important;visibility:visible !important;top:0 !important;width:100% !important;padding:0 !important;margin:0 !important} #mk-main-navigation ul li ul li{padding:0 !important;margin:0 !important;background-color:transparent !important} #mk-main-navigation ul li ul li a, #mk-main-navigation ul li ul li .megamenu-title{font-size:12px;text-transform:none !important;color:#fff !important;padding:12px 15px 12px 35px !important;line-height:12px !important;text-align:left !important;margin:0 !important;border-top:1px solid rgba(255,255,255,0.1)} #mk-main-navigation ul li ul li a:hover, #mk-main-navigation ul li ul li .megamenu-title:hover{color:#fff !important;} .mk-header-bg{zoom:1 !important;filter:alpha(opacity=100) !important;opacity:1 !important} .mk-header-toolbar{padding:0 10px} .mk-header-date{margin-left:0 !important} .mk-nav-responsive-link{cursor:pointer;display:block !important; padding:14px 16px;position:absolute;right:20px;top:50%;margin-top:-19px;z-index:12;line-height:8px;border:1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.15)} .mk-nav-responsive-link i{font-size:16px;line-height:8px;color:#fff} .mk-nav-responsive-link:hover{background-color:rgba(0,0,0,0.3)} .mk-header-nav-container{height:100%;z-index:200} #mk-main-navigation{position:relative;z-index:2} .mk_megamenu_columns_2, .mk_megamenu_columns_3, .mk_megamenu_columns_4, .mk_megamenu_columns_5, .mk_megamenu_columns_6 {width:100% !important} } .classic-style-nav .header-logo { height: 100px !important; } .classic-style-nav .mk-header-inner { line-height:100px; padding-top:100px; } .mk-header-start-tour { font-size: 14px; color: #ffffff; } .mk-header-start-tour:hover{ color: #ffffff; } .mk-header-toolbar { background-color: #2d8fe0; } #mk-toolbar-navigation ul li a, .mk-language-nav > a, .mk-header-login .mk-login-link, .mk-subscribe-link, .mk-checkout-btn, .mk-header-tagline a, .header-toolbar-contact a, #mk-toolbar-navigation ul li a:hover, .mk-language-nav > a:hover, .mk-header-login .mk-login-link:hover, .mk-subscribe-link:hover, .mk-checkout-btn:hover, .mk-header-tagline a:hover { color:#c7c7c7; } #mk-toolbar-navigation ul li a { border-right:1px solid #c7c7c7; } .mk-header-tagline, .header-toolbar-contact, .mk-header-date { color:#c7c7c7; } #mk-header-social a i { color:#ffffff; } /* ***************************** TYPOGRAPHY ****************** ***************************** */ #theme-page h1{ font-size: 36px; color: #393836; font-weight: bold; text-transform: none; } #theme-page h2{ font-size: 16px; color: #393836; font-weight: lighter; text-transform: none; } #theme-page h3{ font-size: 14px; color: #393836; font-weight: bold; text-transform: none; } #theme-page h4{ font-size: 18px; color: #393836; font-weight: bold; text-transform: uppercase; } #theme-page h5{ font-size: 16px; color: #393836; font-weight: bold; text-transform: uppercase; } #theme-page h6{ font-size: 14px; color: #393836; font-weight: normal; text-transform: uppercase; } .mk-fancy-title.pattern-style span, .mk-portfolio-view-all, .mk-woo-view-all, .mk-blog-view-all { background-color: #fff; } /* Widgets : Sidebar */ #mk-sidebar, #mk-sidebar p{ font-size: 12px; color: #666666; font-weight: normal; } #mk-sidebar .widgettitle { text-transform: uppercase; font-size: 14px; color: #333333; font-weight: bolder; } #mk-sidebar .widgettitle a { color: #333333; } #mk-sidebar .widget a{ color: #333333; } /* Widgets : Footer */ #mk-footer, #mk-footer p { font-size: 12px; color: #a0a1a1; font-weight: normal; } #mk-footer .widgettitle { text-transform: uppercase; font-size: 14px; color: #ffffff; font-weight: 800; } #mk-footer .widgettitle a { color: #ffffff; } #mk-footer .widget a{ color: #a5a5a5; } #sub-footer { background-color: #2d8fe0; } #mk-header { background-color:#323b44; } .page-introduce-title { font-size: 44px; color: #ffffff; text-transform: none; font-weight: lighter; } .banner-slogan { font-size: px; color: #ffffff; text-transform: ; font-weight: ; } .page-introduce-subtitle { font-size: 14px; line-height: 100%; color: #ffffff; font-size: 14px; text-transform: none; } .mk-flexsldier-slideshow { background-color: ; } .mk-icarousel-slideshow { background-color: ; } /* Main Navigation */ .mk-classic-nav-bg { background-color:#56a4f1; } .mk-header-nav-container { background-color: #56a4f1; } .main-navigation-ul > li > a { color: #ffffff; background-color: ; font-size: 13px; font-weight: bold; } #mk-header-searchform .text-input { background-color: !important; color: #c7c7c7; } #mk-header-searchform span i { color: #c7c7c7; } #mk-header-searchform .text-input::-webkit-input-placeholder { color: #c7c7c7; } #mk-header-searchform .text-input:-ms-input-placeholder { color: #c7c7c7; } #mk-header-searchform .text-input:-moz-placeholder { color: #c7c7c7; } .main-navigation-ul li > a:hover, .main-navigation-ul li:hover > a, .main-navigation-ul li.current-menu-item > a, .main-navigation-ul li.current-menu-ancestor > a{ background-color: #ffffff; background-color: rgba(255,255,255,0.2); color: #ffffff; } .main-navigation-ul > li:hover > a, .main-navigation-ul > li.current-menu-item > a, .main-navigation-ul > li.current-menu-ancestor > a { border-top-color:#2d8fe0; } .main-navigation-ul li .sub { border-top:3px solid #2d8fe0; } #mk-main-navigation ul li ul { background-color: #ffffff; } #mk-main-navigation ul li ul li a { color: #333333; } #mk-main-navigation ul li ul li a:hover { color: #666666; } .main-navigation-ul li ul li a:hover, .main-navigation-ul li ul li:hover > a, .main-navigation-ul ul li a:hover, .main-navigation-ul ul li:hover > a, .main-navigation-ul ul li.current-menu-item > a { background-color:#f5f5f5 !important; color: #2d8fe0; } .mk-grid { max-width: 1140px; } .theme-page-wrapper #mk-sidebar.mk-builtin { width: 27%; } .theme-page-wrapper.right-layout .theme-content, .theme-page-wrapper.left-layout .theme-content { width: 73%; } @media handheld, only screen and (max-width: 960px){ .theme-page-wrapper .theme-content { width: 100% !important; float: none !important; padding:30px 0 !important; } .theme-page-wrapper { padding-right:20px !important; padding-left: 20px !important; } .theme-page-wrapper #mk-sidebar { width: 100% !important; float: none !important; padding: 0 !important; } .theme-page-wrapper #mk-sidebar .sidebar-wrapper { padding-right:0px !important; padding-left: 0px !important; } } /* ***************************** SKINING ********************* ***************************** */ /* Main Skin Color : Color Property */ .comment-reply a, .mk-tabs .mk-tabs-tabs li.current a > i, .mk-toggle .mk-toggle-title.active-toggle:before, .introduce-simple-title, .rating-star .rated, .mk-accordion .mk-accordion-tab.current:before, .mk-testimonial-author, #wp-calendar td#today, .mk-tweet-list a, .widget_testimonials .testimonial-slider .testimonial-author, .news-full-without-image .news-categories span, .news-half-without-image .news-categories span, .news-fourth-without-image .news-categories span, .mk-read-more, .news-single-social li a, .portfolio-widget-cats, .portfolio-carousel-cats, .blog-showcase-more, .simple-style .mk-employee-item:hover .team-member-position, .mk-blog-classic-item .mk-categories a, .mk-blog-grid-item .mk-categories a, .mk-blog-classic-item time a, .mk-blog-grid-item time a, .mk-blog-author a, .mk-readmore, .mk-blog-author a, .mk-post-date a, .mk-post-cat a, .about-author-name, .blog-similar-posts .similar-post-title, .portfolio-similar-posts .similar-post-title, .mk-similiar-title:hover, .filter-portfolio li a:hover, .portfolio-categories a, .portfolio-single-cat, .mk-pagination .page-number, .mk-woocommerce-pagination a.page-numbers, .mk-portfolio-skills-text, .mk-portfolio-cats-text, .register-login-links a:hover, #mk-language-navigation ul li a:hover, #mk-language-navigation ul li.current-menu-item > a, .mk_product_meta span a, .mk_product_meta span .sku, .not-found-subtitle, .mk-mini-callout a, .mk-quick-contact-wrapper h4, .search-loop-meta a, .new-tab-readmore, .mk-news-tab .mk-tabs-tabs li.current a, .mk-tooltip, .mk-search-permnalink, .divider-go-top:hover, .widget-sub-navigation ul li a:hover, .mk-image-shortcode-lightbox i, .mk-toggle-title.active-toggle i, .mk-accordion-tab.current i, .monocolor.pricing-table .pricing-price span, #mk-footer .widget_posts_lists ul li .post-list-meta time { color: #2d8fe0 !important; } #mk-sidebar .widget a:hover, #mk-footer .widget a:hover { color: #2d8fe0; } /* Main Skin Color : Background-color Property */ .image-hover-overlay, .post-type-badge, .newspaper-portfolio, .single-post-tags a:hover, .similar-posts-wrapper .post-thumbnail:hover > .overlay-pattern, .portfolio-logo-section, .post-list-document .post-type-thumb:hover, #cboxTitle, #cboxPrevious, #cboxNext, #cboxClose, .comment-form-button, .mk-dropcaps.fancy-style, .mk-image-overlay, .pinterest-item-overlay, .news-full-with-image .news-categories span, .news-half-with-image .news-categories span, .news-fourth-with-image .news-categories span, .widget-portfolio-overlay, .portfolio-carousel-overlay, .blog-carousel-overlay, .mk-classic-comments span, .mk-similiar-overlay, .mk-skin-button, .mk-flex-caption .flex-desc span, .mk-icon-box .mk-icon-wrapper i:hover, .mk-quick-contact-link:hover, .quick-contact-active.mk-quick-contact-link, .mk-fancy-table th, .mk-blog-showcase-thumb a, .mk-tooltip .tooltip-text, .mk-tooltip .tooltip-text:after, .wpcf7-submit, .ui-slider-handle { background-color: #2d8fe0 !important; } ::-webkit-selection{ background-color: #2d8fe0; color:#fff; } ::-moz-selection{ background-color: #2d8fe0; color:#fff; } ::selection{ background-color: #2d8fe0; color:#fff; } /* Main Skin Color : Border-color Property */ .mk-testimonial-image img, .testimonial-author-image, .mk-about-author-wrapper .avatar, .mk-circle-image span { -webkit-box-shadow:0 0 0 1px #2d8fe0; -moz-box-shadow:0 0 0 1px #2d8fe0; box-shadow:0 0 0 1px #2d8fe0; } .single-back-top, .mk-blockquote.line-style, .bypostauthor .comment-content, .bypostauthor .comment-content:after { border-color: #2d8fe0 !important; } .news-full-with-image .news-categories span, .news-half-with-image .news-categories span, .news-fourth-with-image .news-categories span, .mk-flex-caption .flex-desc span { box-shadow: 8px 0 0 #2d8fe0, -8px 0 0 #2d8fe0; } .monocolor.pricing-table .pricing-cols .pricing-col.featured-plan { border:1px solid #2d8fe0; } .mk-skin-button.three-dimension, .wpcf7-submit { box-shadow: 0px 3px 0px 0px #2472b3; } .mk-skin-button.three-dimension:active, .wpcf7-submit:active { box-shadow: 0px 1px 0px 0px #2472b3; } .marginbottom60{margin-bottom:60px;} .main-navigation-ul>li>a {padding-right:10px;padding-left:10px;} #mk-footer,#mk-footer .widget a{color:white;} body .Contact_Button { cursor: pointer; cursor: hand; overflow: hidden; position: fixed; _position: absolute; display: block; top: 65%; _top: expression(eval(document.body.scrollTop)+525); left: 0px; z-index: 2147000000; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; border: none; outline: none; font-size: 0px; line-height: 0px;} /****************************/