/* Theme Name: h01 Theme URI: http://helloweb.co.kr/ Author: helloweb Author URI: http://wordpress.org/ Description: In 2015, We remodeled “Twenty Fourteen” - The Wordpress deault theme for AimToG. Version: 0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, white, light, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: h01 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.0.1 Main Slider * 6.0.2 Home Page * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * Reset * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: 'Nanum Gothic', sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;} audio,canvas,video {display: inline-block;max-width: 100%;} html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body,button,input,select,textarea { color: #333; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; } body {background: #fff;margin: 0;} a { color: #428bca; text-decoration: none;} a:focus {outline: 0;} a:hover,a:active {outline: 0;} li.active > a, a:active,a:hover {color: #555;} h1,h2,h3,h4,h5,h6 { clear: both;font-weight: 700;margin: 36px 0 12px;} h1 { font-size: 26px; line-height: 1.3846153846; } h2 { font-size: 24px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b,strong {font-weight: 700;} cite,dfn,em,i { font-style: italic;} mark,ins {background: #fff9c0;text-decoration: none;} p { font-size:12px; margin-bottom: 12px;} code,kbd,tt,var,samp,pre { font-family: monospace, serif; font-size: 15px;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens:none;hyphens: none;line-height: 1.6;} pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote,q { -webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens: none;hyphens: none;quotes: none;} blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;} blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #25aae2;background-color: #F7F7F7; color: #767676; line-height: 1.2631578947;} blockquote cite,blockquote small { color: #2b2b2b; font-size: 16px;font-weight: 400;line-height: 1.5;} blockquote em,blockquote i,blockquote cite {font-style: normal;} blockquote strong,blockquote b {font-weight: 400;} small { font-size: smaller;} big {font-size: 125%;} sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;} sup {bottom: 1ex;} sub {top: .5ex;} dl {margin-bottom: 24px;} dt {font-weight: bold;} dd {margin-bottom: 24px;} ul,ol { list-style: none;margin: 0 0 24px 20px;} li > ul,li > ol {margin: 0 0 0 20px;} img {-ms-interpolation-mode: bicubic;border: 0; vertical-align: middle;} figure {margin: 0;} fieldset {border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px;padding: 11px 12px 0;} legend {white-space: normal;} button,input,select,textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button,input {line-height: normal;} input,textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;} button[disabled],input[disabled] {cursor: default;} input[type="checkbox"],input[type="radio"] {padding: 0;} input[type="search"] {-webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} textarea {overflow: auto;vertical-align: top;} .table-centered tr td, .table-centered tr th {text-align: center;} table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; width: 100%;} caption,th,td { font-weight: normal;text-align: left;} th {border-width: 0 1px 1px 0;font-weight: bold;} td {border-width: 0 1px 1px 0;} del {color: #767676;} hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } ::selection { background: #015196; color: #fff; text-shadow: none; } ::-moz-selection { background: #015196; color: #fff; text-shadow: none; } /* HELP DIV*/ .help { border-top: 2px solid #757575; border-bottom: 2px solid #757575; padding: 10px 0px; display: none; background-color: #e6e6e6; padding: 10px; } h3 > img { cursor: pointer; margin-left:5px; vertical-align:top; } h3 > img:hover { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } .hidden {display: none;} header {background-color:#fff;} body {background-color:#fff;} .list-view .hentry.has-post-thumbnail .entry-content img {display:none;} body, .widget .widget-item h3 a {font-family: 'Nanum Gothic', sans-serif;} h1,h2,h3,h4,h5,h6 {font-family: 'Nanum Gothic', sans-serif;} h2.article-title a {font-size: 18px; line-height: 27px; color:#333;} h2.article-title {margin-bottom:40px;} .page-template-left-sidebar-category .hentry .hentry .post-inner {box-shadow:none;margin-bottom:40px;} .entry-content .gm-style img {width:auto; max-width:none;} /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Input fields */ input,textarea, select { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #2b2b2b; padding: 8px 10px 7px;} textarea {width: 100%;} input:focus,textarea:focus {border: 1px solid rgba(0, 0, 0, 0.3);outline: 0;}http://aimtog.helloweb.co.kr/category/board/ /* Buttons */ button, .button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #015196; border: 0; border-radius: 2px; color: #fff; font-size: 12px; font-weight: 700; padding: 10px 30px 11px; text-transform: uppercase; vertical-align: bottom; } button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #015196; color: #fff; } button:active, .button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #55d737; } .search-field { width: 100%; } .search-submit { display: none; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #939393; } :-moz-placeholder { color: #939393; } ::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #939393; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #header img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Alignment */ .alignleft {float: left;} .alignright {float: right;} .aligncenter {display: block;margin-left: auto; margin-right: auto;} blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 21px 7px 0;} .wp-caption.alignleft { margin: 7px 14px 7px 0;} blockquote.alignright,figure.wp-caption.alignright,img.alignright { margin: 7px 0 7px 24px;} .wp-caption.alignright {margin: 7px 0 7px 14px;} blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;} .site-content blockquote.alignleft,.site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p,.site-content blockquote.alignright p {margin-bottom: 17px;} .wp-caption {margin-bottom: 24px;} .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } .hide {display: none;} /* Clearing floats */ .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .gallery:before, .gallery:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ""; display: table; } .footer-sidebar:after, .hentry:after, .gallery:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after { clear: both; } /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_hfirst_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: none; vertical-align: text-bottom; } /* Separators */ .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_hfirst_ephemera .entry-title:after { content: "\0020\007c\0020"; } .wpcf7 .row {margin-bottom:20px;} .wpcf7 input {width:100%;} .wpcf7 .wpcf7-submit.btn-inquiry {color: #ffffff; background-color: #d9534f; border-color: #d43f3a;} .wpcf7 .wpcf7-submit.btn-inquiry:hover {background-color: #d43f3a;} /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ .site { position: relative; width:100%; } .main { width: 100%;height:auto; z-index: 3; position: relative; } #primary {width:100%;position:relative;} .container {max-width: 1088px;} .page-template-front-page .container, .page-template-front-page .jumbotron .container {max-width: 1220px;} .page-template-front-page .jumbotron {background:transparent; padding:90px 0 25px; margin:0;} /** * 4.0 Header * ----------------------------------------------------------------------------- */ #frontBg {display:none; position:fixed; top:0; width:100%;} .page-template-front-page #frontBg {background:url(images/front-bg.gif) top center no-repeat #efefef; background-size: 100% 100%;} #wpadminbar {min-height: 32px;} #header {position: relative; width:100%; z-index: 4;} .search #header, .single #header, .error404 #header, .page-template-full-width #header, .page-template-downloads #header, .page-template-left-sidebar-category #header, .page-template-full-category #header, .page-template-full-width-en #header {position: absolute;} .main-content.full-width .entry-header.sub-top-bg, .main-content.left-sidebar .entry-header.sub-top-bg {padding-top:74px;} .main-content.full-width .hentry, .main-content.left-sidebar .hentry {margin-top:0;} .header-main { width:100%; display:block; min-height: 120px; position:absolute; top:0; } .entry-header-breadcrumbs {text-transform:uppercase;} .site-title { float: left; font-size: 18px; font-weight: 700; line-height: 48px; margin: 0; width:auto; height:auto; } .site-title a, .site-title a:hover { color: #444; } #logo {float: left;position: relative;} #logo a {display:block;} #header-search { position:relative; float:right; cursor: pointer; z-index: 1; padding:8px; display:block; } #header-search a.search-icon { height:16px; width:16px; display:block; background:url(images/search.png) no-repeat; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; } #header-search a.search-icon:hover { background-position:-16px 0; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; } #pop_out_search { position: absolute; right: 0; top: 116px; padding:20px; background:#fff; } /*** Search ***/ #searchform input#s { border: 1px solid #eee; background:#fff; padding:5px 8px; font-size:10px; color:#999; letter-spacing:1px; float:left; width:140px; } #searchform #searchsubmit { background:url(images/searchsubmit.png) no-repeat; width:27px; height:25px; border: 0px; float: right; cursor:pointer; } #searchform #s:focus { outline:none; } /** searchbar for sidebar ***/ #sidebar .widget #searchform input#s { width:255px; } #header-social { position:absolute; right:20px; top:10px; z-index: 1; } #header-social a.social { display:block; height:16px; width:16px; float:left; margin-left:3px; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; } #header-social a.social:hover { -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; } #header-social a.social.facebook { background:url(images/facebook-small.png) no-repeat; } #header-social a.social.facebook:hover { background-position:-16px 0; } #header-social a.social.twitter { background:url(images/twitter-small.png) no-repeat; } #header-social a.social.twitter:hover { background-position:-16px 0; } #header-social a.social.pinterest { background:url(images/pinterest-small.png) no-repeat; } #header-social a.social.pinterest:hover { background-position:-16px 0; } #header-social a.social.rss { background:url(images/rss-small.png) no-repeat; } #header-social a.social.rss:hover { background-position:-16px 0; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ #moving {z-index:4; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display:block; width:333px; height:100%; position:fixed; top:0; bottom:0px; right:-333px;background:#008cbf;} #moving.toggled-on {right:0;} #moving .sub-bg {width:230px; height:100%; position:fixed; top:0; bottom:0px; right:-333px; background:url(images/submenu-bg.png) repeat;z-index:0; opacity:0;} #moving .sub-bg.opened {right:333px; opacity:1;} .main-menu-container {width:100%; height:auto;z-index:5;} .main-logo-container {width:100%; height:auto;} .main-logo-container a {display:block; text-align:center; padding:80px 0 95px;} .admin-bar .main-logo-container a {padding:112px 0 95px;} #menu-main {margin:0; width:100%; height:auto;z-index:6; border-top:1px solid #1a98c6;} #menu-main > li {width:100%; height:auto; border-bottom:1px solid #1a98c6;} #menu-main li a {font-family: 'Neo Sans', 'Nanum Gothic'; display:block; text-align:center;font-size:16px; line-height:70px;} #menu-main > li > a {color:#fff; padding:0;} #menu-main > li > ul.dropdown-menu > li > a {color:#cfcfcf; padding:0;} #menu-main > li > ul.dropdown-menu {z-index:2; border:none; box-shadow:none; margin:0; padding:0; border-top:1px solid #45788c; background-color:transparent; left:auto; right:0; top:234px; width:230px; height:auto; position:fixed; } .admin-bar #menu-main > li > ul.dropdown-menu {top:266px;} #menu-main > li > ul.dropdown-menu.opened {right:333px; display:block; min-height:500px;} #menu-main > li > ul.dropdown-menu > li {border-bottom:1px solid #45788c;} button.searchbt {padding:0;} .main-search-container {padding:25px 0 0 30px;} input[type="image"].search-icon {display:block; padding:0;border:none;float:left; position:relative;border-radius:0;} input[type="text"].search-text { display:block; width:153px; height:36px; float:left; position:relative; border:1px solid #ddd;border-radius:0;} .main-menu-container, .main-search-container {float:right; position:relative;} #menu-top.navbar-nav {margin:0;padding:0 30px;} #menu-top.navbar-nav > li {float:left;} .main-col-right.pull-right {padding:38px 0;} #menu-main > li.current-menu-item > a, #menu-main > li.current_page_item > a, #menu-main > li > a:hover, #menu-main > li:hover > a, #menu-main > li.opened > a, #menu-main > li.current-menu-ancestor > a {background:#006489;} #menu-main > li > ul.dropdown-menu > li.current-menu-item > a, #menu-main > li > ul.dropdown-menu > li.current_page_item > a, #menu-main > li > ul.dropdown-menu > li > a:hover, #menu-main > li > ul.dropdown-menu > li:hover > a {background:#008cbf; color:#fff;} a.menu-close {position:absolute; top:15px; right:18px;} .admin-bar a.menu-close {top:48px;} .nav.navbar-collapse.navbar-main-collapse.collapse {position:absolute; width:60%; top:85px; right:0; margin:0;padding:0; height:auto;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile {z-index:301;background-color:#e5e5e5;list-style:none; margin:0;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile li a { font-size: 14px; line-height:35px; color:#6c6c6c; padding:0 20px; display:block; } .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile li a.btn.on-children { position:absolute; top:0; right:0; } .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile li.open .dropdown-menu {display:block;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile li .dropdown-menu a.btn.on-children {display:none;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile .dropdown-menu {position:relative;width:100%; border:none; border-radius:0;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile .dropdown-menu .dropdown-menu {padding:0 0 0 15px;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile .dropdown-menu .dropdown-menu a {color: #9c9c9c;} .nav.navbar-collapse.navbar-main-collapse.collapse ul.menu.mobile li {border-bottom:1px solid #ededed;} button.navbar-toggle {color: #fff;background-color: #2a425e;border-color: #2b425e;} button.navbar-toggle .icon-bar {background-color: #fff;} #menu-top li a {font-weight:bold; padding:0 10px;text-align:center; display:block; font-size: 11px; line-height:32px; color: #008cbf; text-shadow: -0.5px -0.5px 0.5px rgba(255, 255, 255, 0.4);} #menu-top li:hover a, #menu-top li.current-menu-item a, #menu-top li.current_page_item a {color:#428bca;} #header select {display: none;} #header #menu-main.menu { position: relative; list-style: none;margin: 0; } #header #menu-main.menu > li > a.hver {width:100%;padding: 25px 25px 25px 5px;} #header #menu-main.menu > li > a.btn.on-children {padding: 25px 5px; position:absolute; right:0; border-radius:0; border-left:0; border-right:0;} #header #menu-main.menu > li > a { position:relative; float:left; border-top:5px solid transparent; border-bottom:5px solid transparent; clear:none;} #header #menu-main.menu > li {display: block; margin-left:30px;} #header #menu-main.menu > li > a { font-size: 18px; color: #4f4f4f; display: block; text-align:center; line-height:27px; } #header #menu-main.menu .dropdown-menu .current_page_item > a.hver, #header #menu-main.menu .dropdown-menu .current-menu-item > a.hver { color: #24408a; background:#f0f1f6; padding-left:17px;font-weight:bold; } #header #menu-main.menu .dropdown-menu > li {display:block; width:100%; height:32px; float:none; clear:both;} #header #menu-main.menu .dropdown-menu > li > a { font-size: 14px; line-height:32px; color:#747474; display:block; } #header #menu-main.menu .dropdown-menu > li > a.hver {padding:0 25px;} #header #menu-main.menu .dropdown-menu > li > a.btn.on-children {background:transparent; position:absolute; top:0; right:0; padding:0 25px;} #header #menu-main.menu .dropdown-menu { top:85px; left:-30%; display:none; box-shadow:none; border:1px solid #b4b4b4; border-radius:0; border-top:1px solid #fff; background-color:#fff; width:auto;height:auto; } #header #menu-main.menu > li > .dropdown-menu {width:auto; padding:10px 0;} #header #menu-main.menu > li:hover > .dropdown-menu, #header #menu-main.menu .dropdown-menu > li:hover > .dropdown-menu, #header #menu-main.menu > li.open > .dropdown-menu, #header #menu-main.menu > li > .dropdown-menu > li.open > .dropdown-menu {display:block;} #header #menu-main.menu > li { float: left;display: block;padding: 0; position: relative; } #header #menu-main.menu .dropdown-menu .dropdown-menu { position: absolute; z-index: 99999; left:100%; top:-18px; border: 1px solid #e5e5e5; background: #FFF; font-size: 12px; font-weight: bold; letter-spacing: 1px; padding: 12px 0; -webkit-box-shadow: 0px 3px 5px rgba(15, 15, 15, .1); -moz-box-shadow: 0px 3px 5px rgba(15, 15, 15, .1); box-shadow: 0px 3px 5px rgba(15, 15, 15, .1); } #header #menu-main.menu li:hover a { color: #000; } #header-right {width:100%;} .menu-toggle {display:block; font-weight: bold; color:#008cbf; cursor: pointer; text-shadow:0 1px 2px rgba(255, 255, 255, .7); font-size: 12px; line-height:30px; padding-right:40px; background:url(images/menu-open.png) center right no-repeat transparent; -webkit-background-size: 30px 30px; background-size: 30px 30px;} .menu-toggle:active,.menu-toggle:focus,.menu-toggle:hover, .menu-toggle::selection {background-color:transparent;} /** * 6.0 Content * ----------------------------------------------------------------------------- */ .hentry { margin: 48px auto 0; } .site-content .entry-breadcrumbs, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { margin: 0 auto; max-width: 100%; } .page-content { margin-bottom: 48px; } .entry-content .entry-excerpt p {font-size: 13px; line-height:22px; color:#747474;} .site-content .entry-meta {margin-top: 20px; margin-bottom: 30px; padding: 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;} /** * 6.0.1 Main Slider * ----------------------------------------------------------------------------- */ /** * 6.0.2 Home Page * ----------------------------------------------------------------------------- */ .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope-item { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } .element { position: relative; float: left; overflow: hidden; margin: 0; padding: 0; background: transparent; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .clone .progressive { opacity:1; } .element.isotope-item { z-index: 2;opacity:1;-ms-filter: none; filter: none; -moz-opacity: 1;-khtml-opacity: 1;} .jumbotron p.tit01 {font-size: 20px;line-height: 34px; padding-top:44%;} .tit02 {font-size: 60px;line-height: 80px;color: #1e1e1e; font-weight:400; } .tit03 {font-size: 18px;line-height: 28px;color: #323232; -ms-word-break: keep-all; word-break: keep-all;} .element.width0 a {display:block;position: relative;cursor:default;} .element.width1 a {display:block;position: relative;padding-top:66%;} .element.width1 a.mainBox3en {padding-top:61%;} .element.width2 a.thumb-box {display:block;position: relative;} .element.width3 a {display:block;position: relative;} .element.width4 a {display:block;position: relative;cursor:default;} .mainBox2 a.text-box {position:absolute; bottom:0; width:95%; height:auto; text-align:right; font-size: 20px;line-height: 34px; color: #fff;} .mainBox5 a.text-box {position:absolute; bottom:0; width:95%; height:auto; text-align:right; font-size: 20px;line-height: 34px; color: #fff;} .mainBox2 a.thumb-box, .mainBox5 a.thumb-box {overflow:hidden;} .mainBox2 a.thumb-box img, .mainBox5 a.thumb-box img {-webkit-transform:scale(1);transform:scale(1); width:100%; height:auto; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .mainBox2:hover a.thumb-box img, .mainBox5:hover a.thumb-box img {-webkit-transform:scale(1.3);transform:scale(1.3); } .mainBox3 a {text-align:center; background: url(images/mainBox3.png) center 37px no-repeat #fff;font-size: 13px;line-height: 20px; color: #3f3f3f; font-weight:700;} .mainBox3 a.mainBox3en {line-height: 18px;} .mainBox4 a {text-align:center; background: url(images/mainBox4.png) center 37px no-repeat #ac193d;font-size: 13px;line-height: 20px; color: #fff; font-weight:700;} .mainBox6 a {text-align:center; background: url(images/mainBox6.png) center 37px no-repeat #4783be;font-size: 16px;line-height: 20px; color: #fff; font-weight:700;} .mainBox7 a {text-align:center; background: url(images/mainBox7.png) center 37px no-repeat #fff; font-size: 16px;line-height: 34px; color: #3f3f3f; font-weight:800;} .mainBox7 a.enver {line-height: 20px; color: #3f3f3f; font-weight:800;} .mainBox8 a {text-align:center; background: url(images/mainBox8.png) center 37px no-repeat #fff; font-size: 16px;line-height: 34px; color: #3f3f3f; font-weight:800;} .mainBox9 a {text-align:center; background: url(images/mainBox9.png) center 37px no-repeat #fff; font-size: 16px;line-height: 34px; color: #3f3f3f; font-weight:800;} .mainBox10 a {text-align:center; background: url(images/mainBox10.png) center 37px no-repeat #fff; font-size: 15px;line-height: 31px; color: #3f3f3f; font-weight:800; /*font-size: 16px;line-height: 34px; color: #3f3f3f; font-weight:800;*/} .element.width1 a {-webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;} .element.width1:hover a {color:#fff; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .mainBox3:hover a {background: url(images/mainBox3h.png) center no-repeat rgba(0,0,0,0.55);} .mainBox4:hover a {background: url(images/mainBox4.png) center no-repeat rgba(0,0,0,0.55);} .mainBox6:hover a {background: url(images/mainBox6.png) center no-repeat rgba(0,0,0,0.55);} .mainBox7:hover a {background: url(images/mainBox7h.png) center no-repeat rgba(0,0,0,0.55);} .mainBox8:hover a {background: url(images/mainBox8h.png) center no-repeat rgba(0,0,0,0.55);} .mainBox9:hover a {background: url(images/mainBox9h.png) center no-repeat rgba(0,0,0,0.55);} .mainBox10:hover a {background: url(images/mainBox10h.png) center no-repeat rgba(0,0,0,0.55);} .main-sns-container {width:100%; height:70px; position:absolute; bottom:0; text-align:center;} .sns-icons {-webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; display:inline-block; position:relative; width:36px; height :40px; background-position:center; background-repeat:no-repeat;} .sns-icons.iconF {background-image: url(images/iconF.png);} .sns-icons.iconB {background-image: url(images/iconB.png);} .sns-icons.iconM {background-image: url(images/iconM.png);} .sns-icons.iconE {background-image: url(images/iconE.png);} .sns-icons.iconF:hover {background-image: url(images/iconFh.png);} .sns-icons.iconB:hover {background-image: url(images/iconBh.png);} .sns-icons.iconM:hover {background-image: url(images/iconMh.png);} .sns-icons.iconE:hover {background-image: url(images/iconEh.png);} .contact-sns-container {text-align:right;} .contact-sns-container .sns-icons {-webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; display:inline-block; position:relative; width:40px; height :40px; background-position:center; background-repeat:no-repeat;} .contact-sns-container .sns-icons.iconF {background-image: url(images/iconF2.png);} .contact-sns-container .sns-icons.iconB {background-image: url(images/iconB2.png);} .contact-sns-container .sns-icons.iconM {background-image: url(images/iconM2.png);} .contact-sns-container .sns-icons.iconN {width:60px;background-image: url(images/iconN.jpg);} /** * 6.1 Post Thumbnail * ----------------------------------------------------------------------------- */ .single.single-post .entry-thumbnail {max-height:500px; width:100%; text-align:center;} .single.single-post .entry-thumbnail img {max-height:500px; width:auto;} .single.single-post .entry-content {padding:50px 0;} .post-thumbnail { display: block; position: relative; width: 100%; z-index: 0; } a.post-thumbnail:hover { background-color: #999; } .full-width .post-thumbnail img { display: block; margin: 0 auto; } .front-page .post-thumbnail { display: block; } /** * 6.2 Entry Header * ----------------------------------------------------------------------------- */ .entry-header { position: relative; z-index: 1; } .entry-title { color: #676767; font-weight: normal; font-size: 26px; margin: 20px 0 10px; line-height: 1.1; } .entry-content-title .entry-title {background:url(images/entry-title-bg.gif) top left no-repeat; color: #303030; font-weight: 700; font-size: 38px; margin: 0px; line-height: 51px;padding:17px 0 70px;} .entry-title a { color: #2b2b2b; } .entry-title a:hover { color: #015196; } .site-content .entry-header.sub-top-bg h1.entry-title { color: #333; font-size: 30px; margin: 0; text-transform: none; line-height: 50px; font-weight:bold;} .single .site-content .entry-header.sub-top-bg h1.entry-title {line-height: 40px;} .site-content .entry-header .entry-header-breadcrumbs, .site-content .entry-header .entry-header-breadcrumbs a { color: #505050; font-size: 11px; margin: 0; line-height: 16px; padding-top:16px; } .entry-header.sub-top-bg {background:url(images/subTop04.jpg) center no-repeat;} .parent-pageid-1099 .entry-header.sub-top-bg {background:url(images/subTop01.jpg) center no-repeat;} .parent-pageid-10 .entry-header.sub-top-bg {background:url(images/subTop02.jpg) center no-repeat;} .parent-pageid-15 .entry-header.sub-top-bg {background:url(images/subTop03.jpg) center no-repeat;} .parent-pageid-17 .entry-header.sub-top-bg {background:url(images/subTop04.jpg) center no-repeat;} .entry-breadcrumbs {border-bottom:1px solid #b5b5b5;text-transform: uppercase; font-size: 13px; line-height:30px; padding-top:0px; padding-bottom:0px; color:#4b4b4b;} .entry-breadcrumbs .dropdown-menu {text-transform:none;} .btn-group.btn-group-breadcrumbs {display: inline-block; vertical-align: bottom; border-right:1px solid #b5b5b5;} .btn-group.btn-group-breadcrumbs ul.dropdown-menu, .btn-group.btn-group-breadcrumbs ul.dropdown-menu li a {font-size: 13px;line-height: 30px; color:#5d5d5d;} a.home_icon {text-transform: uppercase; font-size: 13px; line-height:30px; padding-top:10px; padding-bottom:10px; color:#4b4b4b; padding-left:20px; padding-right:20px; display:inline-block; border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;} .btn.btn-breadcrumbs {border:none; padding-right:100px; background:url(images/breadcrumbs.gif) center right no-repeat;} .btn.btn-breadcrumbs.btn-breadcrumbs-2 {color:#125596; font-weight:700; background:url(images/breadcrumbsOn.gif) center right no-repeat; text-transform: none;} .page-template-templatescontact-page-php .site-content .entry-header.sub-top-bg {margin-bottom:0;} .entry-header.sub-top-bg .container {padding-top:40px;padding-bottom:40px;} .entry-header-title h2 {margin-top:0; font-size: 35px; line-height:40px;color:#fff; font-weight:700;} .entry-header-excerpts {margin-top:0; font-size: 13px; line-height:24px;color:#fff;} .page-template-full-width-en .entry-header-excerpts {margin-top:0; font-size: 13px; line-height:19px;color:#fff;} .btn.btn-breadcrumbs {padding-top:10px; padding-bottom:10px;line-height:30px;} /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ .entry-meta { clear: both; color: #767676; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-meta a { color: #767676; } .entry-meta a:hover { color: #015196; } .sticky .entry-date { display: none; } .cat-links { font-weight: 900; text-transform: uppercase; } .cat-links a { color: #2b2b2b; } .cat-links, .entry-date-cont, .edit-link {padding-top:10px; padding-bottom:10px;} .cat-links, .entry-date-cont, .edit-link, .cat-links a, .entry-date-cont a, .edit-link a {line-height:30px; display:inline-block;} .cat-links a:hover { color: #015196; } .single .entry-right {line-height:14px; padding-bottom:10px;} .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .site-content footer.entry-meta { margin: 24px auto 0; padding: 0 10px; } /* Tag links style */ .entry-meta .tag-links a { background-color: #767676; border-radius: 0 2px 2px 0; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; line-height: 1.2727272727; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transform: uppercase; } .entry-meta .tag-links a:hover { background-color: #015196; color: #fff; } .entry-meta .tag-links a:before { border-top: 10px solid transparent; border-right: 8px solid #767676; border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; top: 0; left: -8px; width: 0; } .entry-meta .tag-links a:hover:before { border-right-color: #015196; } .entry-meta .tag-links a:after { background-color: #fff; border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; left: -2px; width: 4px; } /** * 6.4 Entry Content * ----------------------------------------------------------------------------- */ .entry-content .jjm, .jjm, .jjm span {font-family: 'Jeju Myeongjo' !important;} .entry-content-container {padding:90px 0 120px;} .entry-content p, table.d9 td, .entry-content .software-tab p {font-size: 15px;line-height: 27px;color: #4d4c4c; margin-bottom:25px;} .entry-content p.mb00, table.d9 td.mb00, .entry-content .software-tab p.mb00 {margin-bottom:0;} .entry-content p strong {color: #212020; font-weight:700;} .entry-content .lightgrey, .lightgrey {color:#bababa;} .entry-content .blue, .blue {color:#0f4c98;} .entry-content .green, .green {color:#0a95a6;} .entry-content .yellow, .yellow {color:#da9308;} .entry-content .white, .white {color:#fff;} .entry-content .black, .black {color:#000;} .entry-content .bold, .bold {font-weight:bold;} .entry-content .normal, .normal {font-weight:normal;} .entry-content .p_32 {color:#323232;} .entry-content .pl20 {padding-left:20px !important;} .entry-content .pt10 {padding-top:10px !important;} .entry-content .pt20 {padding-top:20px !important;} .entry-content .pt30 {padding-top:30px !important;} .entry-content .pt40 {padding-top:40px !important;} .entry-content .pt50 {padding-top:50px !important;} .entry-content .pb20 {padding-bottom:20px !important;} .entry-content .pb30 {padding-bottom:30px !important;} .entry-content .pb40 {padding-bottom:40px !important;} .entry-content .pb50 {padding-bottom:50px !important;} .entry-content .ptpb20 {padding-top:20px !important;padding-bottom:20px !important;} .entry-content .ptpb30 {padding-top:30px !important;padding-bottom:30px !important;} .entry-content .ptpb40 {padding-top:40px !important;padding-bottom:40px !important;} .entry-content .ptpb50 {padding-top:50px !important;padding-bottom:50px !important;} .entry-content .mt40 {margin-top:40px !important;} .entry-content .mt30 {margin-top:30px !important;} .entry-content .mt20 {margin-top:20px !important;} .entry-content .mt10 {margin-top:10px !important;} .entry-content .mt00, .mt00 {margin-top:0 !important;} .entry-content .mb50 {margin-bottom:50px !important;} .entry-content .mb40 {margin-bottom:40px !important;} .entry-content .mb30 {margin-bottom:30px !important;} .entry-content .mb20 {margin-bottom:20px !important;} .entry-content .mb10 {margin-bottom:10px !important;} .entry-content .mb00, .mb00, p.mb00, .jumbotron p.mb00 {margin-bottom:0;} .entry-content .mbmt00 {margin-top:0;margin-bottom:0;} .border_ee {border-bottom:1px solid #eee;} .bigImage:hover {-webkit-transform:scale(1.05);transform:scale(1.05);} .bigImage {-webkit-transition: all 0.7s ease;transition: all 0.7s ease;} .borderd {border-bottom:1px dashed #e5e5e5;margin-bottom:40px;} .borderd2 {height:80px;background:url(images/underline.gif) center left repeat-x;} /*greetings*/ .entry-content .ceo01 {font-size: 40px;line-height: 48px; text-shadow:0px 1px 2px #fff; font-weight:bold;} .entry-content .ceo02 {font-size: 30px; color: #717171;font-weight:normal;} .entry-content h3.atgh3 {font-size: 21px;line-height: 50px;color: #383838; font-weight:800; text-shadow:0px 1px 2px #fff;} .entry-content p.ceoSign {margin-top:50px; background:url(images/ceoSign.jpg) center right no-repeat; text-align:right; padding-right:150px; font-size: 18px;line-height: 24px;color: #212121; font-weight:700;} .ceoBox {background:url(images/ceoBox.png) bottom right no-repeat; border-bottom:1px solid #d9d9d9;padding:115px 0 25px;margin-bottom:55px;} /*vision*/ .3gBox {background:#f7f7f7; padding:40px 80px;} .missions {border:1px solid #bababa; padding:40px 20px 30px 40px; margin:40px 0;} .missions.mission {border-top:5px solid #3467a8;} .missions.vision {border-top:5px solid #0a95a6;} .missions h4 {font-size: 33px; line-height: 48px; color: #3d3d3d;font-weight:700;} .ltNarrow {letter-spacing:-0.5px;} /*history*/ h4.history011 {text-align:center;font-size: 20px; line-height: 24px; color: #3d3d3d;font-weight:700;margin-top:40px; margin-bottom:0;} .entry-content h3.atgh3.history01 {line-height: 33px;} .history02 {font-size: 20px;} .history_module {background:url(images/verticalRow.gif) no-repeat; background-position:41.6% top; padding:50px 0; margin:30px 0;} .history_module .row.innerR {background:url(images/rArrow.png) no-repeat; background-position:41.6% top;} .history_module .row.innerL {background:url(images/lArrow.png) no-repeat; background-position:41.6% top;} .history_module .row.innerLE {background:url(images/leArrow.png) no-repeat; background-position:41.6% top;} .history_module .init h4, h3.conceptH3 {font-size: 40px;line-height: 50px; color: #0f4c98; font-family: 'Jeju Myeongjo' !important;font-weight:bold;} .history_module .empty h4 {font-size: 25px;line-height: 50px; color: #333;font-weight:700;} .history_module .history_left {text-align:right;padding-right:90px;} .history_module .history_right {padding-left:90px;} .history_module .history_left ul.greyUl {float:right;} ul.greyUl {margin: 0 0 24px 2px; } ul.greyUl li {background:url(images/greyLi.gif) top left no-repeat; padding:0 0 10px 10px; float:none; display:inline-block;} ul.greyUl li strong {font-weight:700; color:#0f4c98;} .wares {border:1px solid #c8c8c8; padding:0; margin:30px 0;} .waresUl {padding:20px ;} .waresUl li {line-height: 27px;background:url(images/waresLi.gif) top left no-repeat; padding:0 0 5px 15px;} .wares h4 {font-size: 20px;line-height: 30px; padding:22px 0; text-align:center; font-weight:700; color: #fff; margin-bottom:5px;} .wares.software h4 {background-color:#0f4c98;} .wares.hardware h4 {background-color:#0a95a6;} .wares.si_iot h4 {background-color:#e4ac3d;} /*organization*/ .universe {background:url(images/universe5.jpg) center left no-repeat; background-size:100%; padding:80px 45px 0 0; text-align:right; margin-bottom:0;} .universe.universe_en {background:url(images/universe4.jpg) center left no-repeat; background-size:100%; padding:80px 45px 0 0; text-align:right; margin-bottom:0;} .universe_bottom {background:#242424; padding:45px 50px;margin-bottom:50px;} .universe h2 {color:#fff; font-size: 50px;line-height: 50px; font-family: 'Open Sans', 'Neo Sans', 'Nanum Gothic', 'Malgun Gothic';font-weight:700; margin-bottom:30px;} .universe p {color:#fff;font-size: 15px; line-height:24px; margin-bottom:10px;} h3.universe01 {color:#e7e7e7; font-weight:700;font-size: 25px;line-height: 33px; margin:0 0 20px;} p.universe01s {color:#e7e7e7; font-weight:400;font-size: 15px;line-height: 27px; margin:0;} .entry-content p.universe01s strong {color:#e7e7e7;} .organ {text-align:center; background: #f7f7f7; padding:50px 3%;} .ceo-bg {width:184px; background:url(images/ceo-bg.png) center no-repeat; text-align:center;color:#fff;font-weight:700;font-size: 25px;line-height: 184px;} .team-bg01 {margin:0 0 14px; width:160px; background:#393939;color:#fff;font-weight:700;font-size: 16px;line-height: 38px; text-align:center; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .team-bg02 {margin:0 0 14px; width:161px; background:url(images/team2.png) center no-repeat;color:#fff;font-weight:700;font-size: 18px;line-height: 25px; text-align:center; padding:11px 0;} .team-bg03 {margin:0 0 14px; width:113px; background:#393939;color:#fff;font-weight:700;font-size: 16px;line-height: 38px; text-align:center; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .team-bg04 {margin:0 0 14px; width:128px; background:#393939;color:#fff;font-weight:700;font-size: 16px;line-height: 38px; text-align:center; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .team-bg05 {margin:0 0 14px; width:142px; background:#fff;color:#393939;font-weight:700;font-size: 16px;line-height: 36px; text-align:center; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; border:1px solid #a7b1b1;} /*awards*/ .entry-content p.pbizP1 {} .entry-content .awards-page.missions p {margin-bottom:3px;} .row.awards-page .col-md-6.col-xs-6 {padding-top:20px;} .row.awards-page h2 {font-size: 50px;line-height: 70px;color:#383838;font-weight:700;margin-bottom:50px;} .row.awards-page h3 {font-size: 28px;line-height: 33px;color:#383838;font-weight:700;margin-bottom:30px;} .row.awards-page.awards-en h3 {font-size: 24px;line-height: 33px;color:#383838;font-weight:700;margin-bottom:30px;} /*ci*/ .symbol {background:url(images/monun.gif) repeat;border:1px solid #e8e8e8; padding:75px 10px;} h3.symbols {font-size: 21px;line-height: 33px;color:#383838;font-weight:700;} /*software*/ .popDown div.wpcf7-response-output {position:absolute; bottom:-20px;} .popDown span.wpcf7-not-valid-tip {font-size:8px; position: absolute; } h3.symbols2 {font-size: 25px;line-height: 33px;color:#383838;font-weight:700;} table.qna {border-top: 2px solid #767676;} table.qna .wpcf7-list-item {margin-right:10px;} table.qna input[type="checkbox"] {display:inline-block;width:14px; height:14px;margin: 10px 0 0;} table.qna th {width:20%;font-size: 13px;line-height: 48px;color:#fff;font-weight:700;text-align:center;background:#868686;} table.downloadPop {width:98%; margin:15px auto;} table.downloadPop tr, table.qna tr {border-bottom:1px solid #e9e9e9} table.downloadPop th {min-width:100px;width:20%;font-size: 13px;line-height: 28px;color:#fff;font-weight:700;text-align:center;background:#323232; padding:18px 6px; word-break:keep-all; vertical-align: middle;} .wpcf7 input[type="checkbox"] {width: auto;display: inline-block;line-height: 27px;vertical-align: text-bottom;} .wpcf7-list-item-label { line-height: 27px; padding-right: 20px;} .wpcf7 input.wpcf7-form-control.wpcf7-text.extraText {display: inline-block; width: 200px;} table.downloadPop td, table.qna td {padding:10px 19px;background-color:#fff;} table.qna textarea {margin-bottom:20px;} table.qna textarea, table.qna input[type="email"], table.qna input[type="tel"], table.qna input[type="text"], table.downloadPop input[type="text"], table.downloadPop input[type="email"], table.downloadPop input[type="tel"], table.downloadPop textarea{background-color:#f7f7f7; border:1px solid #e1e1e1;padding: 2px 10px;} input[type="submit"].wpcf7-form-control.wpcf7-submit.yellowLabel {background:url(images/pointerY.png) center left no-repeat #e4ac3d;width:120px; color:#fff;} input[type="submit"].wpcf7-form-control.wpcf7-submit.blackLabel {background:url(images/pointerB.png) center left no-repeat #333;width:120px; color:#fff;} input[type="submit"].wpcf7-form-control.wpcf7-submit:hover {color:#ddd;} .popDown.in .modal-dialog {max-width:95%; width:600px; margin:35px auto; min-height:1000px; height:auto; z-index:2000;border-radius:0;} .popDown.in .modal-body {background:url(images/popBg.png) top center repeat; border-top:11px solid #323232;border-bottom:3px solid #323232;} .popDown.in .modal-body h2.downloadTitle {font-family: 'Neo Sans', 'Nanum Gothic';font-weight:800;font-size: 57px;line-height:52px;color:#131212; margin-top:40px;margin-bottom:10px;letter-spacing:-2px;} .popDown.in .modal-body h2.downloadTitle .downloadTitleSmall {font-size: 47px; color:#e4ac3d;} .popDown.in .modal-body h3 {font-size: 40px;font-weight:400; line-height:57px;color:#131212; margin-top:0;margin-bottom:25px;} #myModal h3 {margin-top:0;font-family: 'Neo Sans', 'Nanum Gothic';font-weight:800; line-height:52px;background: url(images/funnellogo.jpg) center right no-repeat;} #myModal .modal-dialog {width:500px; margin:100px auto;height:246px; z-index:2000;border-radius:0;} #myModal .modal-header {background: #e2e2e2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZmZmYWY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 2%, #dbdbdb 3%, #d1d1d1 5%, #d1d1d1 6%, #fffaf7 51%, #dbdbdb 95%, #d1d1d1 97%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(2%,#dbdbdb), color-stop(3%,#dbdbdb), color-stop(5%,#d1d1d1), color-stop(6%,#d1d1d1), color-stop(51%,#fffaf7), color-stop(95%,#dbdbdb), color-stop(97%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 2%,#dbdbdb 3%,#d1d1d1 5%,#d1d1d1 6%,#fffaf7 51%,#dbdbdb 95%,#d1d1d1 97%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 2%,#dbdbdb 3%,#d1d1d1 5%,#d1d1d1 6%,#fffaf7 51%,#dbdbdb 95%,#d1d1d1 97%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 2%,#dbdbdb 3%,#d1d1d1 5%,#d1d1d1 6%,#fffaf7 51%,#dbdbdb 95%,#d1d1d1 97%,#fefefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 2%,#dbdbdb 3%,#d1d1d1 5%,#d1d1d1 6%,#fffaf7 51%,#dbdbdb 95%,#d1d1d1 97%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */ } #myModal .ie9show {display:none;} #myModal .modal-header button.close {margin-top:-10px; margin-right:-5px; color: #fff; background:red; width:18px; height:18px;opacity:1;line-height:18px;text-shadow:none} .popDown button.close {margin-top:10px; margin-right:5px;width:18px; height:18px;opacity:1;line-height:18px;text-shadow:none} #myModal .modal-content {border-radius:0;} .progress-cont {background:#131313; padding:10px;margin-bottom:10px;} .progress-cont .progress {margin-bottom:10px;} .progress01 {text-align:center; color:#eee;} .progress02 {text-align:right; color:#fff;margin-bottom:0;} .progress01.progress01en {font-size:11px;} .progress02.progress02en {font-size:10px;} .progress03 {text-align:right; color:#ccc;margin-bottom:0;} h3.netfunnelH3 {font-size: 25px;line-height: 33px;color:#383838;font-weight:700;} .soFirstCont > div {padding-top:30px;padding-bottom:30px; height: 100%;} .soFirstCont1 > div {background:url(images/nbg01.jpg) center no-repeat;/*background:#1794D6;*/} .soFirstCont2 > div {background:url(images/nbg02.jpg) center no-repeat;/*background:#4c4c4c;*/} h4.soFirst {text-align:center;font-weight:700;margin-bottom:0;color:#fff;text-shadow:0px 0px 1px rgba(0, 0, 0, 0.2); padding-left:10px; padding-right:10px;} h3.netfunnelH3.funnellogo {line-height: 33px;padding-left:150px; background: url(images/mainBox3.png) top left no-repeat;} h3.netfunnelH3.funnellogo span.funnellogo-detail {font-size:16px;line-height: 33px;} h3.netfunnelH3.funnellogo span.funnellogo-detail2 {font-size: 15px;line-height: 27px;color: #4d4c4c; font-weight:400;} h3.netfunnelH3.funnellogo.introductions {line-height: 27px;} h3.netfunnelH3.clusterpluslogo {line-height: 33px;padding-left:170px; background: url(images/clusterplus-logo.png) top left no-repeat;} h3.netfunnelH3.clusterpluslogo span.clusterpluslogo-detail {font-size:16px;line-height: 33px;} p.introductionP1 {padding-left:20px;} ul.blueCheck {margin: 0;} ul.blueCheck li {line-height: 27px;background:url(images/blueCheckLi.png) top left no-repeat; padding:0 0 5px 20px;} .monitoring {border:1px solid #c8c8c8;} .monitoringR {background:#f4f4f4; padding-top:25px; padding-bottom:25px;} .funnel-image:hover {-webkit-box-shadow: 0px 0px 15px 15px #fff;box-shadow: 0px 0px 15px 15px #fff;border-radius:50%;opacity: 0.6;-webkit-transform: rotate(360deg);transform: rotate(360deg);} .funnel-image {opacity: 1;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;} .effects {background:#f4f4f4; padding-top:25px; padding-bottom:25px;} .effects-cont {background:#f4f4f4;} .effects-inner {background:none;padding-top:25px; padding-bottom:25px;} h4.effectsH4 {font-size: 21px;line-height: 35px;color:#202020;font-weight:700; padding-top:20px;} h4.effectsH4.pt00 {padding-top:0;} ul.lightblue {margin: 0;} ul.lightblue li {font-size: 14px;line-height: 25px;background:url(images/lightblueLi.gif) top left no-repeat; padding:0 0 5px 20px;} h4.lightblueH4 {color:#383838; font-size: 20px;line-height: 30px;background:url(images/lightblueH4.gif) top left no-repeat; padding:0 0 10px 18px;font-weight:700;} .h4Cont {padding-top:25px;} .patent .row {background:transparent;} .patent3-1 {margin-bottom:20px;} .patent3-2 {background-color:#fafafa;} .patent3-2, .patentL1 img {border:1px solid #e6e6e6;} .patent5-1 {background-color:#fff;padding:0 9px;} .patent img.aligncenter {margin:0 auto;} .col-md-5.col-sm-5.col-xs-5.col-xxs-5.patent6 {padding-left:0;} .patent h5 {padding-right:10px;font-size: 18px;line-height: 27px;font-weight:700; color:#383838;} .patent p {padding-right:10px;font-size: 15px;line-height: 20px;} .patentR.h4Cont p {margin-bottom:40px;} .patent6 p {margin-bottom:5px;} .patentL2 {background-color:#4d4c4c;border-bottom:5px solid #dedede;} .patent h5.white {padding-top:70px;padding-left:10px;} .patent p.white {padding-left:10px;padding-bottom:48px;} .pdf_box {border:1px solid #e6e6e6; margin-bottom:20px;} .pdf_box h5 {padding:18px 10px 10px; margin-bottom:8px; font-size: 18px;line-height: 27px;font-weight:700; color:#383838; background:url(images/underline.gif) bottom left repeat-x;} .pdf_box3 p {padding:0 10px; margin-bottom:20px;} .pdf_box1-1 img.aligncenter {padding:20px; margin:0 auto;} .download {background:url(images/down.png) top left no-repeat #3c3c3c; display:block;width:141px; height:35px;font-size: 15px; line-height:35px; color:#fff; text-align:center;-webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;margin:45px 20px 20px 0;cursor: pointer;} .readmore {background:url(images/down.png) top left no-repeat #3c3c3c; display:block;width:141px; height:35px;font-size: 15px; line-height:35px; color:#fff; text-align:center;-webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;margin:5px 0 40px;} .download:hover, .download:focus, .download:visited, .readmore:hover, .readmore:focus, .readmore:visited {background-image:url(images/downOver.png);color:#ededed;} /*clusterplus appinsitor*/ .violet {color:#782b90 !important;} .sub-title {font-family: 'Open Sans', 'Neo Sans', 'Nanum Gothic', 'Malgun Gothic'; color: #000; font-weight: 700; font-size: 42px; margin: 1.5em 0; line-height:1;} .midTit {color: #333;font-size: 37px;line-height: 40px;font-family: 'Open Sans', 'Neo Sans', 'Nanum Gothic', 'Malgun Gothic';font-weight: 700;margin-top:10px !important;margin-bottom: 60px;letter-spacing:-1.5px;} .midTit > .violet {color:#782b90; font-family: 'Open Sans', 'Neo Sans', 'Nanum Gothic', 'Malgun Gothic';font-weight: 700;} .midTit > .blue {color:#0f4c98; font-family: 'Open Sans', 'Neo Sans', 'Nanum Gothic', 'Malgun Gothic';font-weight: 700;} .d7-border-box { border: 10px solid #d7d7d7; padding: 30px;} .entry-content .software-tab p.tabInnerP2 {margin-bottom:0;} .functionTitle {background: url(images/functionTitle.jpg);font-size: 17px;line-height: 1;margin-bottom: 0;color: #fff;font-weight: 400;text-align: center;padding: 26px 5px 0;height: 70px;} .skyblueDotUL { list-style: none; margin: 0; padding: 0;} .skyblueDotUL li { padding-left: 14px; background: url(images/skyblueDotUL.png) left 8px no-repeat;} .functionBox {border: 1px solid #d7d7d7;border-top: none;padding: 25px 18px;margin-bottom: 20px;height: 175px;} .clear.dashWall {margin-top: 30px;margin-bottom: 30px;height: 1px;background: url(images/dashwall.png) center left repeat-x;} .effectH4 {font-size: 21px;line-height: 1;color: #202020;font-weight: 400;} .aiP1 {font-size: 15px;line-height: 2;color: #4d4c4c;font-weight: 400; } h3.netfunnelH3.appinsitorlogo {line-height: 33px; background:url(images/appinsightorLogo.png) center left no-repeat; padding:28px 0 10px 240px; background-size:194px 91px;} .appinsitorlogo-detail {font-size: 15px;line-height: 1.8;color: #4d4c4c;font-weight: 400;} .aibox1 {max-width:1023px; width:100%; margin: 0 auto;} .aibox1-item {margin-bottom:25px;} .aibox1-inner {width:100%; display:table; height:75px; background:url(images/aibox1-inner.jpg) repeat;} .aibox1-td {width:100%; display:table-cell; vertical-align:middle; text-align:center; font-size: 18px;line-height: 1.2;color: #fff;font-weight: 700;} .row.mlmr20 {margin-left:-20px; margin-right:-20px;} .row.mlmr20 > .col-xs-12.col-sm-6.col-md-6 {padding-left:20px; padding-right:20px;} .functionTitle.title2 {padding-top:16px;} /*hardware*/ .infraTopCont {padding-bottom:20px;} p.infraTop {margin-bottom:5px; font-size:16px; font-weight:700; background:url(images/awicon.png) center left no-repeat; padding-left:30px;} .popDown .modal-body .collapses.collapse.in {background:#fff; padding:20px;} .popDown .modal-body .collapses h3 {font-size: 18px;line-height: 27px;font-weight:700; color:#383838;} .popDown .modal-body .collapses p {font-size: 12px;line-height: 18px;} .system01 {margin-bottom:22px;} .system01 .wares {border: 1px solid #c8c8c8; padding: 0; margin:0;} .system01 .greyBg.wares {min-height: 186px; height:auto;} .system01 .wares h4 {font-size: 21px;line-height: 21px;} .system01 .wares h4 span {font-size: 18px;line-height: 20px; font-weight:normal;} .system01 .wares p {padding:30px; margin:0;} .wares.yellowBg h4 {background-color: #e4ac3d;} .wares.greyBg h4 {background-color: #949494;} span.underRight {font-weight:700; background:url(images/underRight.gif) no-repeat; padding-right:22px; background-position:100% 14px;} .systems2 {background:#fafafa; border:1px solid #e6e6e6; margin-bottom:22px;} .systems5-1 {display:table; width:100%; height:200px} .systems5-2 {display:table-cell;vertical-align:middle;} .systems5-1 p {display:block; font-size: 15px;line-height: 25px;font-weight:700; color:#383838; text-align:center;margin-top:5px; margin-bottom:5px;} .col-md-5.col-sm-5.col-xs-5.col-xxs-5.systems5 {padding-right:22px; padding-left:0;} h4.hardsH4 {font-size: 18px;line-height: 27px; font-weight:700; color:#0e0e0e;} .hardwareDiv {background-color: #f7f7f7; padding: 20px;} .hardwareDiv h4 {font-size: 30px;line-height: 34px; font-weight:700; color:#0f4c98; text-align:center; padding:25px 0;} .hardwareDiv h5 {padding:15px; font-size: 18px;line-height: 20px; font-weight:700; color:#222; text-align:center; border:10px solid #d7d7d7;background-color: #fff; margin:20px 0 0;} .hardwareIn {background-color: #fff;padding:20px;margin-bottom:30px;} ul.gBox { display:block; margin: 0 10px;} ul.gBox li {font-size: 14px;line-height: 27px;background:url(images/gBoxLi.png) top left no-repeat; padding:0 0 0 20px;} .tele-item {margin-bottom: 40px;} .tele-inner {border: 1px solid #bababa; height: 100px;} .tele-vc {width: 100%; height: 100%; display: table;} .tele-vm {display: table-cell; vertical-align: middle; text-align: center; font-size: 17px; line-height: 1.33; font-weight: 400; color: #000;} /*Partners*/ ul.nav.nav-tabs.partners00 {margin-left:0;} .partners02 .col-sm-3.col-xs-6.col-xxs-6 {text-align:center;margin-bottom:22px;} .partners02 .col-sm-3.col-xs-6.col-xxs-6 .partnersDiv {padding:20px 5px; border 1px solid #e6e6e6;} .partners02 .col-sm-3.col-xs-6.col-xxs-6 p.partnersBig {font-size: 15px;line-height: 25px;color:#222; font-weight:700;margin-bottom:0;} .partners02 .col-sm-3.col-xs-6.col-xxs-6 p.partnersBig2 {font-size: 15px;line-height: 50px;color:#222; font-weight:700;margin-bottom:0;} .partners02 .col-sm-3.col-xs-6.col-xxs-6 p.partnersSmall {font-size: 13px;line-height: 25px;color:#4d4c4c;margin-bottom:0;} .partners02 .col-sm-3.col-xs-6.col-xxs-6 p.partnersSmall2 {font-size: 12px;line-height: 12.5px;color:#4d4c4c;margin-bottom:0;} .partners03.tab-pane {padding:40px 0;} .partners00.partners00en.nav-tabs > li {width:auto; max-width:20%;} .partners00.nav-tabs > li > a {color:#4c4c4c;background-color: #eee;padding:10px 20px;text-align:center;font-size:15px;font-weight:700;} .partners00.nav-tabs > li > a .subTits {color:222; font-weight:400; font-size:11px;font-family: 'Neo Sans', 'Nanum Gothic';} .partners00.nav-tabs > li.active > a, .partners00.nav-tabs > li.active > a:hover, .partners00.nav-tabs > li.active > a:focus { font-weight:700; color: #fff; background-color: #0f4c98;} .partnersDiv {border:1px solid #e6e6e6;} /*Why AimToG*/ h4.whyH4 {font-size: 18px;line-height: 33px;font-weight:700;} .wares.whyaimtog {min-height:291px;} .boxWhy {background:#f7f7f7; padding:55px 20px;} .boxWhy img.aligncenter {margin-top:0; margin-bottom:0;} .boxAim {border: 1px solid #ccc; padding:25px;} /*concept*/ .conceptH4 {font-size: 21px;line-height: 27px;font-weight:700; color:#383838;letter-spacing:-1px;} .entry-content .conceptP {font-size: 16px;line-height: 24px;font-weight:700; color:#4c4c4c;margin:10px 0;padding:30px 0 30px 105px; box-sizing:content-box;max-width:500px; text-shadow:0px 0px 2px #fff;} .conceptP1 { background:url(images/concept01.png) center left no-repeat; } .conceptP2 {background:url(images/concept02.png) center left no-repeat;} .conceptP3 {background:url(images/concept03.png) center left no-repeat;} .conceptBox {background:url(/wp-content/uploads/2015/05/concept041.png) bottom right no-repeat;} /*systems*/ .entry-content p.systemsTitle, .systemsTitle {font-size: 18px;line-height: 30px;font-weight:700;color:#0f4c98;margin-bottom:5px;} .toons {margin-bottom:22px;} table.process th {vertical-align:top;font-weight:700;color:#0f4c98; background:#edf5ff;} table.process th, table.process td {padding:20px;} table.process {border-top:1px solid #ccc;} table.process tr {border-bottom:1px solid #ccc;} .bgCircles1 {box-sizing:content-box;display:table; float:left; position:relative; height:132px;} .bgGcircle1 {background:url(images/bgGcircle1.png) center left no-repeat;color:#4c4c4c; padding-right:30px; width:162px;margin-right:15px;margin-bottom:15px;} .bgBcircle1 {background:url(images/bgBcircle1.png) center left no-repeat;color:#0f4c98; width:132px;} .bgCircles1 .bgCirclesInner {display:table-cell; vertical-align:middle; box-sizing:content-box;margin-right:30px;} .entry-content .bgCirclesInner p.text-center{text-align:center;font-size: 16px;line-height: 20px;font-weight:700;margin-bottom:0;} .entry-content .bgCircles1 .bgCirclesInner p.text-center{max-width:132px;} .bgCircles2 {box-sizing:content-box;display:table; float:left; position:relative; width: 110px; height:132px;background-position:center;} .bgCircles2 .bgCirclesInner {display:table-cell; vertical-align:middle; box-sizing:content-box;} .bgGcircle2 {background:url(images/bgGcircle2.png) no-repeat;color:#4c4c4c; margin-bottom:15px;} .bgGcircle3 {background:url(images/bgGcircle3.png) no-repeat;color:#4c4c4c; margin-bottom:15px;} .bgBcircle2 {background:url(images/bgBcircle2.png) no-repeat;color:#0f4c98; margin-bottom:15px;} .bgOcircle1 {background:url(images/bgOcircle1.png) no-repeat;color:#0f4c98;} .applyButton {display:block; width:332px; margin:20px auto; background:url(images/applyBt.png) center no-repeat;text-align:center;font-size: 30px; line-height: 24px;font-weight:800;padding:35px 0; color:#fff;-webkit-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;} .applySmall {font-size: 14px;line-height: 24px;font-weight:400;text-decoration:underline;} .applyButton:hover, .applyButton:focus, .applyButton:visited {color:#d4e5ee;} .process01 {background:#edf5ff; padding:20px 0;border:1px solid #d5dde6;} .boxAimInner {max-width:840px; min-height:147px; height:auto; margin:0 auto;} /*contact*/ .acceptanceCheck input[type="checkbox"] {display:inline-block; width:15px;} #map1, #map2 {width:100%; height:730px;margin-bottom:70px;} .contactTable td, .contactTable th {text-align:center;font-size: 14px;line-height: 48px;border-bottom:1px solid #d3d3d3;} .contactTable th {background:#0072bc; color:#fff;font-weight:700;} .contactTable .ctd {border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;} /*policy*/ .tab-content.policy {border:1px solid #c8c8c8;padding:5px 40px; margin-top:25px;} .tab-content.policy h4.lightblueH4 {margin-top:30px;margin-bottom:0;font-size: 18px;} .tab-content.policy h3.netfunnelH3 {margin-bottom:25px;} /*newsletter*/ .container.cat2 {height:auto; min-width:1066px; overflow-x:scroll;} /*downloads*/ .entry-content-title .entry-title span.down1 {font-family: 'Neo Sans', 'Nanum Gothic';font-weight:800;font-size: 57px;color:#131212; letter-spacing:-2px; display:inline-block; vertical-align:middle;} .entry-content-title .entry-title span.down2 {font-size: 47px; color:#e4ac3d;letter-spacing:-2px; margin-top:-5px; display:inline-block; vertical-align:middle;} h3.down3 {font-size: 40px;font-weight:400; color:#131212;} p.down4 {} .entry-content table.downloadPop {border:1px solid #e9e9e9;} .entry-content .wpcf7 .wpcf7-form .collapses h3, .entry-content .wpcf7 .wpcf7-form .collapses p {text-align:center;} /*introduction*/ .totalIT {font-size: 18px;line-height:20px;text-align:center;color:#222;font-weight:700;padding: 15px;border: 10px solid #d7d7d7;background-color: #fff; width:95%; max-width:440px; margin:0 auto;} .totalITH5, .entry-content .totalITH5 {font-size: 21px;line-height:20px;font-weight:700; color:#fff;text-align:center;padding:24px 5px; margin:95px 0 0 !important;} .totalIT-under, .entry-content p.totalIT-under {font-size: 16px;line-height:20px;color:#272727;text-align:center;font-weight:700;background:#eaeaea;padding:24px 5px;margin:0 !important;} .blue-bg {background:#0e4e92;} .yellow-bg {background:#e4ac3d;} .green-bg {background:#0a95a6;} .row.soFirstContDiv {background:url(images/ttoline.png) center top no-repeat;} .outsourcingH3 {font-size: 30px;line-height:30px;font-weight:700; color:#0f4c98;text-align:center;margin-bottom:45px;} .outsourcingCont {padding-top:15px; padding-bottom:15px;} .outsourcingCont h5 {padding: 15px;font-size: 18px;line-height: 20px;font-weight: 700;color: #222;text-align: center;border: 10px solid #d7d7d7;background-color: #fff;margin: 20px 0 0; height: 70px;} .outsourcingCont h5 span {font-size: 15px;line-height: 20px;font-weight: 400;color: #4d4c4c;} .outsourcingCont.smallPadding h5 {padding:4px 5px 5px} .gradBox {background:url(images/gradBox.jpg) left top repeat-x #ededed; padding:50px 30px 33px;} .pointerBox {background:url(images/pointerBox.png) center top no-repeat; background-size:contain;} .scratBox {background:url(images/scrat.jpg) center top repeat; padding:130px 60px 30px; border:8px solid #e7e7e7;} img.aligncenter.mb77 {margin-top:77px;margin-bottom:-186px;} .grayResult {background:#6b6b6b; font-size: 18px;line-height: 24px;font-weight: 700;color: #fff; text-align:center; padding:26px;} .grayResult span {font-size: 15px;line-height: 24px;} .entry-content, .entry-summary, .page-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .site-content .entry-content, .site-content .entry-summary, .page .entry-content { padding-top: 0; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child { margin-top: 0; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .entry-content a.button, .entry-summary a.button, .page-content a.button, .comment-content a.button { text-decoration: none; } .entry-content table, .comment-content table { font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; } .entry-content th, .comment-content th { font-weight: 700; padding: 8px; text-transform: none; } .entry-content td, .comment-content td { padding: 8px; } .entry-content .edit-link { clear: both; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-content .edit-link a { color: #767676; text-decoration: none; } .entry-content .edit-link a:hover { color: #015196; } .entry-content .textstrong{color:#25aae2;font-weight:bold;} .entry-content .title-text{padding-bottom:40px;color:#726363;z-index:1;} .entry-content .title-history{font-size:60px;;color:#25aae2;text-shadow: 2px 1px 0 #dcdcdc,5px 4px 0 rgba(0,0,0,0.15);z-index:1;} .entry-content blockquote p { padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;background-color:#F7F7F7;color:#000;} .entry-content blockquote {border-left: 5px solid #25aae2;} .entry-content .blockquote-red {border-left: 5px solid #E476D2;} .entry-content .table-cus th{ background-color:#25aae2; color:#fff;font-size:20px;font-weight:bold;} .entry-content .btn-primary {color: #ffffff;background-color: #25aae2;border-color: #357ebd;} .entry-content .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: transparent; border-radius: 0px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } .entry-content .breadcrumb li a{ color:#000; } .entry-content .btn-u:hover{ text-decoration: none; color:#fff; } .entry-content ::selection { color: #fff; background: #25aae2; text-shadow: none; } /* Common styles for all types */ .bs-callout { margin: 20px 0; padding: 20px 30px 20px 15px; border-left: 5px solid #eee; } .bs-callout h4 { margin-top: 0; } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout code, .bs-callout .highlight { background-color: #fff; } /* Variations */ .bs-callout-danger { background-color: #fcf2f2; border-color: #dFb5b4; } .bs-callout-warning { background-color: #fefbed; border-color: #f1e7bc; } .bs-callout-info { background-color: #f0f7fd; border-color: #d0e3f0; } .bs-callout-info h4 {color: #5bc0de;font-weight: bold;} .panel-title a:hover{color:#25aae2;} .panel-title a:hover span.arrow, .panel-title a:active span.arrow{ background-color:#25aae2; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ffffff;border-bottom: 1px solid #dddddd;} .arrow{ background:url(images/toggle-plus.png) no-repeat center center; display: block;width: 22px;height: 22px;float: left;margin-right: 8px; } .panel-title a:active span.arrow { background:url(images/toggle-minus.png) no-repeat center center; } ol.breadcrumb {margin-left:0;} .inside {margin:4px;} /* Carousel base class */ /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; top: 25%; } /* Declare heights because of positioning of img element */ .carousel .item { max-height: 500px; background-color: #777; } .carousel-inner > .item > img { position: relative; width:100%; } /** * 6.5 Gallery * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 6.6 Post Formats * ----------------------------------------------------------------------------- */ .format-aside .entry-content, .format-aside .entry-summary, .format-quote .entry-content, .format-quote .entry-summary, .format-link .entry-content, .format-link .entry-summary { padding-top: 0; } .site-content .format-link .entry-title, .site-content .format-aside .entry-title, .site-content .format-quote .entry-title { display: none; } /** * 6.7 Post/Image/Paging Navigation * ----------------------------------------------------------------------------- */ .nav-links { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; border-top: 1px solid rgba(0, 0, 0, 0.1); hyphens: auto; word-wrap: break-word; } .post-navigation, .image-navigation { margin: 24px auto 48px; width:100%; max-width: 474px; padding: 0 10px; } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 11px 0 12px; width: 100%; } .post-navigation .meta-nav { color: #767676; display: block; font-size: 12px; font-weight: 700; line-height: 2; text-transform: uppercase; } .post-navigation a, .image-navigation a { color: #2b2b2b; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.7142857142; text-transform: none; float:left;width:200px;margin:0 10px; } .post-navigation a:hover, .image-navigation a:hover { color: #015196; } /* Paging Navigation */ .page-template-full-category .paging-navigation {float:left;position:relative;width:100%;} .paging-navigation { border-top: 5px solid #000; margin: 48px 0; } .paging-navigation .loop-pagination { margin-top: -5px; text-align: center; } .paging-navigation .page-numbers { border-top: 5px solid transparent; display: inline-block; font-size: 14px; font-weight: 900; margin-right: 1px; padding: 7px 16px; text-transform: uppercase; } .paging-navigation a { color: #2b2b2b; } .paging-navigation .page-numbers.current { border-top: 5px solid #015196; } .paging-navigation a:hover { border-top: 5px solid #015196; color: #2b2b2b; } /** * 6.8 Attachments * ----------------------------------------------------------------------------- */ .attachment .content-sidebar, .attachment .post-thumbnail { display: none; } .attachment .entry-content { padding-top: 0; } .attachment footer.entry-meta { text-transform: none; } .entry-attachment .attachment { margin-bottom: 24px; } /** * 6.9 Archives * ----------------------------------------------------------------------------- */ .page-template-full-category .hentry .hentry { margin-bottom:22px;} .hentry .hentry .post-inner {overflow:hidden;-webkit-box-shadow:0 0 .5px .5px rgba(0, 0, 0, 0.1);} .hentry .hentry .post-inner a.post-thumb img {max-width: none; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .hentry .hentry:hover .post-inner a.post-thumb img, .hentry .hentry .post-inner a.post-thumb img:hover {-webkit-transform:scale(1.3);transform:scale(1.3);} .hentry .hentry .post-inner a.post-thumb {display:block;-webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .hentry .hentry .entry-header {/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */-moz-opacity: 0;/* Safari 1.x */-khtml-opacity: 0;opacity:0; position:absolute; bottom:0; padding:20px; background-color:#000;-webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .hentry .hentry:hover .entry-header {/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* IE 5-7 */filter: alpha(opacity=80); /* Netscape */-moz-opacity: 0.8;/* Safari 1.x */-khtml-opacity: 0.8; opacity: 0.8;} .hentry .hentry h1.entry-title {text-align:center;} .hentry .hentry h1.entry-title a { color:#fff; font-size:15px; line-height:20px; font-weight:bold;} .page-template-full-category .hentry .hentry:hover h1.entry-title a {display:block;} .archive-header, .page-header { margin: 24px auto; max-width: 474px; } .archive-title, .page-title { font-size: 16px; font-weight: 900; line-height: 1.5; margin: 0; } .taxonomy-description, .author-description { color: #767676; font-size: 14px; line-height: 1.2857142857; padding-top: 18px; } .taxonomy-description p, .author-description p { margin-bottom: 18px; } .taxonomy-description p:last-child, .author-description p:last-child { margin-bottom: 0; } .taxonomy-description a, .author-description a { text-decoration: underline; } .taxonomy-description a:hover, .author-description a:hover { text-decoration: none; } /** * 6.10 Contributor Page * ----------------------------------------------------------------------------- */ .contributor { border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 48px 10px; } .contributor:first-of-type { padding-top: 24px; } .contributor-info { margin: 0 auto; max-width: 474px; } .contributor-avatar { border: 1px solid rgba(0, 0, 0, 0.1); float: left; margin: 0 30px 20px 0; padding: 2px; } .contributor-name { font-size: 16px; font-weight: 900; line-height: 1.5; margin: 0; } .contributor-bio a { text-decoration: underline; } .contributor-bio a:hover { text-decoration: none; } .contributor-posts-link { display: inline-block; line-height: normal; padding: 10px 30px; } .contributor-posts-link:before { content: "\f443"; } /** * 6.11 404 Page * ----------------------------------------------------------------------------- */ .error404 .page-content { padding-top: 0; } .error404 .page-content .search-form { margin-bottom: 24px; } /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ .full-width .hentry { max-width: 100%; } /** * 6.13 Singular * ----------------------------------------------------------------------------- */ /** * 6.14 Comments * ----------------------------------------------------------------------------- */ .comments-area { margin: 48px auto; max-width: 100%; padding: 0; } .comment-reply-title, .comments-title { font: 900 16px/1.5 Lato, sans-serif; margin: 0; text-transform: uppercase; } .comment-list { list-style: none; margin: 0 0 48px 0; } .comment-author { font-size: 14px; line-height: 1.7142857142; } .comment-list .reply, .comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase; } .comment-list .reply { margin-top: 24px; } .comment-author .fn { font-weight: 900; } .comment-author a { color: #2b2b2b; } .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a { color: #767676; } .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover { color: #015196; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px; } .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0; } .comment-author { position: relative; } .bypostauthor > article .fn:before { content: "\e008";font-family: 'Glyphicons Halflings'; margin: 0 5px 0 -2px; position: relative; top: -1px; } .says { display: none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 30px; } .comment-edit-link { margin-left: 10px; } .comment-edit-link:before { content: "\270f";font-family: 'Glyphicons Halflings';font-size:12px;margin-right:5px; } .comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 2px; } .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .comment-content ul, .comment-content ol { margin: 0 0 24px 22px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .children { list-style: none; margin-left: 15px; } .comment-respond { margin-bottom: 24px; padding: 0; } .comment .comment-respond { margin-top: 24px; } .comment-respond h3 { margin-top: 0; margin-bottom: 24px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #767676; } .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 14px; line-height: 1.7142857142; } .no-comments { font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase; } .comment-form label { display: block; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; } .form-allowed-tags, .form-allowed-tags code { display:none; } .required { color: #c0392b; } .comment-reply-title small a { color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px; } .comment-reply-title small a:hover { color: #015196; } .comment-reply-title small a:before { content: "\f405"; font-size: 32px; } .comment-navigation { font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase; } .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block; } .comment-navigation .nav-previous a { margin-right: 10px; } #comment-nav-above { margin-top: 36px; margin-bottom: 0; } /** * 6.15 Contents at Slider * ---------------------------------------------------------------------------- * * **/ .slider .item { margin: 1.3%; width: 30%; float:left; position:relative; } .slider.right-sidebar .item { margin: 1.3%; width: 45%; float:left; height:auto; position:relative; } .slider .site-content .entry-header, .slider .site-content .entry-content, .slider .site-content .entry-summary, .slider .site-content .entry-meta, .slider .page-content { margin: 0 auto !important; max-width: 100%; } .slider a.post-thumbnail:hover { background-color: #999; opacity:0.75; } .slider .post-thumbnail img { display: block; margin: 0 auto; } .slider .entry-title { text-align: center; font-size: 17px; font-weight: normal; line-height: 1.0909090909; margin-bottom: 12px; padding-top: 16px; text-transform: uppercase; } .slider .entry-meta { text-align: center; clear: both; color: #999; font-size: 10px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .slider .entry-meta a { color: #999; } .slider .site-content .entry-content, .slider .site-content .entry-summary, .slider .page-content { background-color: #fff; padding: 5px 10px 0; font-size: 12px; color:#777; } .slider .gallery { margin-bottom: 5px; } .slider .gallery-item:hover .gallery-caption { opacity: 0.75; } .slider .paging-navigation { position:relative; clear:both; border-top: 4px outset #ccc; margin: 48px 0; width:100% } .slider .paging-navigation .page-numbers { border-top: 5px solid transparent; display: inline-block; font-size: 14px; font-weight: 900; margin-right: 1px; padding: 7px 16px; text-transform: uppercase; } .slider .paging-navigation a { color: #666; } /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ /* Primary Sidebar, Footer Sidebar */ .col-sm-3 .primary-sidebar .widget.widget_nav_menu { border:1px solid #e1e1e5; border-top: 7px solid #23a2bf; border-bottom:1px solid #a8a8a8; border-radius:0;padding:0; } .col-sm-3 .primary-sidebar .widget.widget_nav_menu ul.menu > li > a { font-size: 21px; line-height:66px; color: #fff; background: #4253a9; padding:0 20px;font-weight:bold; } .primary-sidebar .widget_nav_menu li ul.sub-menu {padding:0; margin:0;} .primary-sidebar .widget_nav_menu li ul li ul.sub-menu {display:none; height:0; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out;} .primary-sidebar .widget_nav_menu li ul li:hover > ul.sub-menu, .primary-sidebar .widget_nav_menu li ul li.current-menu-parent > ul.sub-menu, .primary-sidebar .widget_nav_menu li ul li.current_page_item > ul.sub-menu {display:block;height:auto; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; transition: 1s all ease-in-out;} .primary-sidebar .widget.widget_nav_menu ul.menu > li > ul > li > a {background: #f0f1f6; font-size: 14px; line-height:26px; color: #505050; padding:10px 20px; border-bottom: 1px solid #e1e1e5;border-top: 1px solid #e1e1e5;} .primary-sidebar .widget.widget_nav_menu ul.menu > li > ul > li.current-menu-parent > a, .primary-sidebar .widget.widget_nav_menu ul.menu > li > ul > li.current_page_item > a {padding-right:30px; font-weight:bold; background:url(images/li-current-bg.jpg) center right no-repeat #fff;} .primary-sidebar .widget.widget_nav_menu ul.menu > li > ul > li > ul > li > a { background: #fff; font-size: 13px; line-height:18px; color: #747474; padding:10px 10px 10px 30px;} .widget .menu li {margin:0; padding:0;} .widget .widget-title {font-size: 22px;font-weight:normal;margin:10px 0;line-height: 1.1;} .widget .menu li a {position: relative;display: block;} .widget .menu li:hover > a, .primary-sidebar .widget.widget_nav_menu ul.menu > li > ul > li > ul > li.current-menu-item a {color: #4253a9;font-weight:bold;} .widget { font-size: 14px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.2857142857; width: 100%; word-wrap: break-word; } .widget a { color: #333; } .footer .widget a { color: #fff; } .widget a:hover { color: #015196; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { margin: 3px 0 5px; } .widget .wp-caption-text {margin-bottom:5px;} .widget h1 { font-size: 15px; line-height: 1.0909090909; } .widget h2 { font-size: 20px; line-height: 1.2; } .widget h3 { font-size: 18px; line-height: 1.3333333333; } .widget h4 { font-size: 16px; line-height: 1.5; } .widget h5 { font-size: 14px; line-height: 1.7142857142; } .widget h6 { font-size: 12px; line-height: 2; } .widget .hentry { margin: 0 auto 15px; } .widget address { margin-bottom: 18px; } .widget abbr[title] { border-color: rgba(255, 255, 255, 0.7); } .widget mark, .widget ins { color: #000; } .widget pre, .widget fieldset { border-color: rgba(255, 255, 255, 0.2); } .widget code, .widget kbd, .widget tt, .widget var, .widget samp, .widget pre { font-size: 12px; line-height: 1.5; } .widget blockquote { color: rgba(255, 255, 255, 0.7); font-size: 18px; line-height: 1.5; margin-bottom: 18px; } .widget blockquote cite { color: #fff; font-size: 14px; line-height: 1.2857142857; } .widget dl, .widget dd { margin-bottom: 18px; } .widget header {height:60px;} .widget ul, .widget ol { list-style: none; margin: 0; } .widget li > ol, .widget li > ul { margin-left: 10px; } .widget table, .widget th, .widget td { border-color: rgba(255, 255, 255, 0.2); } .widget table { margin-bottom: 18px; } .widget del { color: rgba(255, 255, 255, 0.4); } .widget hr { background-color: rgba(255, 255, 255, 0.2); } .widget p { margin-bottom: 18px; } .widget input, .widget textarea { background-color: rgba(255, 255, 255, 0.1); border-color: #ccc; color: #fff; font-size: 16px; padding: 1px 2px 2px 4px; } .widget input:focus, .widget textarea:focus { border-color: #359194; } .widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] { background-color: #015196; border: 0; font-size: 12px; padding: 5px 15px 4px; } .widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus { background-color: #015196; } .widget input[type="button"]:active, .widget input[type="reset"]:active, .widget input[type="submit"]:active { background-color: #55d737; } .widget .wp-caption { color: rgba(255, 255, 255, 0.7); margin-bottom: 18px; } .widget .widget-title { font-size: 14px;line-height: 1.7142857142;margin: 0 0 24px 0;text-transform: uppercase; } .widget-title,.widget-title a { color: #111;} .footer .footer-top h1.widget-title { font-size:20px; color: #454646; padding-top: 60px ;background-position:top center; background-repeat: no-repeat; } .footer .footer-top .textwidget {font-size:14px; color: #6c6c6c; line-height:20px; padding-top: 38px; background:url(images/h3_bar02.png) top center no-repeat;} .footer .footer-top .textwidget a {font-size:14px; color: #6c6c6c; line-height:20px;} .footer .footer-top #text-5 h1.widget-title {background-image:url(images/foot-icon01.png);} .footer .footer-top #text-4 h1.widget-title {background-image:url(images/foot-icon02.png);} .footer .footer-top #text-2 h1.widget-title {background-image:url(images/foot-icon03.png);} .footer .footer-top #text-3 h1.widget-title {background-image:url(images/foot-icon04.png);} .widget-title a:hover { color: #015196; } /* Calendar Widget*/ .widget_calendar table { line-height: 2; margin: 0; } .widget_calendar caption { font-weight: 700; line-height: 1.7142857142; margin-bottom: 18px; text-align: left; text-transform: uppercase; } .widget_calendar thead th { background-color: rgba(255, 255, 255, 0.1); } .widget_calendar tbody td, .widget_calendar thead th { text-align: center; } .widget_calendar tbody a { background-color: #015196; color: #fff; display: block; } .widget_calendar tbody a:hover { background-color: #015196; } .widget_calendar tbody a:hover { color: #fff; } .widget_calendar #prev { padding-left: 5px; } .widget_calendar #next { padding-right: 5px; text-align: right; } /* Ephemera Widget*/ .widget_hfirst_ephemera > ol > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 18px; padding: 0; } .widget_hfirst_ephemera .hentry { margin: 0; max-width: 100%; } .widget_hfirst_ephemera .entry-title, .widget_hfirst_ephemera .entry-meta, .widget_hfirst_ephemera .wp-caption-text, .widget_hfirst_ephemera .post-format-archive-link, .widget_hfirst_ephemera .entry-content table { font-size: 11px; line-height: 1.5; } .widget_hfirst_ephemera .entry-title { display: inline; font-weight: 400; } .widget_hfirst_ephemera .entry-meta { margin-bottom: 18px; } .widget_hfirst_ephemera .entry-meta a { color: #333; } .widget_hfirst_ephemera .entry-meta a:hover { color: #015196; } .widget_hfirst_ephemera .entry-content ul, .widget_hfirst_ephemera .entry-content ol { margin: 0 0 18px 20px; } .widget_hfirst_ephemera .entry-content ul { list-style: disc; } .widget_hfirst_ephemera .entry-content ol { list-style: decimal; } .widget_hfirst_ephemera .entry-content li > ul, .widget_hfirst_ephemera .entry-content li > ol { margin: 0 0 0 20px; } .widget_hfirst_ephemera .entry-content th, .widget_hfirst_ephemera .entry-content td { padding: 6px; } .widget_hfirst_ephemera .post-format-archive-link { font-weight: 700; text-transform: uppercase; } /* List Style Widgets*/ .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 0 9px; } .widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child { border-top: 0; } .widget_categories li ul, .widget_nav_menu li ul, .widget_pages li ul { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 9px; } .widget_categories li li:last-child, .widget_nav_menu li li:last-child, .widget_pages li li:last-child { padding-bottom: 0; } /* Recent Posts Widget */ .widget_recent_entries .post-date { display: block; } /* RSS Widget */ .rsswidget img { margin-top: -4px; } .rssSummary { margin: 9px 0; } .rss-date { display: block; } .widget_rss li { margin-bottom: 18px; } .widget_rss li:last-child { margin-bottom: 0; } /* Text Widget */ .widget_text > div > :last-child { margin-bottom: 0; } /** * 7.2 Content Sidebar Widgets * ----------------------------------------------------------------------------- */ .content-sidebar .widget a { color: #015196; } .content-sidebar .widget a:hover { color: #015196; } .content-sidebar .widget pre { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget mark, .content-sidebar .widget ins { color: #2b2b2b; } .content-sidebar .widget abbr[title] { border-color: #2b2b2b; } .content-sidebar .widget fieldset { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget blockquote { color: #767676; } .content-sidebar .widget blockquote cite { color: #2b2b2b; } .content-sidebar .widget li > ol, .content-sidebar .widget li > ul { margin-left: 18px; } .content-sidebar .widget table, .content-sidebar .widget th, .content-sidebar .widget td { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget del { color: #767676; } .content-sidebar .widget hr { background-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget input, .content-sidebar .widget textarea { background-color: #fff; border-color: rgba(0, 0, 0, 0.1); color: #2b2b2b; } .content-sidebar .widget input:focus, .content-sidebar .widget textarea:focus { border-color: rgba(0, 0, 0, 0.3); } .content-sidebar .widget input[type="button"], .content-sidebar .widget input[type="reset"], .content-sidebar .widget input[type="submit"] { background-color: #015196; border: 0; color: #fff; } .content-sidebar .widget input[type="button"]:hover, .content-sidebar .widget input[type="button"]:focus, .content-sidebar .widget input[type="reset"]:hover, .content-sidebar .widget input[type="reset"]:focus, .content-sidebar .widget input[type="submit"]:hover, .content-sidebar .widget input[type="submit"]:focus { background-color: #015196; } .content-sidebar .widget input[type="button"]:active, .content-sidebar .widget input[type="reset"]:active, .content-sidebar .widget input[type="submit"]:active { background-color: #55d737; } .content-sidebar .widget .wp-caption { color: #767676; } .content-sidebar .widget .widget-title { border-top: 5px solid #000; color: #2b2b2b; font-size: 14px; font-weight: 900; margin: 0 0 18px; padding-top: 7px; text-transform: uppercase; } .content-sidebar .widget .widget-title a { color: #2b2b2b; } .content-sidebar .widget .widget-title a:hover { color: #015196; } /* List Style Widgets*/ .content-sidebar .widget_archive li, .content-sidebar .widget_categories li, .content-sidebar .widget_links li, .content-sidebar .widget_meta li, .content-sidebar .widget_nav_menu li, .content-sidebar .widget_pages li, .content-sidebar .widget_recent_comments li, .content-sidebar .widget_recent_entries li, .content-sidebar .widget_categories li ul, .content-sidebar .widget_nav_menu li ul, .content-sidebar .widget_pages li ul { border-color: rgba(0, 0, 0, 0.1); } /* Calendar Widget */ .content-sidebar .widget_calendar caption { color: #2b2b2b; font-weight: 900; } .content-sidebar .widget_calendar thead th { background-color: rgba(0, 0, 0, 0.02); } .content-sidebar .widget_calendar tbody a, .content-sidebar .widget_calendar tbody a:hover { color: #fff; } /* Ephemera widget*/ .content-sidebar .widget_hfirst_ephemera .widget-title { line-height: 1.2857142857; padding-top: 1px; } .content-sidebar .widget_hfirst_ephemera .widget-title:before { background-color: #fff; color: #333; margin: -1px 9px 0 0; padding: 6px 0 9px; text-align: center; vertical-align: middle; width: 36px; } .content-sidebar .widget_hfirst_ephemera .video.widget-title:before { content: "\f104"; } .content-sidebar .widget_hfirst_ephemera .audio.widget-title:before { content: "\f109"; } .content-sidebar .widget_hfirst_ephemera .image.widget-title:before { content: "\f473"; } .content-sidebar .widget_hfirst_ephemera .gallery.widget-title:before { content: "\f103"; } .content-sidebar .widget_hfirst_ephemera .aside.widget-title:before { content: "\f101"; } .content-sidebar .widget_hfirst_ephemera .quote.widget-title:before { content: "\f106"; } .content-sidebar .widget_hfirst_ephemera .link.widget-title:before { content: "\f107"; } .content-sidebar .widget_hfirst_ephemera > ol > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .content-sidebar .widget_hfirst_ephemera .entry-meta { color: #ccc; } .content-sidebar .widget_hfirst_ephemera .entry-meta a { color: #767676; } .content-sidebar .widget_hfirst_ephemera .entry-meta a:hover { color: #015196; } .content-sidebar.widget_hfirst_ephemera blockquote cite { font-size: 13px; line-height: 1.3846153846; } .content-sidebar .widget_hfirst_ephemera .post-format-archive-link { font-weight: 900; } /** * 8.0 Footer * ----------------------------------------------------------------------------- */ .footer-sidebar .menu-main-container ul.menu > li {width:24%; height:290px; position:relative; float:left;border:none;} .footer-sidebar .menu-main-container ul.menu > li.menu-item-1105 {width:12%;float:right;} .footer-sidebar .menu-main-container ul.menu > li.menu-item-1108 {width:12%;} .footer-sidebar .menu-main-container ul.menu > li.menu-item-1102, .footer-sidebar .menu-main-container ul.menu > li.menu-item-1103, .footer-sidebar .menu-main-container ul.menu > li.menu-item-1104 {padding-left:5%;} .footer-sidebar .menu-main-container ul.menu li a {text-align:left;} .footer-sidebar .menu-main-container ul.menu > li > a {font-size: 14px;line-height:66px;font-weight:700;color:#fff;} .footer-sidebar .menu-main-container ul.menu li li {width:100%; float:none;border:none;} .footer-sidebar .menu-main-container ul.menu li li a {font-size: 12px;line-height:29px;font-weight:400;color:#919090;} .footer-sidebar .menu-main-container ul.menu li li a:hover, .footer-sidebar .menu-main-container ul.menu li li a:focus, .footer-sidebar .menu-main-container ul.menu li li.current-menu-item a, .footer-sidebar .menu-main-container ul.menu li li.current_page_item a {color:#fff;} .footer-sidebar .widget_nav_menu li ul {border:none;margin:20px 0 0;} .footer {font-size: 12px;position: relative;z-index: 3;} .footer-top { text-align:center; padding: 0;background:url(images/footTopBg.jpg) top left repeat-x #181818;color: #6c6c6c;} .footer-bottom {padding: 20px 0 0;} .site-info { color:#585858;font-size: 11px;line-height:20px;font-weight:700; } .mainFootLinks {color:#646464;} a.mainFootLinks:hover, a.mainFootLinksBlue:hover, a.mainFootLinks:focus, a.mainFootLinksBlue:focus {color:#428bca;} .mainFootLinksBlue {color:#008cbf;} #events { width: 157px; height: 49px; position: fixed; top: 236px; right: 20px; cursor: pointer; opacity: 1; z-index:150; zoom: 1; } #events a {display:block;} #to_top {width: 50px; height: 50px; position: fixed; bottom: 20px; right: 20px; cursor: pointer; opacity: 0.6; z-index:150; zoom: 1;} #supplementary + .site-info { border-top: 1px solid rgba(255, 255, 255, 0.2); } .site-info a:hover { color: #015196; } .footer-sidebar .widget.widget_text {padding:20px 0;} /** * 9.0 Featured Content * ----------------------------------------------------------------------------- */ .featured-content { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .featured-content-inner { overflow: hidden; } .featured-content .hentry { margin: 0 17px 40px 17px; max-width: 100%; width: 90%; box-shadow: 2px 3px 2px #888; } .featured-content .slider-viewport .hentry { margin: 0; max-width: 100%; width: 100%; box-shadow: none; } .featured-content .post-thumbnail, .featured-content .post-thumbnail:hover { background: transparent; } .featured-content .post-thumbnail { display: block; position: relative; padding-top: 55.357142857%; overflow: hidden; } .featured-content .post-thumbnail img { width:100%; margin:0 auto; position: absolute; top: 0; } .featured-content .entry-header { background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 96px; overflow: hidden; padding: 24px 10px; } .featured-content .slider-viewport .entry-header { background:transparent; margin-bottom:20px; } .featured-content .slider-viewport .entry-header h1 { font-size:25px; } .featured-content a { color: #2b2b2b; font-weight:bold; } .featured-content a:hover { color: #015196; } .featured-content .entry-meta { color: #fff; font-size: 11px; font-weight: 700; line-height: 1.0909090909; margin-bottom: 12px; } .featured-content .cat-links { font-weight: 700; } .featured-content .entry-title { font-size: 16px; font-weight: 300; line-height: 1.3333333333; margin: 0; text-transform: uppercase; } /* Slider */ .slider .featured-content .hentry { -webkit-backface-visibility: hidden; display: none; position: relative; } .slider .featured-content .post-thumbnail { padding-top: 55.49132947%; } .slider-control-paging { background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; list-style: none; margin: -24px 0 0 0; position: relative; width: 100%; z-index: 3; } .slider-control-paging li { float: left; margin: 2px 4px 2px 0; } .slider-control-paging li:last-child { margin-right: 0; } .slider-control-paging a { cursor: pointer; display: block; height: 44px; position: relative; text-indent: -999em; width: 44px; } .slider-control-paging a:before { background-color: #4d4d4d; content: ""; height: 12px; left: 10px; position: absolute; top: 16px; width: 12px; } .slider-control-paging a:hover:before { background-color: #015196; } .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before { background-color: #015196; } .slider-direction-nav { clear: both; list-style: none; margin: 0; position: relative; width: 100%; z-index: 3; } .slider-direction-nav li { border-color: #fff; border-style: solid; border-width: 2px 1px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; width: 50%; } .slider-direction-nav li:last-child { border-width: 2px 0 0 1px; } .slider-direction-nav a { background-color: #000; display: block; font-size: 0; height: 46px; } .slider-direction-nav a:hover { background-color: #015196; } .slider-direction-nav a:before { color: #fff; content: "\f430"; font-size: 32px; line-height: 46px; } .slider-direction-nav .slider-next:before { content: "\f429"; } .slider-direction-nav .slider-disabled { display: none; } /** * 10.0 Multisite * ----------------------------------------------------------------------------- */ .site-main .widecolumn { padding-top: 72px; width: auto; } .site-main .mu_register, .widecolumn > h2, .widecolumn > form { margin: 0 auto 48px; max-width: 474px; padding: 0 30px; } .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 90%; } .site-main .mu_register input[type="submit"], .widecolumn #submit { font-size: inherit; width: auto; } /** * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media screen and (min-width: 480.1px) { #map1, #map2 {height:300px;} h3.universe01 {font-size: 22px;line-height: 28px; margin:0 0 15px;} .universe {background: url(images/universe5.jpg) center left no-repeat; background-size:100%;} .universe.universe_en {background: url(images/universe4.jpg) center left no-repeat; background-size:100%;} .p.universe01s {font-size: 13px; line-height: 20px;} .universe h2 {font-size: 36px;line-height: 40px; margin-bottom:20px;} .universe p {font-size: 12px; line-height: 18px;margin-bottom:10px;} .btn.btn-breadcrumbs {padding-right: 40px;} .mainBox5 a.thumb-box img {width:100%;} .site-content.front-page .post-thumbnail { float: left; width: 100%; margin-top:10px; margin-bottom:20px; } a.post-thumbnail:hover img { opacity: 0.85; } #featured-content .post-thumbnail:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0.75; } #featured-content .post-thumbnail img { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; width: 100%; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .full-size-link:before, .parent-post-link:before, .site-content span + .byline:before, .site-content span + .comments-link:before, .site-content span + .edit-link:before, .site-content span + .entry-date:before { content: ""; } .attachment span.entry-date:before, .entry-content .edit-link a:before, .entry-meta .edit-link a:before, .site-content .byline a:before, .site-content .comments-link a:before, .site-content .entry-date a:before, .site-content .featured-post:before, .site-content .full-size-link a:before, .site-content .parent-post-link a:before, .site-content .post-format a:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .site-content .entry-meta > span { margin-right: 10px; } .site-content .format-video .post-format a:before { } .site-content .format-audio .post-format a:before { } .site-content .format-image .post-format a:before { } .site-content .format-quote .post-format a:before { margin-right: 2px; } .site-content .format-gallery .post-format a:before { margin-right: 4px; } .site-content .format-aside .post-format a:before { margin-right: 2px; } .site-content .format-link .post-format a:before { position: relative; top: 1px; } .site-content .featured-post:before { margin-right: 3px; position: relative; top: 1px; } .site-content .entry-date a:before, .attachment .site-content span.entry-date:before { margin-right: 1px; position: relative; top: 1px; } .site-content .byline a:before { } .site-content .comments-link a:before { margin-right: 2px; } .entry-content .edit-link a:before, .entry-meta .edit-link a:before { } .site-content .full-size-link a:before { margin-right: 1px; } .site-content .parent-post-link a:before { } .list-view .site-content .hentry { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 48px; } .list-view.slider .site-content .hentry, .list-view.slider .site-content .hentry:first-of-type, .list-view.slider .site-content .hentry.has-post-thumbnail { border: 2px outset rgba(0, 0, 0, 0.1); padding-top: 1px; } .list-view .site-content .hentry:first-of-type, .list-view .site-content .hentry.has-post-thumbnail { border-top: 0; padding-top: 0; } .archive-header, .page-header { margin: 0 auto 5px; padding: 0 10px; } .error404 .page-header { margin-bottom: 24px; } } @media screen and (min-width: 673px) { .site-content.front-page .post-thumbnail { float: left; width: 100%; padding:0; margin-bottom:20px; } .header-main {padding: 0 30px;} .content-area { width: 100%;} .right-sidebar .site-content { margin-right: 33.33333333%; } .left-sidebar .site-content { margin-right: 0; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .full-width .site-content { margin: 0 auto; } .content-sidebar { border: 0; float: right; margin-left: -33.33333333%; padding: 48px 30px 24px; position: relative; width: 33.33333333%; } .grid .featured-content .hentry { float: left; width: 30%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: both; } .grid .featured-content .entry-header { border-color: #fff; border-style: solid; border-width: 12px 10px; height: 80px; padding: 0; } .site-info {padding: 15px 0;} } @media screen and (min-width: 768px) {.row.soFirstContDiv {background:url(images/ttoline.png) center top no-repeat;} .totalITH5, .entry-content .totalITH5 {margin:95px 0 0 !important;} #map1, #map2 {height:400px;} .p.universe01s {font-size: 15px; line-height: 27px;} .universe {padding:40px 20px 0;} #myModal .modal-dialog {width:500px; margin:100px auto;height:246px;} .conceptBox {background: url(/wp-content/uploads/2015/05/concept041.png) bottom right no-repeat; padding-bottom:300px;} .systems5-1 p {font-size: 15px;line-height: 25px;} .universe h2 {font-size: 46px;line-height: 50px; margin-bottom:30px;} .universe p {font-size: 15px; line-height: 24px;margin-bottom:20px;} .history_module {background-position:42.8% top;} .history_module .row.innerR {background-position:41.6% top;} .history_module .row.innerL {background:url(images/lArrow.png) no-repeat; background-position:41.6% top;} .history_module .row.innerLE {background:url(images/leArrow.png) no-repeat; background-position:41.6% top;} .history_module .history_left {text-align:right;padding-right:90px;} .history_module .history_left ul.greyUl {float:right;} .btn.btn-breadcrumbs {padding-right: 100px;} .ceoBox {background:url(images/ceoBox.png) bottom right no-repeat; padding:115px 0 25px;} .tit02 {font-size: 60px; line-height: 80px;} .tit03 {font-size: 18px;line-height: 28px;} .main-header {height:auto;} #logo {padding:0; width:200px; height:44px;} .main-col-right.pull-right {padding: 38px 0;} #moving {width:333px;} #moving .sub-bg.opened {right:333px;} #menu-main > li > ul.dropdown-menu.opened {right:333px;} #menu-main > li > ul.dropdown-menu {top: 234px;width:230px;} .admin-bar #menu-main > li > ul.dropdown-menu {top: 266px;} #menu-main li a {font-size: 16px; line-height: 70px;} #menu-main li li a {font-size: 15px; letter-spacing: -.045em;line-height: 70px;} .main-logo-container a, .admin-bar .main-logo-container a {padding-bottom:95px;} #sidebar.col-sm-3 {padding-right:5%;} .footer-sidebar .widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin:0 auto; } } @media screen and (min-width: 810px) { .conceptBox {background: url(/wp-content/uploads/2015/05/concept041.png) bottom right no-repeat; padding-bottom:200px;} .attachment .site-content .attachment img { display: block; margin: 0 auto; } .contributor-avatar { margin-left: -168px; } .contributor-summary { float: left; } .full-width .site-content blockquote.alignleft, .full-width .site-content blockquote.alignright { width: -webkit-calc(50% + 130px); width: calc(50% + 130px); } .full-width .site-content blockquote.alignleft, .full-width .site-content img.size-full.alignleft, .full-width .site-content img.size-large.alignleft, .full-width .site-content img.size-medium.alignleft, .full-width .site-content .wp-caption.alignleft { margin-left: 0; } .full-width .site-content .alignleft { clear: left; } .full-width .site-content blockquote.alignright, .full-width .site-content img.size-full.alignright, .full-width .site-content img.size-large.alignright, .full-width .site-content img.size-medium.alignright, .full-width .site-content .wp-caption.alignright { margin-right: -168px; } .full-width .site-content .alignright { clear: right; } } @media screen and (min-width: 846px) { .conceptBox {background: url(/wp-content/uploads/2015/05/concept041.png) bottom right no-repeat; padding-bottom:100px;} #header #menu-main.menu > li > a {font-size: 18px} .site-content.front-page .has-post-thumbnail .post-thumbnail { float:right;margin-bottom:20px;padding:0; } .comment-list .trackback, .comment-list .pingback, .comment-list article { margin-bottom: 36px; padding-top: 36px; } .comment-author .avatar { height: 34px; top: 2px; width: 34px; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 50px; } .comment-list .children { margin-left: 20px; } .full-width.singular .site-content .hentry.has-post-thumbnail, .full-width.home .site-content .hentry.has-post-thumbnail { margin-top: -72px; } .featured-content { margin-bottom: 0; } } @media screen and (min-width: 992px) { #map1, #map2 {height:730px;} h3.universe01 {font-size: 25px;line-height: 33px; margin:0 0 20px;} h3.netfunnelH3.funnellogo {line-height: 33px;padding-left:150px; background: url(images/mainBox3.png) top left no-repeat;} h3.netfunnelH3.funnellogo span.clusterpluslogo-detail {font-size:16px;line-height: 33px;} h3.netfunnelH3.clusterpluslogo {line-height: 33px;padding-left:170px; background: url(images/clusterplus-logo.png) top left no-repeat;} h3.netfunnelH3.clusterpluslogo span.clusterpluslogo-detail {font-size:16px;line-height: 33px;} .universe {padding:80px 45px 0 0;} .conceptBox {background: url(/wp-content/uploads/2015/05/concept041.png) bottom right no-repeat; padding-bottom:0;} .download {width:121px;margin:45px auto 20px;} .element.width0 a {display:block;} .tit01 {padding-top:44%;} } @media screen and (min-width: 1008px) { .jumbotron .msl-caption h2.msl1_h2 {font-size:53px; line-height:75px;} .jumbotron .msl-caption h2.msl2_h2 {font-size:50px; line-height:55px;} .jumbotron .msl-caption h2.msl3_h2 {font-size:38px; line-height:60px;} .jumbotron .msl-caption h3 {font-size:20px; line-height:30px; } .jumbotron .msl-caption h4 {font-size:15px; line-height:20px;} .jumbotron .msl-caption h4.msl3_h4 {font-size:14px; line-height:20px;} .jumbotron .msl-caption p {font-size:14px; line-height:20px;padding-top:15px;} .main-header {height:88px;} .site-content .entry-header {margin-top: 0;} .full-width .site:before, .front-page-sidebar .site:before, .home .site:before {display:none;} .site:before { content: "";display: block;position: absolute;top: 0;width: 100%;z-index: -1;background-color:#fff !important; } #secondary {background-color: transparent;border: 0;clear: none;} .primary-sidebar {padding-top: 0;} .site-description { display: block; margin: 15px 0 21px;} .site-description:empty {margin: 0;} .secondary-navigation { font-size: 11px; margin: 0 -30px 48px; width: 182px; } .secondary-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .secondary-navigation a { padding: 10px 30px; } .secondary-navigation ul ul { background-color: #015196; position: absolute; top: 0; left: -999em; width: 182px; z-index: 99999; } .secondary-navigation li li { border-top: 0; } .secondary-navigation li:hover > a, .secondary-navigation li.focus > a { background-color: #015196; color: #fff; } .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a { background-color: #015196; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 162px; } .secondary-navigation .menu-item-has-children > a { padding-right: 38px; } .secondary-navigation .menu-item-has-children > a:after { -webkit-font-smoothing: antialiased; content: "\f501"; display: inline-block; font: normal 8px/1 Genericons; position: absolute; right: 26px; top: 14px; vertical-align: text-bottom; } .primary-sidebar .widget_archive li, .primary-sidebar .widget_categories li, .primary-sidebar .widget_links li, .primary-sidebar .widget_meta li, .primary-sidebar .widget_nav_menu li, .primary-sidebar .widget_pages li, .primary-sidebar .widget_recent_comments li, .primary-sidebar .widget_recent_entries li { border-top: 0; } .primary-sidebar .widget_archive li:last-child, .primary-sidebar .widget_categories li:last-child, .primary-sidebar .widget_links li:last-child, .primary-sidebar .widget_meta li:last-child, .primary-sidebar .widget_nav_menu li:last-child, .primary-sidebar .widget_pages li:last-child, .primary-sidebar .widget_recent_comments li:last-child, .primary-sidebar .widget_recent_entries li:last-child { padding: 0; } #supplementary { padding: 0; } } @media screen and (min-width: 1040px) { } @media screen and (min-width: 1080px) { } @media screen and (max-width: 1099.99px) { .main-search-container {padding:0;} } @media screen and (min-width: 1100px) { .main-search-container {padding:25px 0 0 30px;} } @media screen and (min-width: 1200px) { } @media screen and (min-width: 1260px) { .download {width:141px;margin:45px 20px 20px 0;} } @media screen and (max-width: 991.99px) { h3.netfunnelH3.funnellogo {line-height: 18px;padding-left:0; padding-top:90px; background: url(images/mainBox3.png) top center no-repeat;} h3.netfunnelH3.funnellogo span.funnellogo-detail {font-size:14px;line-height: 18px;} .download {width:141px;margin:0 auto 20px;} .element.width0 a {display:none;} .jumbotron p.tit01 {padding-top:0;} } @media screen and (max-width: 767px) { #header {height:auto;} .main-header {height: auto; padding-top: 15px; position: relative;} #logo {top:0; padding: 0; max-width:50%; height:auto;} #logo img {width: 120px;} .main-col-right.pull-right {padding: 20px 0;} .menu-toggle {font-size: 11px; padding-right: 35px;} #menu-top.navbar-nav {position: absolute; top: 0; right: 0; padding: 0 10px;} #menu-top li a {font-size: 11px;line-height: 30px;} #moving {width:150px;} #moving .sub-bg.opened {right:150px;width:170px;} #menu-main > li > ul.dropdown-menu.opened {right:150px;width:170px;} #menu-main > li > ul.dropdown-menu {top: 164px;width:150px;} #menu-main li a {font-size: 15px; line-height: 50px;} #menu-main li li a {font-size: 12px;letter-spacing: -.07em; line-height: 50px;} .admin-bar #menu-main > li > ul.dropdown-menu {top: 150px;} .main-logo-container a, .admin-bar .main-logo-container a {padding:75px 10px 25px;} .main-logo-container a img {max-width:130px;} .container {padding:0 15px !important;} #to_top {bottom:0;right:0; width:40px; height:40px;} a.home_icon {padding-left: 10px;padding-right: 10px;} .btn.btn-breadcrumbs, .btn.btn-breadcrumbs.btn-breadcrumbs-2 {padding-right:20px; background-image:none;font-size: 11px; padding: 10px 4px;} .page-template-front-page .jumbotron {padding:50px 0 25px;} .row.soFirstContDiv {background:none;} h3.netfunnelH3 {font-size: 21px;line-height: 28px; } .totalITH5, .entry-content .totalITH5 {margin:20px 0 0 !important;} .universe {padding:20px 10px 0;} .entry-content h3.atgh3 {line-height:30px;} #myModal .modal-dialog {width:90%; margin:40px auto;height:auto;} .conceptBox {background:none; padding-bottom:0;} .systems5-1 p {font-size: 13px;line-height: 20px;} .entry-header-excerpts.col-sm-7.col-xs-12 {line-height: 18px; padding-bottom:20px;} .row.awards-page .col-md-4.col-sm-6.col-xxs-12, .row.awards-page .col-md-8.col-sm-6.col-xxs-12 {text-align:center;} .history_module {background-position:-75px top;} .history_module .row.innerR {background-position:-64px 3px;} .history_module .row.innerL {background:url(images/rArrow.png) no-repeat; background-position:-64px 3px;} .history_module .row.innerLE {background:url(images/rArrow.png) no-repeat; background-position:-64px 3px;} .history_module .history_left {text-align:left;padding-right:0; padding-left:90px;} .history_module .history_left ul.greyUl {float:left;} .ceoBox {background:url(images/ceoBox.png) top center no-repeat; padding:330px 0 10px;} .jumbotron p.tit01 {font-size: 16px;} .tit02 {font-size: 45px; line-height: 1;} .tit03 {font-size: 13px;line-height: 18px; margin-top: 10px;} .element.width1 a.mainBox3en {padding-top: 69%;} .mainBox3 a.mainBox3en {font-size: 12px;} .mainBox4 a {font-size: 13px;} .element.width1 a {padding-top: 69%;} .mainBox6 a {font-size: 14px; line-height: 20px;} .outsourcingCont h5 {padding: 10px 0;font-size: 14px; letter-spacing: -.04em; margin:0; height: 60px; border: 8px solid #d7d7d7;} .tele-vm { font-size: 14px;} .sub-title {font-size: 32px;} h3.netfunnelH3.clusterpluslogo span.clusterpluslogo-detail {font-size: 14px; line-height: 1.5;} .appinsitorlogo-detail {font-size: 14px; line-height: 1.5;} h3.netfunnelH3.clusterpluslogo {padding: 100px 0 0; background-position: center top;} h3.netfunnelH3.appinsitorlogo {padding: 95px 0 0; background-position: center top;} .organ {padding: 40px 10px;} .contactTable td, .contactTable th {font-size: 11px; line-height: 2; padding: 8px 2px;} } @media screen and (max-width: 480px) { .entry-content-container {padding: 50px 0 80px;} .entry-content p, table.d9 td, .entry-content .software-tab p {font-size: 13px;line-height: 20px; margin-bottom: 20px;} #map1, #map2 {height:auto} .entry-header-title h2 {z-index: 30;} .entry-content .ceo01 {font-size: 30px;line-height: 36px;} .entry-content .ceo02 {font-size: 24px;} .entry-content p.ceoSign {font-size: 15px;} .history_module .init h4, h3.conceptH3 {font-size: 30px;} .entry-content h2.article-title:first-child {margin-top: 15px; margin-bottom: 30px;} .conceptH4 {font-size: 18px;} .row.awards-page h3 {font-size: 22px;} .missions {padding: 30px 20px;} .midTit {font-size: 25px;line-height: 30px;margin-bottom: 30px;letter-spacing:-.03em;} h4.lightblueH4 {font-size: 17px;line-height: 30px;background: url(images/lightblueH4.gif) top left no-repeat;padding: 0 0 10px 18px;} h3.universe01 {font-size: 20px;line-height: 25px; margin:0 0 15px;} .universe {background: url(images/universe-mo5.jpg) center left no-repeat; background-size: 100%;} .universe.universe_en {background: url(images/universe-mobile.jpg) center left no-repeat; background-size: 100%;} .universe h2 {font-size: 25px;line-height: 28px; margin-bottom:15px;} .universe p {font-size: 10px; line-height: 15px;margin-bottom:5px; letter-spacing:-.05em; } .universe_bottom {padding: 45px 20px;} p.universe01s {font-size: 12px; line-height: 18px;} .entry-content-title .entry-title {font-size:30px; padding: 13px 0 40px;} ul.waresUl {margin-left:0; padding:20px 10px;} .bgBcircle2, .bgGcircle2, .bgGcircle3 {background-position:center right;background-size:contain;} .bgCircles2 {width:80%;} .bgOcircle1 .bgCircles2 {width:110px;} .row.awards-page .col-xxs-12 {text-align:center;} .col-xs-6.col-xxs-12 {width:100%;} .pdf_box3 {margin-bottom: 10px;} .site-content.front-page .post-thumbnail { float: left; width: 100%; padding:0; margin-bottom:20px; } .list-view .site-content .post-thumbnail { background: none; width: auto; z-index: 2; } .list-view .site-content .post-thumbnail img { float: left; margin: 0 10px 3px 0; width: 84px; } .list-view .site-content .entry-header { background-color: transparent; padding: 0; } .list-view .content-area { padding: 0 10px; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; min-height: 60px; padding: 12px 0 9px; } .list-view .site-content .cat-links, .list-view .site-content .type-post .entry-content, .list-view .site-content .type-page .entry-content, .list-view .site-content .type-post .entry-summary, .list-view .site-content .type-page .entry-summary, .list-view .site-content footer.entry-meta { display: none; } .list-view .site-content .entry-title { clear: none; font-size: 15px; font-weight: 900; line-height: 1.2; margin-bottom: 6px; text-transform: none; } .list-view .site-content .format-aside .entry-title, .list-view .site-content .format-link .entry-title, .list-view .site-content .format-quote .entry-title { display: block; } .list-view .site-content .entry-meta { background-color: transparent; clear: none; margin: 0; text-transform: none; } .archive-header, .page-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 24px auto 0; padding-bottom: 24px; } .error404 .page-header { border-bottom: 0; margin: 0 auto 24px; padding: 0 10px; } .partners00.nav-tabs > li > a {padding:10px 2px;font-size:10px;} h4.soFirst {padding-left: 5px; padding-right: 5px;} } @media screen and (max-height: 480px) { #moving .main-logo-container {display:none;} .main-menu-container {margin-top:50px;} #menu-main > li > ul.dropdown-menu {top:30px; } #menu-main li a {font-size: 15px;line-height: 30px;} #menu-main li li a {font-size: 12px;line-height: 30px;} } /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print { body { background: none !important; /* Brute force since user agents all print differently. */ color: #2b2b2b; font-size: 12pt; } .site, .site-header, .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment { max-width: 100%; } #header img, .search-toggle, #header .menu, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav { display: none; } .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a { color: #2b2b2b; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; } .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header { background: transparent; } .header-main { padding: 0px 10px; } .site-title { float: none; font-size: 19pt; } .content-area { padding-top: 0; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 48px; padding-bottom: 24px; } .post-thumbnail img { margin: 0 10px 24px; } .site-content .has-post-thumbnail .entry-header { padding-top: 0; } .site-content footer.entry-meta { margin: 24px auto; } }