/* Theme Name: ibiz Theme URI: Version: 1.9 Description: 2 Column theme from wonpage Themes Author: ibizcommunication Author URI: */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } about { font-weight: bold; color: #00397C; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; } body { font-family: 'Nanum Gothic', '나눔고딕', Open Sans, Arial, sans-serif; font-size: 14px; color: #555e58; background-color: #f5f5f5; line-height: 17px; } a { text-decoration: none; color:inherit; } a:hover { } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111; line-height: 1.0em; font-weight: normal; letter-spacing: -2px; } .title { font-weight:bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; } h1 { font-size: 30px; } h2 { font-size: 25px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p { padding-bottom: 10px; line-height: 22px; } strong { font-weight: bold; color: #1c1c1c; } about { font-weight: bold; color: #00397C; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 12px 0px; padding: 10px 1em; color: #FFFFFF; padding-left:0px; } blockquote p { padding-bottom: 0px; color:#FFFFFF; font-size:18px; font-weight:bold; letter-spacing:-1px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } .widget_aboutmewidget { line-height: 30px; padding-left: 0px !important;} .widget_aboutmewidget h4.widgettitle { display:none; position:absolute; width:208px; text-align:center; line-height: 1.3em; letter-spacing:-2px !important; padding: 42px 26px !important; font-size:30px !important; color:#fff !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) !important; border:none !important; background:none !important; background-image:none !important;} img#about-image { float: left; margin: 0px; background:none !important } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ #main-header { background: #e8d67a } .header-bg { background: #FFF; } .container { text-align: left; margin: 0 auto; width: 980px; position: relative; } .container_product { text-align: left; margin: 0 auto; width: 980px; position: relative; } /*탑메뉴*/ #top-area { padding: 5px 0 5px; } #logo { float: left; padding-left: 0px; } #top-menu { float: right; margin-top: 10px; margin-right: 1px; } #top-menu li { font-size: 18px;!important; display: inline-block; float:left; } #top-menu a, a.mobile_nav { font-size: 16px; font-weight:bold; color: #000; text-decoration: none; padding: 4px 30px; display: block; } #top-menu a:hover { color:#00397C; !important; } .bin a:hover { color:#00397C; background-image: url(images/hover-widget-bullet.png); background-repeat: no-repeat; !important; } .bin { background-image: url(images/hover-widget-bullet.png); background-repeat: no-repeat; } ul.sub-menu li a { list-style-image:url(../../mok_img/widget-bullet.jpg); width: 130px !important; } ul.sub-menu li a:hover { color:#00397C; list-style-image:url(../../mok_img/widget-bullet.jpg); background-color:; height: 30px; font-weight:bold; text-decoration: none; padding: 20px 10px 10px 5px; width: 125px !important; } #featured { position: relative; } #featured:after { content: ''; position: absolute; height: 13px; bottom: 0; left: 0; background: url(../mok_img/featured-shadow.png) no-repeat bottom center; width: 100%; } #featured .container { text-align: center; line-height: 0; margin-top: -35px} #featured h2, #featured p { text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #featured h2 { color: #fff !important; position:absolute; top:25px; font-size: 56px; font-weight: bold; margin-bottom: 14px; letter-spacing: -4px; line-height: 0.8em; } #featured h2 span { font-size: 21px; color:#fff; font-weight:800; letter-spacing: -1px; float: left; padding-left: 10px; } #featured .description { font-weight: 300; } #featured .description { position:absolute; top:132px; left:6px; font-size: 14px; padding-bottom: 54px; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align:left; } #featured .description p { color: #fff; line-height:1.5em; } #home-section-info { padding: 25px 0 15px; background-color: #F5F5F5; } .home-section .container { text-align: center; } #services { text-align: left; } .service { float: left; width: 280px; margin-right: 54px; background: url(../mok_img/service.png) no-repeat top left; position: relative; } #services .first { background-image: url(../mok_img/main-business-field_icon01.png); } #services .second { background-image: url(../mok_img/main-business-field_icon02.png); } #services .third {background-image: url(../mok_img/main-business-field_icon03.png); margin-right: 0px !important; } #services .fourth { background-image: url(../mok_img/main-business-field_icon04.png); } #services .fifth { background-image: url(../mok_img/main-business-field_icon05.png); } #services .last { background-image: url(../mok_img/main-business-field_icon06.png); } .last { margin-right: 0 !important; } .service h3 { padding: 0 0 6px 110px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); font-size: 21px; font-weight: bold; color: #636B66; letter-spacing: 0; } .service h3 a { text-decoration: none; font-size: 24px; font-weight: bold; color: #636B66; letter-spacing: 0; } .service h3:hover, .service h3 a:hover { color:#005593; } .service p { padding:0 0 30px 110px; color: #636B66; font-size: 13px; line-height: 20px; } a.learn-more, .comment-reply-link, .form-submit input { float: right; text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #9a9999; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; } a.learn-more:hover, .blog-post a.learn-more:hover, .comment-reply-link:hover, #home-section-news a.more-info:hover, #home-section-projects a.more-info:hover, #home-section-pricing a.more-info:hover { color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border: 1px solid #dd6141; -webkit-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(240,123,73); /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,123,73,1)), color-stop(100%,rgba(230,104,71,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07b49', endColorstr='#e66847',GradientType=0 ); /* IE6-9 */ -webkit-animation: bounceIn_custom 0.7s ease-in-out; -moz-animation: bounceIn_custom 0.7s ease-in-out; -o-animation: bounceIn_custom 0.7s ease-in-out; animation: bounceIn_custom 0.7s ease-in-out; } .service a.learn-more {float:none; margin:20px 0 20px 90px; } #quote { position: relative; padding-bottom: 30px; background: none; text-align: left; } #quote:after { content: ''; position: absolute; height: 24px; top: 0; right: 0; background: none; width: 26px; } #quote h3 { font-size: 45px; color: #005593; font-weight:bold; letter-spacing: -2px; padding-bottom: 0px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); line-height: 1.1em; text-align:center; } #quote p { font-size: 16px; color: #636B66; font-weight: 300; line-height: 20px; letter-spacing: -1px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); padding-top:6px; text-align:center; } #home-section-news { padding: 35px 0px; background-color: #F5F5F5; padding: 24px 0px 6px; } #home-section-news .section-title, #home-section-pricing .section-title { text-shadow: 1px 1px 1px rgba(255,255,255,0.7); text-align:CENTER; padding-bottom:0; } #home-section-news .section-title h2 { color: #636B66; } #home-section-news .section-title .section-subtitle, #home-section-projects .section-title, #home-section-pricing .section-title h2, #home-section-pricing .section-title .section-subtitle { color: #636B66; } #home-section-news .section-title .section-subtitle { padding-top:6px; text-align:center; } .section-title h2, #page-name h1 { font-size: 28px; font-weight: 600; pdadding-bottom: 2px; letter-spacing: -2px; line-height: 1.1em; padding-top:6px; text-align:center; } #page-name h1 { float:none; text-align:left; } .section-title span { font-weight: 300; } .section-title .section-subtitle, .main_post_info { font-size: 16px; font-weight: 300; height: 38px; } .home-section .section-title { padding-bottom: 18px; } #blog-posts { text-align: left; } .blog-post { float: left; width: 280px; margin: 0 40px 40px 0px; text-shadow: 1px 1px 0 rgba(255,255,255,0.7); } .blog-post h3 { font-size: 17px; font-weight: 800; padding-bottom: 6px; letter-spacing: -1px; line-height:1.3em; padding-top: 6px; } .blog-post h3 a { text-decoration: none; color: #636B66; } .blog-post .title { font-size: 14px; } .blog-post .meta-info { color: #c7c9c8; padding-bottom: 3px; font-size:12px; } .blog-post .meta-info a { color: #c7c9c8; text-decoration: none; } .blog-post p { color: #636B66; font-size:13px; line-height:20px; text-shadow:none; font-weight:normal; padding-bottom: 0; } .blog-post a { text-decoration:none; } .blog-post a.learn-more { background: rgb(217,52,61); /* Old browsers */ background: -moz-linear-gradient(top, rgba(217,52,61,1) 0%, rgba(99,107,102,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,52,61,1)), color-stop(100%,rgba(99,107,102,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(217,52,61,1) 0%,rgba(203,38,47,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(217,52,61,1) 0%,rgba(203,38,47,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(217,52,61,1) 0%,rgba(203,38,47,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(217,52,61,1) 0%,rgba(203,38,47,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9343d', endColorstr='#cb262f',GradientType=0 ); /* IE6-9 */ border: 1px solid #e7424b; -webkit-box-shadow: 0 1px 0 #77837c inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #77837c inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #da353e inset, 0 1px 2px rgba(0,0,0,0.1); color: #ffffff; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); margin-top:20px; } a.more-info { text-decoration: none; border-radius: 10px 10px 10px 10px; display: inline-block; padding: 18px 26px; font-size: 30px; font-weight: 300; } #home-section-news a.more-info { background: rgb(99,106,102); /* Old browsers */ background: -moz-linear-gradient(top, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(99,106,102,1)), color-stop(100%,rgba(82,91,85,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636a66', endColorstr='#525b55',GradientType=0 ); /* IE6-9 */ border: 1px solid #404642; -webkit-box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); } .one_third { margin-top: -10px; } #home-section-projects { padding: 30px 0 0px; background-color: #b8b8b8; } #home-section-projects .section-title { text-shadow: 1px 1px 0 rgba(0,0,0,0.3); text-align:left; } #home-section-projects .section-title .section-subtitle { color: #fff; letter-spacing:-1px; padding-top:6px; line-height:1.2em; text-align:center; } #home-section-projects .section-title h2 a { color:#fff } #home-section-projects .section-title h2 a:hover { color:#fff; } #home-section-projects a.more-info { background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #636b66; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); } #home-section-pricing { padding: 24px 0; background-color: #00397C; background: #00397C url(http://www.posmate.com/wordpress/wp-content/uploads/2014/03/PR-Movie-BG.jpg) no-repeat center bottom; } #home-section-pricing a.more-info { background: rgb(52,157,64); /* Old browsers */ background: -moz-linear-gradient(top, rgba(52,157,64,1) 1%, rgba(54,144,64,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(52,157,64,1)), color-stop(100%,rgba(54,144,64,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(52,157,64,1) 1%,rgba(54,144,64,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(52,157,64,1) 1%,rgba(54,144,64,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(52,157,64,1) 1%,rgba(54,144,64,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(52,157,64,1) 1%,rgba(54,144,64,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349d40', endColorstr='#369040',GradientType=0 ); /* IE6-9 */ border: 1px solid #45874b; -webkit-box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #379d42 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); margin-top:40px; } #page-name { text-align:left; } #page-name .section-title h1, #page-name .section-title .section-subtitle, .main_post_info { color: #6D6D6D; } #page-name .section-title h1 { margin-bottom:20px; } #page-name .section-title { padding-bottom: 0px; } #main-area { background-color: #fff; border-bottom: 1px solid #e0dddd; } #content-area { padding: 2px 0 40px; position: relative; } #content-area:before { border-left: 1px solid #fff; content: ""; height: 100%; left: 230px; position: absolute; top: 0; width: 1px; } #left-area { float: right; margin-left: 30px; width: 711px; padding-top: 0px; min-height:600px; } .post_content h1 { color: #00397C; font-size: 36px; font-weight: bold; } .post_content h2 { color: #00397C; font-size: 28px; font-weight: bold; } .post_content h3 { color: #00397C; font-size: 20px; } .post_content ul li { line-height:18px; padding-bottom:8px; } .entry { float: left; width: 265px; margin-right: 80px; margin-bottom: 20px; width:100%; } .post-title { position: relative; } .post-title:before { content: ""; height: 8px; left: 50%; position: absolute; bottom: -7px; width: 13px; margin-left: -6px; background: url(../mok_img/post-title-bg.jpg) no-repeat; } .entry h2.title { font-size: 20px; font-weight: bold; padding-bottom: 5px; letter-spacing: -1px; } .entry h2.title a { text-decoration: none; color: #555e58; } .entry h2.title a:hover { color: #111; } .entry .meta-info { font-size: 12px; font-weight: 300; } .entry .meta-info a { text-decoration: none; color: #999; } .entry .meta-info a:hover { color: #111; } .et_page_icon { position: absolute; top: 34px; left: 120px; } .blog-post-image { position:relative; text-align: left; width: 215px; height: 129px; overflow: hidden; display: none; } .blog-post-image a, .portfolio-image { display: inline-block; position: relative; } .blog-post-image img, .portfolio-image img { display: block; } .blog-post-image img { position:relative; width: auto; height: auto; overflow: hidden; min-height: 100%; min-width: 100%;} .blog-post-image .overlay, .portfolio-image .overlay { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); } .portfolio_description { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: scale(0); -webkit-transform: scale(0); opacity: 0; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; background: rgba(255,255,255,0.5); } .portfolio_info_top, .portfolio_description > a { opacity: 0; -moz-transition: all 0.4s ease-in-out 0.2s; -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute; } .portfolio_info_top { top: 100px; left: 0; width: 180px; text-align: center; padding: 0 7px; } .portfolio_info_top h3.title { margin-top:-8px; } .portfolio_description > a { bottom: 44px; left: 80px; } .portfolio-image:hover .portfolio_description, .portfolio-image.et_hover .portfolio_description { -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .portfolio-image:hover .portfolio_info_top, .portfolio-image.et_hover .portfolio_info_top { opacity: 1; } .portfolio-image:hover .portfolio_description > a, .portfolio-image.et_hover .portfolio_description > a { -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .post-thumbnail.portfolio-image { margin: 10px 25px 15px 0; text-align: center; float:left; } .comments_count { display:none !important; position: absolute; bottom: -16px; left: 50%; margin-left: -31px; display: block; } .comments_count a { display: block; background: url(../mok_img/comments_count.png) no-repeat; color: #fff; font-weight: 900; font-size: 22px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); width: 62px; height: 76px; line-height: 61px; text-decoration: none; letter-spacing: -2px; } .main_post_info { padding-bottom: 0; line-height: 1; font-size: 12px; font-weight: 300; padding-bottom:10px; } .main_post_info a { color: #666; text-decoration: none; } .main_post_info a:hover { color: #333; } .post-thumbnail { position: relative; margin-bottom: 38px; } .post-thumbnail img { display: block; } .post-thumbnail span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); } article.post ul, .comment-content ul, article.page ul { list-style-type: none; padding: 0 0 23px 16px; line-height: 26px; } article.post ol, .comment-content ol, article.page ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; } .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol, article.page ul li ul, article.page ul li ol { padding: 2px 0px 2px 20px; } .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol, article.page ol li ul, article.page ol li ol { padding: 2px 0px 2px 35px; } #breadcrumbs { background: #FFF; border-top: 1px solid #EBEBEB; color: #f5f5f5; font-weight: 900; } #breadcrumbs a, #breadcrumbs span.raquo { color: #9B9B9B; font-weight: normal; display: inline-block; padding: 24px; padding: 23px 0 24px 17px; margin-right: -4px; } #breadcrumbs a:hover { color: #9B9B9B; text-decoration: none; } .breadcrumbs_home { background: url(../mok_img/breadcrumbs_home.gif) no-repeat 2px 27px; } #breadcrumbs span.raquo { text-indent: -9999px; background:url(../mok_img/breadcrumbs_raquo.gif) no-repeat 12px 30px; padding: 23px 8px; top: -1px; position: relative; } #breadcrumbs span.raquo.last { margin-right: 9px !important; } #ie8 #breadcrumbs span.raquo {margin-left:-1px; margin-right: -5px !important;} #breadcrumbs_box { float: left; position: relative; min-height: 61px; margin-left: 6px; padding-top: 1px; color: #9B9B9B; } #breadcrumbs_box:before { content: ''; position: absolute; top: 0; left: -32px; width: 32px; height: 61px; } #breadcrumbs_box:after { content: ''; position: absolute; top: 0; right: -31px; width: 31px; height: 61px; } #sidebar .widget .widgettitle { margin-bottom:0; } #text-2, #text-3, #text-4, #text-5, #text-13, #text-14, #text-15, #text-16, #text-17, #text-18, #text-19 { margin-bottom:0; } #menu-business li:first-child { margin-top:25px;} /*--- #left-area #page-name { background: url(../mok_img/buding_mag-img01.jpg) no-repeat top right; } ---*/ #sidebar #text-9, #sidebar #text-13, #sidebar #text-20, #sidebar #text-21, #sidebar #text-22, #sidebar #text-23, #sidebar #text-24 { padding:0; margin:0; } #sidebar #text-9 .widgettitle, #sidebar #text-13 .widgettitle, #sidebar #text-20 .widgettitle, #sidebar #text-21 .widgettitle, #sidebar #text-22 .widgettitle, #sidebar #text-23 .widgettitle, #sidebar #text-24 .widgettitle { display:none; } #sidebar #text-9 .textwidget, #sidebar #text-13 .textwidget, #sidebar #text-20 .textwidget, #sidebar #text-21 .textwidget, #sidebar #text-22 .textwidget, #sidebar #text-23 .textwidget { line-height:0; margin-bottom:0; padding-bottom:0; } #search { position: absolute; right: 0;} /*------------------------------------------------*/ /*---------------[IBIZCOMM EDIT]------------------*/ /*------------------------------------------------*/ .business-meta { font-size:12px; color:#999; padding-bottom:12px; } #post-47 p { line-height:19px; } #post-47 h4 { padding-bottom:6px; } .business-clients img {margin-bottom:4px; } .moral-lists { padding-top:28px; } .moral-lists .moral-list { padding-bottom:28px; } .moral-lists .moral-list h5{ font-weight:bold; color: #5b889d; } .moral-lists .moral-list .Cmore{ float: right; display: block; height: 27px; padding: 0 0 0 13px; color: #282828; font-size: 11px; line-height: 24px; text-shadow: 1px 1px 1px #FFFFFF;} .moral-lists .moral-list .Cmore span{ display: block; height: 27px; padding: 2px 13px 0 13px; border:1px solid #b5b5b5; background-color: rgba(0, 0, 0, 0.05); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top:8px;} .FConsulting-box{text-align: center; width: 130px; height:160px; float:left; margin-right:4px; } .FConsulting-box h5 { font-size: 15px; padding-bottom: 2px; color:#333; } .sisuls { padding-top:20px; } .sisul { display:block; padding-bottom:15px; } .sisul-img { width:200px; float:left; padding-right:30px; } .sisul-text { display:block; padding: 15px; height: 130px; } .sisul-text .sisul-title { font-size:17px; font-weight:bold; padding-bottom: 6px; } .featured-boxs { display:block; position:absolute; top:90px; right:0px; width:325px; z-index:9; } .featured-box { float:left; } .kboard-poweredby { display:none; } div.et_pt_thumb { overflow:hidden; } #et_pt_blog .et_pt_blogentry .page-blog-post { height:58px; overflow:hidden; margin-bottom:12px; } .post-721 .et-tabs-container { margin-top:20px; } .et-custom-list ul li ul li { background:none; list-style:disc; } .company-top-box {display:block; margin-bottom:10px; height: 330px;} .wp-image-2038, .wp-image-2039, .wp-image-2040, .wp-image-2041, .wp-image-2042, .wp-image-2043 { margin-right:14px !important; width:110px; margin-top:10px; } #nav_menu-13 .widgettitle { display:none; } #et_pt_blog { border: 1px solid #575757; border-width: 1px 0; margin-top: 25px; } #sitemap { display:none; } #post-3591 #sitemap { display:block; } #post-3591 #sitemap .sitemap-col { float: left; margin: 0 2% 10px 0; width: 23%; margin-right: 40px; } #post-3591 #sitemap p { padding-bottom:0; } #post-3591 #sitemap .last { margin-right:0; } #post-3591 #sitemap ul { padding-left:0; } #post-3591 #sitemap ul li{ list-style-type: none; } #post-3591 #sitemap ul li a:hover{ color:#000; font-weight:bold; } #post-3591 #sitemap ul ul { padding-left:32px; padding-bottom:8px; } #post-3591 #sitemap ul ul ul { padding-left:16px; } #post-3591 #sitemap ul li ul li{ list-style-type: disc; padding-bottom:0; } #post-3591 #sitemap ul li ul li ul li{ list-style-type: circle; } #post-3591 #sitemap .sitemap-col ul li ul li a { background:none; padding-left:0; } #text-85 .widgettitle {display:none; } .footer-widget #search-form { margin-bottom:8px; } .top-img { display:block; position:relative; width:671px; height:130px; margin-top:12px; margin-bottom:18px; } .top-img blockquote { position:absolute; top:0px; left:24px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul.nav > li.current-menu-item > a, a.mobile_nav { border-bottom:4px solid #090; } ul.nav li ul, .et_mobile_menu { background: #d15d3f; border: 1px solid #b74425; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px 16px; width:120px; } ul.nav ul li { margin: 12px 0; } ul.nav li ul a { padding: 0 15px 0 0 !important; width: inherit; font-size:14px !important; } .et_mobile_menu { position: absolute; top: 38px; left: -66px; z-index: 1000; display: none; text-align: left; padding-top: 10px; padding-bottom: 8px; } .et_mobile_menu li { padding-left: 0 !important; margin: 20px 0; } .et_mobile_menu ul { display: block !important; visibility: visible !important; padding-left: 20px; } .et_mobile_menu a { color: #fff; } .sf-sub-indicator { display:none; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; height:380px; margin: 0; padding: 0;} .flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ img { max-width: 100%; height: auto; width: auto; } .flexslider img { vertical-align: bottom; width: auto; } /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ #featured { overflow: hidden; background: #00397C; } #featured.flexslider { position: relative; zoom: 1; } #featured.flexslider .slides { zoom: 1; width: 960px; margin: 0 auto; position: relative; } #featured.flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ #featured .flex-container {zoom: 1; position: relative;} #featured .flex-direction-nav a { position: absolute; text-indent: -9999px; top: 50%; margin-top: -22px; width: 44px; height: 44px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } #featured .flex-direction-nav a.flex-prev { left: 60px; background: url(../mok_img/slider_left_arrow03.png) no-repeat; } #featured .flex-direction-nav a.flex-next { right: 60px; background: url(../mok_img/slider_right_arrow03.png) no-repeat; } #featured:hover .flex-direction-nav a { opacity: 1; } #featured:hover .flex-direction-nav a.flex-prev { left: 80px; } #featured:hover .flex-direction-nav a.flex-next { right: 80px; } #featured .flex-control-nav { display: none; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceIn_custom { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.8); } 50% { -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn_custom { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.8); } 50% { -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn_custom { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.8); } 50% { -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn_custom { 0% { transform: scale(1); } 25% { transform: scale(.8); } 50% { transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } @-webkit-keyframes fadeInUp_custom { 0% { opacity: 0; -webkit-transform: translateY(270px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp_custom { 0% { opacity: 0; -moz-transform: translateY(270px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp_custom { 0% { opacity: 0; -o-transform: translateY(270px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp_custom { 0% { opacity: 0; transform: translateY(270px); } 100% { opacity: 1; transform: translateY(0); } } #featured .slide { text-align: center; -webkit-transform: translate3d(0,0,0); } /* .cssanimations.csstransitions #featured .slide { padding-bottom: 295px; } */ #featured .slide h2 a { color: #fff; text-decoration: none; } #featured .slide img, #featured .slide h2, #featured .slide .description { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .home-section, #main-footer, #quote, .blog-post-image, .comments_count { -webkit-transform: translate3d(0,0,0); } #featured .slide.flex-active-slide img { -webkit-animation-duration: .7s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: .4s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: .4s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: fadeInUp_custom; -moz-animation-name: fadeInUp_custom; -o-animation-name: fadeInUp_custom; -ms-animation-name: fadeInUp_custom; animation-name: fadeInUp_custom; } #featured .slide.flex-active-slide .description { -webkit-animation-duration: .7s; -webkit-animation-delay: .9s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: .9s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: .9s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: .9s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: .9s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } #featured .slide.flex-active-slide h2 { -webkit-animation-duration: .7s; -webkit-animation-delay: 1.4s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-duration: .7s; -moz-animation-delay: 1.4s; -moz-animation-timing-function: ease-in-out; -moz-animation-fill-mode: both; -o-animation-duration: .7s; -o-animation-delay: 1.4s; -o-animation-timing-function: ease-in-out; -o-animation-fill-mode: both; -ms-animation-duration: .7s; -ms-animation-delay: 1.4s; -ms-animation-timing-function: ease-in-out; -ms-animation-fill-mode: both; animation-duration: .7s; animation-delay: 1.4s; animation-timing-function: ease-in-out; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { margin-top: 65px; } h1#comments, #reply-title { color: #555e58; font-size: 30px; font-weight: 900; margin-bottom: 38px; } .comment-body { position: relative; padding-left: 82px; margin: 0 0 30px; } .comment_avatar { position: absolute; top: 2px; left: 0; } .comment_avatar img { display: block; } .comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 7px rgba(0,0,0,0.5); } .comment_postinfo { font-size: 18px; margin-bottom: 10px; } span.fn, span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px; } .comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px; } .comment-reply-link:hover { text-decoration: none; } .comment ul { margin-left: 82px; } #reply-title { margin-bottom: 10px; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 89%; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); } #reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; } .form-submit { text-align: right; } .form-submit input { font-size: 14px; float: none; } .comment #respond, #trackbacks { margin-bottom: 30px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { padding-top: 10px; background:#484848; } #footer-widgets { margin-bottom: 5px; } .footer-widget { float: left; width: 120px; margin:0 5px 0px 0; color:#FFF; line-height: 24px; } .footer-widget .textwidget { text-shadow:none; color:#FFF; font-size: 13px; } #footer-logo { margin-bottom: 5px; } #footer-copyright { font-style: italic; color: #FFF; margin-bottom: -1px; } .footer-widget h4.widgettitle { color: #FFFFFF; font-size: 16px; font-weight: 600 !important; padding-bottom: 0px; letter-spacing: -1px; font-weight:normal; text-shadow:none; } .footer-widget #search-form { width: 170px; } #footer-bottom { } p#copyright { text-align: left; font-size:13px; color:fff; } p#copyright a { color:#fff; font-weight: 855; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ .sidebar-area { float: left; position:relative; z-index:05; } #sidebar { width: 208px; margin-left: 1px; background:#FFF;} #search-form { height: 38px; border:1px solid #e0dddd; background-color: #fff; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); margin-left: -4px; margin-bottom: 35px; } #search { float: left; padding: 11px 0px 0 25px; } #search-form { height: 35px; border:1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; } #search-form #searchinput { background: none; border: none; float: left; margin: 9px 14px 0 7px; width: 108px; padding-left: 6px; font-size: 12px; color: #4b4b4b; font-weight: lighter; } #search-form #searchsubmit { margin-top: 12px; margin-right: 12px; } /*레프트*/ .widget { margin-bottom: 0px; line-height: 24px; padding-left: 30px; background: #EFEFEF;} .widget h4.widgettitle { margin-left: -30px; letter-spacing: -1px; text-shadow: 1px 1px 0 #fff; color: #555e58; font-size: 16px; font-weight: 600; border: 0px solid #e0dddd; border: 0px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset; -moz-box-shadow: 0 1px 0 #fcfcfc inset; box-shadow: 0 1px 0 #fcfcfc inset; background: #EFEFEF; /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dddd', endColorstr='#e0dddd',GradientType=0 ); /* IE6-9 */ margin-bottom: 26px; padding-top: 10px; padding-right: 46px; padding-bottom: 10px; padding-left: 18px; } .widget h4.widgettitle a { color: #555e58; background-image: url(images/arrow.png); background-repeat: no-repeat; } /*.widget h4.widgettitle a:hover { text-decoration:none; color: #000; }*/ .widget h4 a:hover { background-image: url(images/arrow_on.png); background-repeat: no-repeat; color: #fff; margin-left: -17px; letter-spacing: -1px; text-shadow: 1px 1px 0 #ccc; font-size: 16px; font-weight: 600; border: 0px solid #e0dddd; border: 0px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset; -moz-box-shadow: 0 1px 0 #fcfcfc inset; box-shadow: 0 1px 0 #fcfcfc inset; background: #EFEFEF; /* Old browsers */ background: -moz-linear-gradient(top, rgba(115,174,213,1) 0%, rgba115,174,213,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,174,213,1)), color-stop(100%,rgba(31,120,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(115,174,213,1) 0%,rgba(115,174,213,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(115,174,213,1) 0%,rgba(115,174,213,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(115,174,213,1) 0%,rgba(115,174,213,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(115,174,213,1) 0%,rgba(115,174,213,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26AA26', endColorstr='#26AA26',GradientType=0 ); /* IE6-9 */ margin-bottom: 26px; padding-top: 10px; padding-right: 6px; padding-bottom: 10px; padding-left: 10px; }; } .widget > ul { margin: 0 20px 0 0; } .widget li, .footer-widget li { font-size: 14px; padding: 0 0 2px 12px; background: url('../mok_img/widget-bullet.png') no-repeat 0 8px; } .widget li a { text-decoration: none; color: #555e58; } .widget li:hover { background-image: url('../mok_img/hover-widget-bullet.png'); } .footer-widget li a { text-decoration: none; color: #FFF; } .footer-widget li a:hover {color:#CCC; } .footer-widget .textwidget li:hover { background-image:none; background:none; } #sidebar .widget ul li ul li { font-size: 13px; padding: 4px 0 2px 15px; background: url('../mok_img/widget-bullet2.png') no-repeat 0 12px; } .menu { margin-top:10px; margin-bottom:10px; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .header-bg .container { z-index: 9999; } .nav ul { position:absolute; top:-999em; z-index: 9999; } .nav li { position: relative; } .nav ul li { float:left; } .nav ul a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left: 0px; top: 36px; } .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 150px; z-index:1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .nav li li:hover ul, ul.nav li li.sfHover ul { left: 136px; top: -16px; background: #fff; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 20px 0; } .wp-pagenavi { clear: both; } #left-area .wp-pagenavi { color: #9a9999; font-size: 14px; padding-top: 7px; text-align: right; text-shadow: 1px 1px 0 #FFFFFF; } #left-area .wp-pagenavi .pages { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 0;color: #555E58; } #left-area .wp-pagenavi span, #left-area .wp-pagenavi a { color: #9a9999; display: inline-block; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border-color: #e0dddd; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset; -moz-box-shadow: 1px 1px 0 #fcfcfc inset; box-shadow: 1px 1px 0 #fcfcfc inset; padding: 11px 14px; text-shadow: 1px 1px 0 #FFFFFF !important; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px; } #left-area .wp-pagenavi span.current { color: #555e58; font-weight: 800; } #left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #FFFFFF; } #home-section-pricing .pricing-table-wrap { border-color: #35424c; } #home-section-pricing .pricing-table { width: 321px; margin-bottom: 0; } #home-section-pricing .pricing-table ul.pricing li span { left: 55px; } #home-section-pricing .pricing-heading { border-bottom: 1px solid #313d46; -webkit-box-shadow: 1px 1px 0 0 #4a5c69 inset; -moz-box-shadow: 1px 1px 0 0 #4a5c69 inset; box-shadow: 1px 1px 0 0 #4a5c69 inset; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7); background: rgb(64,79,90); /* Old browsers */ background: -moz-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,79,90,1)), color-stop(100%,rgba(60,74,84,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404f5a', endColorstr='#3c4a54',GradientType=0 ); /* IE6-9 */ } #home-section-pricing .pricing-title { color: #FFFFFF !important; font-weight: 800; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-transform: none; letter-spacing: -1px; font-size: 22px; } #home-section-pricing .pricing-table ul.pricing li { background: #465662; border-bottom: 1px solid #35424C; border-top: 1px solid #546876; color: #FFFFFF; font-size: 14px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7) !important; padding: 17px 7px 17px 100px; text-align: left; } #home-section-pricing .pricing-table ul.pricing li span { background: url(../mok_img/pricing_check.png) no-repeat; width: 23px; top: 20px; } #home-section-pricing .pricing-table ul.pricing li.x-mark span { background: url(../mok_img/pricing_x.png) no-repeat; } #home-section-pricing .et-pricing { background: url(../mok_img/pricing_x.png) no-repeat; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); margin-bottom: 60px; margin-top: 0; } #home-section-pricing .pricing-big .pricing-content-bottom { border-bottom: 1px solid #334049; } #home-section-pricing .pricing-content-bottom { border-bottom: 1px solid #E7E7E7; border-top: 1px solid #4D606D; -webkit-box-shadow: 1px 0 0 0 #4D606D inset; -moz-box-shadow: 1px 0 0 0 #4D606D inset; box-shadow: 1px 0 0 0 #4D606D inset; background: #4a5b67; border-bottom: 1px solid #334049; } #home-section-pricing span.et-price { color: #FFFFFF; font-family: 'Open Sans', Arial, sans-serif; font-size: 72px; font-weight: 300; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7); } #home-section-pricing span.et-price span.dollar-sign { font-size: 72px; } #home-section-pricing a.icon-button { width: auto !important; background: rgb(64,79,90); /* Old browsers */ background: -moz-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,79,90,1)), color-stop(100%,rgba(60,74,84,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404f5a', endColorstr='#3c4a54',GradientType=0 ); /* IE6-9 */ border: 1px solid #2d363d; -webkit-box-shadow: 0 1px 0 #495a66 inset; -moz-box-shadow: 0 1px 0 #495a66 inset; box-shadow: 0 1px 0 #495a66 inset; color: #FFFFFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); } .mobile_nav { position: relative; } #mobile_links { display: none; } #home-section-pricing { color: #fff; } .fullwidth #content-area:before { display: none; } .fullwidth #left-area { width: auto; float: none; margin-right: 0; } .et_embedded_videos { display: none !important; } .et_color_scheme_gray #main-header { background: rgb(69,76,71); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,76,71,1)), color-stop(100%,rgba(71,80,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454c47', endColorstr='#47504a',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/slider_left_arrow03.png) no-repeat; } .et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(../mok_img/slider_right_arrow03.png) no-repeat; } .et_color_scheme_gray .comments_count a { background: url(../mok_img/comments_count01.png) no-repeat; } .et_color_scheme_gray .widget li:hover, .et_color_scheme_gray .footer-widget li:hover { background-image: url(../mok_img/hover-widget-bullet.png); } .et_color_scheme_gray a.learn-more:hover, .et_color_scheme_gray .blog-post a.learn-more:hover, .et_color_scheme_gray .comment-reply-link:hover, .et_color_scheme_gray #home-section-news a.more-info:hover, .et_color_scheme_gray #home-section-projects a.more-info:hover, .et_color_scheme_gray #home-section-pricing a.more-info:hover { border: 1px solid #292e2b; -webkit-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(85,94,87); /* Old browsers */ background: -moz-linear-gradient(top, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,94,87,1)), color-stop(100%,rgba(71,80,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555e57', endColorstr='#47504a',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_gray ul.nav > li.current-menu-item > a, .et_color_scheme_gray a.mobile_nav, .et_color_scheme_gray ul.nav li ul, .et_color_scheme_gray .et_mobile_menu { background: #3d4540; border: 1px solid #303733; } .et_color_scheme_red #main-header { background: rgb(255,75,75); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,75,75,1)), color-stop(100%,rgba(230,63,64,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4b4b', endColorstr='#e63f40',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/slider_left_arrow03.png) no-repeat; } .et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(../mok_img/slider_right_arrow03.png) no-repeat; } .et_color_scheme_red .comments_count a { background: url(../mok_img/comments_count.png) no-repeat; } .et_color_scheme_red .widget li:hover, .et_color_scheme_red .footer-widget li:hover { background-image: url(../mok_img/hover-widget-bullet.png); } .et_color_scheme_red a.learn-more:hover, .et_color_scheme_red .blog-post a.learn-more:hover, .et_color_scheme_red .comment-reply-link:hover, .et_color_scheme_red #home-section-news a.more-info:hover, .et_color_scheme_red #home-section-projects a.more-info:hover, .et_color_scheme_red #home-section-pricing a.more-info:hover { border: 1px solid #b23434; -webkit-box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(252,74,74); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,74,74,1) 0%, rgba(230,64,64,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,74,74,1)), color-stop(100%,rgba(230,64,64,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,74,74,1) 0%,rgba(230,64,64,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,74,74,1) 0%,rgba(230,64,64,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,74,74,1) 0%,rgba(230,64,64,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,74,74,1) 0%,rgba(230,64,64,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4a4a', endColorstr='#e64040',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_red ul.nav > li.current-menu-item > a, .et_color_scheme_red a.mobile_nav, .et_color_scheme_red ul.nav li ul, .et_color_scheme_red .et_mobile_menu { background: #FFF; border: 3px solid #D8D8D8; } .et_color_scheme_green #main-header { background: rgb(165,219,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,219,89,1)), color-stop(100%,rgba(149,197,79,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5db59', endColorstr='#95c54f',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/slider_left_arrow03.png) no-repeat; } .et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(../mok_img/slider_right_arrow03.png) no-repeat; } .et_color_scheme_green .comments_count a { background: url(../mok_img/comments_count.png) no-repeat; } .et_color_scheme_green .widget li:hover, .et_color_scheme_green .footer-widget li:hover { background-image: url(../mok_img/hover-widget-bullet.png); } .et_color_scheme_green a.learn-more:hover, .et_color_scheme_green .blog-post a.learn-more:hover, .et_color_scheme_green .comment-reply-link:hover, .et_color_scheme_green #home-section-news a.more-info:hover, .et_color_scheme_green #home-section-projects a.more-info:hover, .et_color_scheme_green #home-section-pricing a.more-info:hover { border: 1px solid #80a64a; -webkit-box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(165,218,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,218,89,1)), color-stop(100%,rgba(149,197,79,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5da59', endColorstr='#95c54f',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_green ul.nav > li.current-menu-item > a, .et_color_scheme_green a.mobile_nav, .et_color_scheme_green ul.nav li ul, .et_color_scheme_green .et_mobile_menu { background: #8bba47; border: 1px solid #6d9c2a; } .et_color_scheme_blue #main-header { background:#FFF } .et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/slider_left_arrow03.png) no-repeat; } .et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(../mok_img/slider_right_arrow03.png) no-repeat; } .et_color_scheme_blue .comments_count a { background: url(../mok_img/comments_count.png) no-repeat; } .et_color_scheme_blue .widget li:hover { background-image: url(../mok_img/hover-widget-bullet.png); } .et_color_scheme_blue a.learn-more:hover, .et_color_scheme_blue .blog-post a.learn-more:hover, .et_color_scheme_blue .comment-reply-link:hover, .et_color_scheme_blue #home-section-news a.more-info:hover, .et_color_scheme_blue #home-section-projects a.more-info:hover, .et_color_scheme_blue #home-section-pricing a.more-info:hover { border: 1px solid #2e82b3; -webkit-box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(65,166,224); /* Old browsers */ background: -moz-linear-gradient(top, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,166,224,1)), color-stop(100%,rgba(57,154,209,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a6e0', endColorstr='#399ad1',GradientType=0 ); /* IE6-9 */ } .et_color_scheme_blue ul.nav > li.current-menu-item > a { background:none; border:none; color: #005593 !important; } .et_color_scheme_blue a.mobile_nav, .et_color_scheme_blue ul.nav li ul, .et_color_scheme_blue .et_mobile_menu { background: #fff; border: 2px solid #327da9; border-radius: 6px;} embed, iframe, object, video { max-width: 100%; } /*----------------------------------------------- 반응형 CSS 삭제 @media only screen and ( max-width: 960px ) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } } @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { .container, #featured.flexslider .slides { width: 728px; } #logo { width:140px; padding-top: 10px; } #top-menu a { font-size:14px; } #featured h2 { font-size: 60px; top:16px; } #featured .description { font-size: 14px; top:126px; } #featured .description p { line-height: 1.4em; } .service { width: 200px; margin-right: 63px; background-position: top center; background-repeat:no-repeat; position: relative; text-align: center; } .service h3 { font-size: 18px; padding-left:0; padding-top:120px; } .service p { padding-left:0; } .section-title h2 { font-size: 60px; padding-bottom: 15px; } .section-title .section-subtitle { font-size: 30px; } #home-section-news, #home-section-projects { padding: 120px 0; } .blog-post { margin: 0 45px 60px 0; width: 212px; } .blog-post h3 { font-size: 18px; } .portfolio-image { margin-right: 54px !important; } .post-thumbnail.portfolio-image { margin-right: 0 !important; margin-left: 55px; } .portfolio-image img { width: 204px; } .post-thumbnail.portfolio-image img { width: auto; } .portfolio_info_top { width: 180px; top: 200px; } .portfolio_info_top h3.title { font-size: 14px; margin-top:-110px; } .portfolio_description > a { bottom: 24px; left: 52px; } .section-title h2, #page-name h1 { font-size: 60px; } .section-title .section-subtitle, .main_post_info { font-size: 18px; } #content-area:before { left: 519px; } #left-area { width: 469px; margin-right:50px; } .entry { margin-right: 0; width: auto; } #main-footer { padding-top: 97px; } .footer-widget { margin-right: 58px; width: 204px; } .et_page_icon { left: 83px; } #et_pt_portfolio_gallery { margin-left: -35px !important; } .et_pt_portfolio_item { margin-left: 35px !important; width: 219px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; } .et_portfolio_more_icon { left: 65px !important; } .et_portfolio_zoom_icon { left: 106px !important; } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 20px !important; width: 128px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 29px !important; width: 348px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; } #home-section-pricing .pricing-table { width: 243px; } #home-section-pricing .pricing-table ul.pricing li { padding-left: 55px; } #home-section-pricing .pricing-table ul.pricing li span { left: 23px; } #top-area { padding-bottom: 20px; } #featured .description { padding-bottom: 24px; } #featured .slide.flex-active-slide .description { font-size:14px; } #search-form #searchinput { width: 145px; } .featured-boxs {display:none; } .flexslider {height:413px;} .wp-image-1195 { width:50%; } .company-top-box { height:230px; } } @media only screen and ( max-width: 767px ) { .container, #featured.flexslider .slides { width: 440px; } #top-area { text-align: center; } #logo { float: none; padding-left: 0; } #featured h2 { font-size: 48px; top: -16px;} #featured .description { font-size: 14px; padding-bottom: 22px; top: 156px; } #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } #home-section-info { padding: 76px 0 80px; } #home-section-news, #home-section-projects, #home-section-pricing { padding: 80px 0; } #services { padding: 0 0 42px 0; } .service { background: none; float: none; background-position:top center; background-repeat:no-repeat; margin-right: 0; padding-top: 110px; width: 440px; margin-bottom: 0px; text-align: center; } .service h3 { padding-left:0; } .service p { padding-left:0; } #quote h3 { font-size: 48px; } #quote p { font-size: 18px; line-height: 24px; } .blog-post { margin: 0 0 18px; width: 440px; } .blog-post-image img, .et_page_icon { display: none; } .blog-post h3 { font-size: 18px; } .portfolio-image { margin-right: 21px !important; } .post-thumbnail.portfolio-image { margin-right: 0 !important; margin-left: 85px; } .post-thumbnail.portfolio-image img { width: auto; } .portfolio_info_top { left: 0px; top: 200px; width:180px; } .portfolio_info_top h3.title { font-size: 12px; margin-top: -110px; } .portfolio_description > a { bottom: 0; left: 23px; font-size: 11px; padding: 8px 12px; } p#copyright { text-align: center; } .section-title h2, #page-name h1 { font-size: 48px; } .section-title .section-subtitle, .main_post_info { font-size: 18px; } #content-area:before { border-left: none; } #left-area { width: 440px; margin-right: 0; float: none; } .entry { margin-right: 0; width: auto; } #sidebar { display: none; } .footer-widget { width: auto; float: none; margin-right: 0; } #top-menu, #content-area:before { display: none; } #mobile_links { padding-top: 20px; } #mobile_links { display: block; } a.mobile_nav { display: inline-block; } #top-area { padding-bottom: 18px; } .et_pt_gallery_entry { margin-left: 23px !important; } .sitemap-col { float: none !important; width: auto !important; } .et_pt_portfolio_item { margin-left: 150px !important; } .et_portfolio_small .et_pt_portfolio_item { width: 440px !important; margin-bottom: 10px; margin-left: 44px !important; } .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; } .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; } .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 404px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; } #home-section-pricing .et-pricing { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #home-section-pricing .pricing-table { width: 100%; margin-bottom: 35px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } .et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } .et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } .et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } #page-name { margin-top: 0; } #featured .slide.flex-active-slide .description { display:none; } #featured.flexslider .slides > li { margin-top:50px; } .featured-boxs {display:none; } .flexslider {height:299px;} .wp-image-1195 { width:50%; } .company-top-box { height:230px; } } @media only screen and ( max-width: 479px ) { .container, #featured.flexslider .slides { width: 280px; } #top-area { text-align: center; margin-bottom: 6px; } #logo { float: none; padding-left: 0; } #featured h2 { font-size: 32px; letter-spacing: -2px; top: 0px line-height:2em} #featured h2 span { font-size: 14px; padding-left:3px; } #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } #home-section-info { padding: 76px 0 80px; } #home-section-news, #home-section-projects, #home-section-pricing { padding: 80px 0; } #services { padding: 0 0 40px 0; } .service { background: none; background-position:top center; background-repeat:no-repeat; margin-right: 0; padding-top: 110px; width: auto; margin-bottom: 0px; float: none; } #quote h3 { font-size: 32px; } #quote p { font-size: 18px; line-height: 24px; } .blog-post { margin: 0 0 28px; width: auto; float: none; } .blog-post-image img { display: none; } .blog-post h3 { font-size: 18px; } #home-section-news a.more-info { margin-top: 20px; } .portfolio-image, .portfolio-image.last { margin-right: 21px !important; } .portfolio_info_top h3.title { font-size: 12px; } .portfolio_description > a { bottom: 0; left: 23px; font-size: 11px; padding: 8px 12px; } .section-title h2, #page-name h1 { font-size: 32px; } .section-title .section-subtitle, .main_post_info { font-size: 16px; } #content-area:before { border-left: none; } #left-area { width: auto; } .entry { margin-right: 0; width: auto; } #sidebar, #footer-widgets { display: none; } #main-footer { padding-top: 0; } p#copyright { text-align: center; } .post-thumbnail.portfolio-image { margin-left: 24px; } .comment ul { margin-left: 0; } .et_pt_gallery_entry { margin-left: 78px !important; } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -19px !important; } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 60px !important; width: 228px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; } .entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: -15px !important; } .et_portfolio_small .et_pt_portfolio_item { margin-left: 18px !important; width: 315px !important; } .section-title h2, #page-name h1, .section-title .section-subtitle { letter-spacing: -1px; } .et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } .et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } .et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } .et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(../mok_img/small_slider_left_arrow.png) no-repeat; } .et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(../mok_img/small_slider_right_arrow.png) no-repeat; } #breadcrumbs { display: none; } #featured.flexslider .slides > li { margin-top:32px; } .featured-boxs {display:none; } .flexslider {height:190px;} .wp-image-1195 { display:none !important; } .company-top-box { height:inherit; margin-top: -150px; } .wp-image-2038, .wp-image-2039, .wp-image-2040, .wp-image-2041, .wp-image-2042, .wp-image-2043 { margin-right:0 !important; float:none !important; } } ---------------------------------------------------------------- */ .portfolio-image { margin-right: 30px; margin-bottom: 50px; width: 200px; height:120px; overflow: hidden; } #home-section-projects .portfolio-image { height:200px; } #home-section-projects .portfolio-image h3.title { font-size:18px; font-weight:normal; margin:8px; } p.portfolio_small_date { font-size: 14px; color: #4a524d; font-weight: 300; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); display:none; } .portfolio_info_top h3.title { font-weight: 800; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); font-size: 16px; letter-spacing: -1px; } .portfolio_info_top h3.title a { text-decoration: none; color: #636B66; } .portfolio_description > a { text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset; -moz-box-shadow: 1px 1px 0 #fcfcfc inset; box-shadow: 1px 1px 0 #fcfcfc inset; color: #9a9999; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; } #home-section-projects .portfolio_description { margin-bottom:15px; } #home-section-projects .portfolio-image a:hover { margin-bottom:15px; } #content-area.fullwidth:before { display: none; } .et_pt_portfolio_item h2, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6 { letter-spacing: -1px; } #et-product-slider { position: relative; padding-right: 0; overflow: hidden; } .et-carousel-wrapper li { float: left; width: 164px; height: 300px; padding-right: 35px; position: relative; } .et-carousel-wrapper li.last { margin-right: 0; } .et-carousel-wrapper li img { height: 164px; overflow:hidden; } .et-carousel-wrapper h3, .et-products h3 { text-align: center; font-weight: 300; font-size: 16px; margin-top: 36px; color:#fff; } .et-carousel-wrapper h3 a { text-decoration: none; color:#fff; background: url(../mok_img/center-zoom.png) no-repeat 70px 25px; height:60px; display:block; } .et-carousel-wrapper h3 a:hover, .et-products h3 a:hover { color: #005593; text-decoration: none; background-image: url(../mok_img/center-zoom-hover.png); } .left-arrow, .right-arrow, .et-arrow-prev, .et-arrow-next { position: absolute; top: 40%; margin-top: -40px; background-color: #009ebb !important; width: 40px; height: 80px; text-indent: -9999px; display: block; z-index: 100; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.8; } .left-arrow, .et-arrow-prev { background: #333 url(../mok_img/left-arrow.png) no-repeat 5px center; left: -40px; } .right-arrow, .et-arrow-next { background: #333 url(../mok_img/right-arrow.png) no-repeat 10px center; right: -40px; } #et-product-slider:hover .et-arrow-prev {left: 0; opacity: 1; } #et-product-slider:hover .et-arrow-next {right: 0; opacity: 1; } .et-carousel-wrapper { overflow: hidden; width:960px; height:300px; margin-right: 0px; } .et-carousel-wrapper > ul { position: relative; } .et-slider-arrows { position: absolute; background: url(../mok_img/reference-overlay.png); display: block; width: 960px; height: 170px; top: 0px; left: 0px; } .left-arrow, .right-arrow, .et-arrow-prev, .et-arrow-next { position: absolute; top: 180px; margin-top: 0px; background-color: #b8b8b8 !important; width: 340px; height: 80px; text-indent: -9999px; display: block; z-index: 100; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; } .left-arrow, .et-arrow-prev { background: #333 url(../mok_img/left-arrow.png) no-repeat 305px center; left: 0px; } .right-arrow, .et-arrow-next { background: #333 url(../mok_img/right-arrow.png) no-repeat 10px center; right: 0px; } #featured .et-arrow-prev { -webkit-box-shadow: 3px 3px 5px rgba( 0,0,0,0.25 ); -moz-box-shadow: 3px 3px 5px rgba( 0,0,0,0.25 ); box-shadow: 3px 3px 5px rgba( 0,0,0,0.25 ); } #featured .et-arrow-next { -webkit-box-shadow: -3px -3px 5px rgba( 0,0,0,0.25 ); -moz-box-shadow: -3px -3px 5px rgba( 0,0,0,0.25 ); box-shadow: -3px -3px 5px rgba( 0,0,0,0.25 ); } #featured:hover .et-arrow-prev, #et-product-slider:hover .et-arrow-prev { left: 0; opacity: 1; } #featured:hover .et-arrow-next, #et-product-slider:hover .et-arrow-next { right: 0; opacity: 1; } #back-top { position: absolute; display: block; width: 35px; height: 27px; bottom: 30px; margin: 0 auto; z-index: 99; } #back-top a, #back-top span { display:block; width: 35px; height: 27px; }