@charset "gb2312"; /* ################################################################ File Name: style.css 1) GLOBAL STRUCTURE 2) TOP BAR 3) NAVIGATION STYLE 4) BLOG 5) SLIDER 6) FEATURED CONTENT BOXES 7) PAGE ELEMENTS 8) RECENT POSTS 9) SEARCH RESULTS 10) BUTTONS 11) FLICKR THUMBS 12) BANNERS 13) INFO BOXES 14) PRICING TABLES 15) OUR TEAM 16) TESTIMONIALS 17) LINKS 18) CAROUSEL 19) TOGGLES ( ACCORDIONS ) 20) TABS 21) IMAGE EFFECT 22) BLOG CAROUSEL & LATEST NEWS 23) DATE BOX 24) SOCIAL SHARE TOGGLES 25) PRODUCTS 26) PORTFOLIO ITEMS 27) FORMS 28) BLOCKQUOTES 29) PAGINATION 30) FILTER NAVIGATION 31) BOX SHADOWS 32) FOOTER WIDGETS 33) FOOTER 34) HEADINGS 32) FRAMES & WP CAPTIONS 33) PHOTO GALLERY 34) LAYER SLIDER ADD-ONS 35) INFO BAR 36) BREADCRUMB MENU 37) LISTS 38) TABLES 39) TEXT ELEMENTS 40) NATIVE WIDGETS 41) IMAGE ALIGNMENTS 42) COMMENTS 43) SOCIAL MEDIA ICONS 44) 404 PAGE 45) ARCHIVES 46) AUTHOR INFO 47) ADDITIONAL STYLES 48) RESPONSIVE VALUES - MEDIA QUERIES ################################################################# */ /* ---------------------------------------------------- 1) GLOBAL STRUCTURE ------------------------------------------------------- */ /* body */ body { font-family: Microsoft YaHei, Arial, Helvetica, sans-serif !important; font-size: 14px; color: #666; line-height: 175%; background-color: #fff; background-repeat: repeat; font-weight: normal; min-width: 1080px; } /* boxed body */ body.boxed-body { -o-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06); -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06); -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06); box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(4, 4, 4, 0.06); margin: 30px auto; max-width: 1120px; } /* header */ header, #header { margin: 0 auto; position: relative; background: #fff; } /* header sections */ #header_contents { display: table; margin: 0 auto; padding: 15px 0; position: relative; } #header_contents > section { display: inline-block; vertical-align: middle; padding: 10px; } #header_contents > section.one { display: block; } #header_contents .logo_center { text-align: center; } #header_contents .logo_right { text-align: right; } /* logo */ #logo.logo_left { float: left; } #logo.logo_right { float: right; } #logo.logo_center { margin: auto; display: table; padding-left: 25px; padding-right: 25px; } #logo img { max-width: 100%; } #logo h1, #logo h1 a { font-size: 26px; line-height: 100%; color: #444; text-decoration: none; display: inline-block; position: relative; } #logo h1 a:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; filter: alpha(opacity=80); } /* logo in sticky navbar */ #sticky_logo { width: 100px; max-width: 100px; height: 32px; display: none; float: left; margin-right: 30px; padding: 3px; } #sticky_logo img { height: auto; max-height: 100%; max-width: 100%; width: auto; } .stuck #sticky_logo { display: block; } #logo div { display: none; } @media screen and (min-width: 959px) { #logo div { float: right; width: 100px; height: 60px; font-size: 20px; color: #666666; line-height: 85px; overflow: hidden; display: block; } } /* slogan text */ #slogan_text { color: #aaa; font-size: 14px; text-align: right; line-height: 100%; padding: 0; } #slogan_text.left_side { text-align: left; } /* top_content */ .top_content { width: 100%; min-height: 60px; margin: -40px 0 0 0; position: relative; overflow: hidden; z-index: 1; border-bottom: 1px solid #eee; border-top: 1px solid #eee; background: #FCFCFC; } .with_subs .top_content { margin: -15px 0 0 0; } .half-boxed .top_content { min-height: 140px; } .content_holder { display: block; width: 100%; position: relative; z-index: 1; } .half-boxed .content_holder { background-image: url(../js/.com/2019/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(242, 242, 242, 1) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(30%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(242, 242, 242, 1) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(242, 242, 242, 1) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(242, 242, 242, 1) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(242, 242, 242, 1) 100%); /* W3C */ background-attachment: fixed; } .mobile_device .content_holder { background-attachment: scroll; } .content_second_background { min-height: 295px; } .content_area { background: #fff; width: 1080px; margin: -20px auto 0; padding: 0; position: relative; z-index: 1; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html .wide .content_area { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: auto; margin: 0 auto; } .half-boxed .content_area { border: 1px solid rgba(0, 0, 0, 0.06); } .content_block { padding: 0 10px; width: 1060px; margin: auto; position: relative; z-index: 1; } .content_block_background { padding: 30px 0; overflow: hidden; position: relative; } .content_block_background.template_builder { padding: 0; } .half-boxed .content_block_background { padding-left: 0 !important; padding-right: 0 !important; } body .full_width_row .content_block { width: 100%; padding: 0; } body .full_width_row .content_block > .content > .row { margin: 0; } .content_block:first-child { border-top: 0; } .row-style-2 { background: #F5F5F5; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; } .row-style-3 { background-color: #FCFCFC; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset; -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset; } .row-style-about { background: url(../images/index_about.jpg) no-repeat center top #f6d23e; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.02) inset, 0 -4px 0 rgba(0, 0, 0, 0.02) inset; } .row-style-about h3 { text-align: left; font-weight: 500; font-size: 24px; color: #333; } .row-style-about h3 span { color: #888; font-size: 20px; } .row-style-about #text-box-index-21 p { font-size: 14px; line-height: 180%; color: #333; } p.wow-index { line-height: 20px; color: #666666; } /* ---------------------------------------------------- 2) TOP BAR ------------------------------------------------------- */ #top_bar { background: #f8f8f8; border-bottom: 1px solid rgba(0, 0, 0, 0.04); padding: 5px; } .boxed-body #top_bar { padding: 10px 5px; } .top_bar_container { width: 1040px; margin: 0 auto; min-height: 18px; } /* top links */ .top_links { line-height: 180%; font-size: 12px; display: block; color: #919191; margin: 0; padding: 0; float: left; font-weight: normal; } .top_links a { text-decoration: none; color: #919191; } .top_links a:hover { text-decoration: underline; } .top_links { list-style: none; margin: 0; } .top_links > li { list-style-position: outside; line-height: 100%; display: inline-block; padding: 0 6px; border-color: #CDCDCD; border-width: 0 1px 0 0; border-style: solid; position: relative; } .top_links > li:last-child { border-width: 0; } .top_links { margin-right: 10px; } /* top navigation items with icons */ .top_links [class^="icon-"]:before, .top_links [class*=" icon-"]:before { margin-right: 5px; line-height: 1; } .languages { cursor: default; } .flags { background: #fff; border: 1px solid #eee; padding: 0; position: absolute; width: 155px; z-index: 999999; left: 0; -o-box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.2); -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: none; height: 0; overflow: hidden; top: 20px; } .languages:hover .flags { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; height: auto; visibility: visible; overflow: visible; top: 13px; } .flags li { border-top: 1px solid #eee; display: block; margin: 0; padding: 5px; } .flags li img { vertical-align: middle; display: inline-block; } .flags li a { line-height: 140%; margin-left: 2px; vertical-align: middle; display: inline-block; } .flags li:first-child { border-top: 0; } /* search bar on top bar */ #top_search_form, .search_text { background: transparent; border: medium none; border-radius: inherit; box-shadow: inherit; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; width: auto; outline: inherit; padding: inherit; position: inherit; font-family: arial, sans-serif; text-align: left; } #top_search_form { display: inline; margin: 0; padding: 0; } #top_search_form .search_text:focus { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: none; padding: 0 5px; width: 100px; border: 1px solid #f0f0f0; } #top_search_form .icon-search { cursor: pointer; } #top_search_form .icon-basket { padding-right: 20px; } #mobile_bar { display: none; } /* ---------------------------------------------------- 3) NAVIGATION STYLE - 1 ------------------------------------------------------- */ #navigation li.multicolumn { position: static; } .multicolumn-holder { background: #fff; height: 0; left: 0; padding: 10px 0 0; position: absolute; visibility: hidden; opacity: 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: table; table-layout: fixed; margin-top: 10px; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); border: 1px solid #eee; } #container #navigation .multicolumn-holder { overflow: hidden; } #navigation li.multicolumn:hover > .multicolumn-holder { opacity: 1; visibility: visible; height: auto; overflow: visible; margin-top: 0; z-index: 999999; } .multicolumn-holder > ul { display: table-cell; vertical-align: top; border-left: 1px solid #eee; padding: 20px; } .multicolumn-holder > ul:first-child { border-left: 0; } .multicolumn-holder > ul ul { margin: 0; padding: 10px 0 20px; } #navigation .multicolumn-holder ul li { clear: both; display: block; float: none; text-align: left; border: 0; } #navigation .multicolumn-holder .column-heading > span, #navigation .multicolumn-holder .column-heading > a { display: block; font-size: 14px; padding: 0 0 5px; text-decoration: none; color: #777; border-bottom: 0; line-height: 100%; } #navigation .multicolumn-holder .column-heading > a:hover { border-bottom: 0; line-height: 100%; } #navigation .multicolumn-holder a { display: block; text-align: left; border-bottom: 1px solid #eee; text-decoration: none; color: #666; line-height: 30px; } #navigation .multicolumn-holder > ul li:last-child > a { border-bottom: 0 none; } #navigation .multicolumn-holder a:hover { display: block; text-align: left; text-decoration: none; color: #378017; } #navigation .multicolumn-holder a:hover:after { content: ""; font-family: fontello; position: absolute; margin-left: -10px; left: 0; top: 0; } .nav_shadow { padding-bottom: 12px; position: relative; z-index: 999; width: 100%; margin: auto; } .header-design1.no-header-content .nav_shadow { padding-bottom: 0; } .nav_border { border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 100%; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); background: #fff; } /* mobile navigation */ #MobileMainNavigation { display: none; } #navigation_bar { margin: auto; display: table; } /* main navigation*/ #navigation { padding: 0; margin: 0; position: relative; z-index: 999; display: table; float: left; border-right: 1px solid #fff; line-height: 140%; } #navigation li { float: left; margin: 0; position: relative; text-align: center; border-right: 1px solid #eee; } #navigation li:first-child { border-left: 1px solid #eee; } /* current page item and hover status */ #navigation_bar > ul > li > a:after { background: #378017; color: #378017; content: ""; height: 2px; left: 0; opacity: 1; position: absolute; top: -2px; -ms-transition: width 0.2s ease 0s; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; transition: width 0.2s ease 0s; width: 0; } /* active item top bar */ #navigation_bar > ul > li.current_page_item > a:after, #navigation_bar > ul > li.current-menu-ancestor > a:after, #navigation_bar > ul > li:hover > a:after { background-color: #378017; height: 2px; left: 0; position: absolute; top: -2px; width: 100%; } .no_search #navigation li:last-child { border-right: 0; } /* sub menu items */ #navigation .sub-menu { position: absolute; margin: -2px 0 0 0; z-index: 50; padding: 0; height: 0; overflow: hidden; text-align: left; -o-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.04); -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.04); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.04); background: #fff; border: 1px solid #eee; width: 170px; } #navigation .first ul { margin-left: 5px; } #navigation .sub-menu li { float: none; display: block; margin: 0; text-align: left; border: 0; border-bottom: 1px solid #eee; } #navigation li:last-child { border-bottom: 0; } /* from third level menu items */ #navigation .sub-menu ul { padding: 0; left: 170px; margin: 0; top: -1px; height: auto; } #navigation .sub-menu { visibility: hidden; opacity: 0; -ms-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s; -moz-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s; -o-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s; transition: opacity 0s ease 0s, margin-top 0.3s ease 0s; -webkit-transition: opacity 0s ease 0s, margin-top 0.3s ease 0s; margin-top: 10px; } #navigation > li:hover > ul { opacity: 1; visibility: visible; left: -1px; margin: 0; overflow: visible; height: auto; } #navigation .sub-menu ul { visibility: hidden; opacity: 0; -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #navigation .sub-menu > li:hover > ul { opacity: 1; visibility: visible; height: auto; overflow: visible; } /* menu links styling */ /* first level menu links */ #navigation_bar > ul > li > a { font-size: 16px; color: #666; text-decoration: none; display: block; padding: 15px 32px; position: relative; } #navigation_bar > ul > li > a:hover { color: #333; } #navigation_bar > ul > li:first-child > a { border-left: 0; } /* sub menu links */ #navigation .sub-menu li.hasSubMenu > a:after { content: "\f105"; font-family: fontello; position: absolute; right: 20px; font-size: 15px; top: 9px; } #navigation .sub-menu li a { text-decoration: none; display: block; position: relative; padding: 10px; color: #999; font-family: Raleway, Arial, sans-serif; } /* sub menu links hover status */ #navigation .sub-menu li a:hover, #navigation .sub-menu li:hover > a { box-shadow: inset 2px 0 0 #ffc20f; } #navigation_bar > ul > li.menu-item-has-children:hover > a { -moz-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03); -o-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03); box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03); } /* description lines under menu items */ #navigation_bar > ul > li a span { color: #aaa; display: block; font-size: 11px; line-height: 100%; margin: 0; padding: 0; text-shadow: none; display: none; } .with_subs#navigation_bar > ul > li > a span { display: block; } /* description lines under sub menu items */ #navigation_bar ul ul > li > a span, #navigation_bar .multicolumn-holder ul > li:hover > a span { color: #aaa; } #navigation_bar ul ul > li > a span { display: block; font-size: 11px; line-height: 100%; padding: 0; text-shadow: none; display: none; } #navigation_bar .multicolumn-holder ul > li > a span { margin-bottom: 5px; } #navigation_bar .multicolumn-holder ul > li.column-heading > a span { margin-top: 3px; } .with_subs#navigation_bar ul ul > li > a span { display: block; } /* navigation items with icons */ #navigation_bar [class^="icon-"]:before, #navigation_bar [class*=" icon-"]:before { margin-right: 5px; line-height: 1; } /* sticky navigation */ html .nav_shadow.stuck { position: fixed; top: 0; opacity: 1; right: 0; left: 0; } .nav_shadow.sticky { top: 0; } html .admin-bar .nav_shadow.stuck { top: 32px; } html .stuck #navigation_bar > ul > li > a span { display: none; } html .nav_shadow.stuck, html .stuck .nav_border { width: 100%; border-radius: 0; } html .stuck .nav_border { border-bottom: 1px solid #fff; border-radius: 0; } html .stuck #navigation_bar { border-radius: 0; border: 0; } html .stuck .search-bar, .stuck .with_subs .search-bar { top: 3px; right: 0 !important; } html .stuck #navigation_bar > ul > li:first-child { border-radius: 0; } html .stuck #navigation_bar > ul > li > a { font-size: 14px; padding: 10px 25px; } /* search bar on navigation bar */ .search-bar { background: #fff; border: 1px solid #eee; display: table; float: right; overflow: hidden; padding: 8px 11px 5px 5px; position: relative; top: 8px; width: 120px; -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .with_subs .search-bar { } .search-bar .icon-search-1 { color: #eee; color: rgba(0, 0, 0, 0.2); cursor: pointer; margin-left: 2px; font-size: 14px; line-height: 17px; } #navigation_bar .search-bar .icon-search-1:before { margin: 0; } .search-bar:hover .icon-search-1:before { opacity: 0.7; } .search-bar:hover { -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.03); } /* search form */ .search-bar form input { width: 106px; padding: 0 0 0 5px; margin: 2px 0 0; border: 0; outline: 0; float: left; display: inline; font-weight: normal; font-style: normal; font-size: 12px; color: #929292; border-radius: 0; line-height: 100%; } .search-bar form input:focus, .search-bar form input { border: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .search-bar form input:focus { background: #fff; } .search_ico02 { width: 34px; height: 36px; cursor: pointer; border: none; border-radius: 50%; float: right; margin-right: 17px; background: url(../images/ico_01b.png) center center no-repeat; margin-top: 6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } html .stuck .search_ico02 { margin-top: 2px!important; } .search_ico02:hover { background-color: #378017; background-image: url(../images/ico_01c.png); border: none; } .search_ico02:active { border: none; } a.more { color: #378017!important; } .sou_warp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4000; padding: 10% 0; display: none; } .sou_bg { background: rgba(0, 0, 0, .85); position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .sou_closed { display: block; position: absolute; top: 0; right: 0; z-index: 10; width: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 30px; font-family: arial, helvetica, sans-serif; } .sou_block { position: relative; top: 30%; margin: 0 auto; max-width: 670px; } a.sou_closed { color: #333; text-decoration: none; } .sou_closed:hover { background-color: #378017; color: #fff; } .sou_logo { display: block; margin: 0 auto 5%; } .sou_box input.f16 { border: none; background: none; } .sou_write input.f18 { font-size: 18px; } .sou_submit { cursor: pointer; float: right; margin-left: 15px; width: 102px; height: 46px; font-size: 16px; border: 2px solid #378017; background: #378017; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; } .sou_submit:hover { background-color: transparent; } .sou_write { overflow: hidden; } .search_txt02 { vertical-align: top; width: 100%; height: 46px; border-bottom: 2px solid #fff!important; color: #fff; font-size: 16px; } .body_index .sou_warp { width: 0; height: 0; padding: 0; overflow: hidden; } .body_index .sou_bg { display: none; } /* ---------------------------------------------------- 3) NAVIGATION WIDTHS - 2 ------------------------------------------------------- */ /* Navigation Widts */ #navigation_bar, .multicolumn-holder, .menu-style-two .stuck #navigation_bar, .menu-style-two .stuck .multicolumn-holder { width: 1040px; } .half-boxed #navigation_bar, .half-boxed .multicolumn-holder, .half-boxed.menu-style-two .stuck .multicolumn-holder, .menu-style-two .multicolumn-holder { width: 1080px; } .menu-style-two .nav_shadow, .menu-style-two .nav_border, .half-boxed.menu-style-two .stuck #navigation_bar { width: 1079px; } .menu-style-two #navigation_bar { width: 100%; } html .boxed-body .nav_shadow.stuck { max-width: 1120px; } .stuck .with_small_logo .multicolumn-holder { left: -116px; } /* ---------------------------------------------------- 3) NAVIGATION STYLE - 3 ------------------------------------------------------- */ .menu-style-two .nav_shadow { margin: auto; } .menu-style-two .nav_border { border-right: 1px solid #eee; } /* search bar on navigation bar */ .menu-style-two .search-bar { right: 10px; } /* ---------------------------------------------------- 3) HEADER DESIGN 2 & NAVIGATION STYLE 4 ------------------------------------------------------- */ /* resolutions bigger than 960px */ @media only screen and (min-width: 960px) { .header-design2 #header_contents { width: 1040px; } .half-boxed.header-design2 #header_contents, .half-boxed.header-design2 .top_bar_container { width: 1080px; } .header-design2 .default_position #navigation_bar > ul > li > a { padding: 0 15px; line-height: 78px; } .header-design2 .default_position #navigation_bar { width: auto !important; } .header-design2 .sticky_nav_wrap { float: right; } .header-design2 .nav_shadow.default_position { float: right; width: auto; } .header-design2 .top_content { margin-top: 0; } .header-design2 .default_position.nav_shadow { padding-bottom: 0; } .header-design2 .default_position .nav_border { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-top-width: 0; border-bottom-width: 0; background-color: transparent; } .header-design2 #header_contents { padding: 0; } #header_contents > section.logo { padding: 10px 0; } .header-design2 #logo img { display: block; } .header-design2 #header_contents { position: relative; } .header-design2 .default_position.nav_shadow, .header-design2 .default_position #navigation { position: static; } .wide.header-design2 .content_area, .boxed.header-design2 .content_area, .half-boxed.header-design2.no-header-content .content_area { margin-top: 0; } .header-design2 #navigation_bar > ul > li.current_page_item > a:after, .header-design2 #navigation_bar > ul > li.current-menu-ancestor > a:after, .header-design2 #navigation_bar > ul > li:hover > a:after { top: 0; } .header-design2 .top_content .info_bar { padding: 35px 0 30px; } /**/ .header-design2 .stuck #navigation { float: right; position: static; } .header-design2 .stuck .multicolumn-holder { left: 0 !important; } .header-design2 .stuck #navigation { float: right; position: static; border-right: 0; } html .wide.header-design2 .stuck #navigation_bar, html .half-boxed.header-design2 .stuck #navigation_bar { position: relative; } .header-design2.boxed-body .stuck .multicolumn-holder { left: 0; width: 100%; } .no-js .header-design2 .default_position.nav_shadow, .no-js .header-design2 .default_position #navigation { float: right; width: auto; } .header-design2 #navigation_bar .multicolumn-holder ul > li > a span { display: block; } } .header-design2.no-header-content #header { border-bottom: 1px solid #eee; } /* ---------------------------------------------------- 4) BLOG ------------------------------------------------------- */ div.article_content { padding-top: 30px; border: solid 1px #eeeeee; padding-bottom: 30px; } div.product_content { padding-top: 30px; border: solid 1px #eeeeee; } div.description, div.related_list { padding-top: 20px; border: solid 1px #eeeeee; } div.table { padding-bottom: 0!important; } div.description ul { margin-bottom: 0!important; } div.article_content h3, div.description h3, div.related_list h3 { font-size: 18px; border-left: 4px #378017 solid; height: 32px; line-height: 32px; margin-bottom: 15px!important; padding: 0 0 0 15px!important; } div.product_content h3 { font-size: 18px; border-left: 4px #378017 solid!important; height: 38px; line-height: 36px; margin-bottom: 15px!important; padding: 0 0 0 15px!important; background-color: #f8f8f8; border: solid #eeeeee; border-width: 1px 0; } div.description h3 span, div.related_list h3 span { color: #378017; } div.article_content h4, div.description h4, div.product_content h4 { font-size: 16px; border-left: 4px #999999 solid; height: 32px; line-height: 32px; margin-bottom: 15px!important; padding: 0 0 0 15px!important; } div.article_content p, div.article_content div, div.description p, div.description div, div.product_content div, div.product_content p { padding: 0 20px 6px 20px; } div.article_content div ul { padding: 0 0 0 15px; } div.article_content p img { display: block; margin: 0 auto; } div.article_content video { width: 100%; } div.article_content table p { padding-bottom: 0!important; } div.article_content div ul li { padding: 4px 0; } .article_content table.description td, .article_content table.description th { color: #666666!important; font-size: 12px; padding: 5px 13px; } .article_content table.description a { color: #666666; } .article_content table.description a:hover { color: #378017; } div.newcontent h3 { font-size: 18px; border-left: 4px #378017 solid; height: 40px; line-height: 40px; margin-bottom: 15px!important; padding: 0 0 0 20px!important; border-top: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; background-color: #f8f8f8; } div.description .button_ { border-radius: 0px; z-index: 9; } div.product_content table { width: 100%!important; margin: 0!important; } div.product_content table td { line-height: 20px; } div.product_content div.note { padding: 10px 15px; background-color: #f8f8f8; border: solid #eeeeee; border-width: 1px 0 0 0; color: #999999; font-size: 12px; } section.content .bg { background-color: #fffae6; border: solid 1px #fff1bb; } #lightbox-360 { display: none!important; } @media screen and (min-width: 959px) { #lightbox-360 { display: block!important; } } @media screen and (max-width: 959px) { div.description h3 { padding-bottom: 20px; } } div.description { overflow: hidden; } div.description .title { margin: 0 20px; padding-top: 40px; text-align: center; font-size: 30px; line-height: 36px; padding-bottom: 40px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } div.description .title span { color: #378017; } div.description .advantage { overflow: hidden; margin-bottom: 20px; } div.description .advantage dl { width: 50%; float: left; } div.description .advantage dl div { width: 90px; float: left; text-align: center; padding: 0!important; } div.description .advantage dl div img { text-align: center; margin: 0 auto; } div.description .advantage dl dt { width: 90px; float: left; padding-top: 15px; text-align: center; } div.description .advantage dl dd { float: right; } div.description .advantage dl h5 { font-size: 16px; line-height: 30px; font-weight: bold!important; } div.description .advantage dl p { font-size: 14px; } div.description .advantage span { font-size: 12px; text-align: right; color: #999; float: right; } .title_1 { text-align: center; } .title_1 h6 { font: 14px/28px "Arial"; text-transform: uppercase; color: #535353; display: block; padding: 0; margin: 0; } .title_1 h6 span, .title_1 h5 span { color: #378017; } .title_1 h5 { font: bold 28px/30px "Microsoft YaHei"; color: #535353; padding: 0 0 10px 0; margin: 0; } .study .know { background: #378017; display: block; font: bold 16px/30px "Microsoft YaHei"; padding: 0px 10px; border-radius: 50px; height: 30px; color: #FFFFFF; text-align: center; margin: 0 90px; margin-top: 10px; text-decoration: none; } .split-line { height: 20px; line-height: 20px; border-bottom: solid 1px #f1f1f1; } div.description .split-line { margin: 0 20px 30px 20px!important; } @media screen and (max-width: 959px) { div.description .row, div.description .row .box { padding: 0!important; } .study h3 { height: auto!important; } div.description .row .three img { text-align: center; margin: 0 auto; } .study .know { margin: 0 auto; } } .postinfo { border: solid 1px #eee; color: #999; background-color: #f8f8f8; padding: 15px 20px; margin-bottom: 15px; } .postinfo a { color: #999; text-decoration: none; } .postinfo a:hover { color: #378017; } .related_list { border: solid 1px #eeeeee; } .related_list ul { padding: 10px 15px!important; margin: 0 0 0 17px!important; list-style-type: circle; } .related_list p { padding: 10px 15px!important; } .related_list li { line-height: 20px; padding: 5px 0 5px 5px; } .related_list li a { color: #666666; text-decoration: none; } .related_list li a:hover { color: #378017; } .related_list li a span { color: #378017; } .searchlist .with_borders .box::before, .searchlist .with_borders .box::after { background: none!important; } .blog_list01 { float:left; width:230px; display: block; margin: 0 auto 30px; margin-right:16px; border-bottom: solid 1px #eeeeee; } .blog_list01 img{ width:200px;} .blog_list01 h2 { font-size:12px; height:30px; padding: 0 0 20px 0; margin: 12px 0 0; line-height: 120%; display: inline-block; } .post_data01 > span { width:180px; border-color: #eee; border-width: 0 1px 0 0; font-size:12px; border-style: solid; margin-right: 10px; padding-right: 10px; display: inline-block; } .post_data01 .icon-tags01{height:50px;} .blog_list001 { float:left; width:230px; display: block; margin: 0 auto 30px; margin-right:16px; border-bottom: solid 1px #eeeeee; } .blog_list001 img{ width:250px;} .blog_list001 h2 { font-size:12px; padding: 0 0 5px 0; margin: 12px 0 0; line-height: 120%; display: inline-block; } .post_data001 > span { width:180px; border-color: #eee; border-width: 0 1px 0 0; font-size:12px; border-style: solid; margin-right: 10px; padding-right: 10px; display: inline-block; } .post_data01 .icon-tags01{height:50px;} .blog_list02 { float:left; display: block; margin: 0 auto 30px;border-bottom: solid 1px #eeeeee; } .blog_list02 img{ float:left;width:200px; margin-right:10px;} .blog_list02 h2 { font-size:22px; padding: 0 0 20px 0; margin: 12px 0 0; line-height: 120%; display: inline-block; font-weight: bold!important; } .blog_list04 { display: block; margin: 0 auto; border-bottom: solid 1px #eeeeee; } .blog_list04 h2 { font-size:16px; height:40px; padding: 10px 0 0 0; display: inline-block; font-weight: bold!important; } .blog_list { display: block; margin: 0 auto 30px; border-bottom: solid 1px #eeeeee; } .searchlist h3 { border-left: 4px #378017 solid; padding: 0 0 0 15px!important; margin: 0 0 20px 0; } .searchlist h3 span, .searchlist h4 span, .searchlist p span { color: #378017; } .searchlist .product_info h4 { font-size: 16px; } .searchlist .box { background-color: #ffffff!important; } .related_list a.more { padding-left: 20px; padding-bottom: 20px; display: block; font-size: 16px; color: #666666!important; text-decoration: none; } .related_list a.more:hover { color: #378017!important; } .related_list #idTextPanel-2 { padding: 0 15px; } .related_list #idTextPanel-2 .item div { border: solid 1px #eeeeee; } /* first section */ .blog_list section.first_section { float: left; width: 60px; } /* article section */ .blog_list section.article_section { margin-left: 70px; position: relative; overflow: hidden; } /* article section with post format icon */ .blog_list section.article_section.with_icon { margin-left: 0px; } /* format icons */ .blog_list section.first_section [class^="icon-"] { color: #AAAAAA; display: block; font-size: 35px; margin: 17px 10px 0 0; text-align: center; } /* date box in blog */ .blog_list div.date_box { width: 50px; } .blog_list div.date_box .day { font-family: "arial"; font-size: 30px; line-height: 40px; } /* blog headline */ .blog-head-line { margin-bottom: 10px; display: block; } /* blog titles */ .blog_list h2, .blog_list h1 { font-size: 22px; padding: 0 0 20px 0; margin: 12px 0 0; line-height: 120%; display: inline-block; font-weight: bold!important; } .blog_list h2 span { color: #378017; font-size: 16px; display: block; float: left; padding-right: 5px; } /* blog titles with icons */ .blog_list h1[class^="icon-"], .blog_list h2[class^="icon-"] { margin: 0; line-height: 130%; } /* post format icons */ .blog_list h1[class^="icon-"]:before, .blog_list h2[class^="icon-"]:before { background: #378017; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; font-size: 70%; margin-right: 10px; vertical-align: top; min-width: 35px; padding: 0 2px; } /* blog featured images */ .blog_list .featured_image { width: 100%; } .blog_list .post_type img { text-align: center; margin: 0 auto; } .blog_list .post_type img { position: relative; left: 7px; top: 10px; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* regular posts */ .blog_list .post_type.post img { } /* comment posts */ .blog_list .post_type.comment img { left: 8px; } /* image gallery posts */ .blog_list .post_type.gallery img { left: 5px; } .blog_list .frame.slider { margin: 0; } /* image video posts */ .blog_list .post_type.video img { left: 9px !important; } /* link post types */ .blog_list span.post_url { color: #C6C6C6; position: relative; } .blog_list span.post_url a { text-decoration: none; color: #C6C6C6; } .blog_list span.post_url a:hover { color: #A7A7A7; } /* comment post types */ .blog_list .comment_quote p { font-family: "Times New Roman", serif; font-style: italic; } .blog_list .comment_quote p span { color: #929292; display: block; margin: 10px 0 0 0; } /* post title holder */ .post-title-holder { float: left; display: inline-block; width: 100%; } /* post data */ .blog_list .post_data, .blog_list .post_data a { font-size: 12px; color: #afafaf; text-decoration: none; } .post_data a { display: inline-block; } .blog_list .post_data a:hover { color: #777; } .blog_list .post_data { border-top: 1px solid #eee; padding: 4px 0; } /* post info */ .post_data [class^="icon-"]:before, .post_data [class^="icon-"]:after { margin-right: 5px; } .post_data > span { border-color: #eee; border-width: 0 1px 0 0; border-style: solid; margin-right: 10px; padding-right: 10px; display: inline-block; } .post_data span:last-child { border-right: 0; } /* blog items within columns */ .small_box .blog_list h2, .small_box .blog_list h1 { /* blog titles */ font-size: 130%; } .small_box .blog-head-line { border-bottom: 1px solid #eee; } .small_box .blog_list h1[class^="icon-"]:before, .small_box .blog_list h2[class^="icon-"]:before { min-width: 25px; padding: 0; } .small_box .blog_list .post_data span { /* post data */ border-right: 0; margin-right: 0; } .small_box .blog_list .post_data, .small_box .blog_list .post_data a { font-size: 11px; } /* blog paragraph left-right featured images */ .blog_list.featured_image_left p, .blog_list.featured_image_right p { padding-top: 6px; } /* blog image left-right */ .blog_image.alignright, .blog_image.alignleft, .blog_image.aligncenter, .blog_image .frame.alignright, .blog_image .frame.alignleft, .blog_image .frame.aligncenter { margin-bottom: 0; margin-top: 0 !important; } /* Tags*/ .tags span:first-child { margin-right: 10px; } .tags, .tags a { color: #A2A2A2; font-style: italic; display: inline-block; text-decoration: none; } .tags a:hover { color: #bbb; text-decoration: underline; } /* Author Info */ .author_info p { margin: 0; padding: 10px 0 0 0; } .author_info strong a { color: #A2A2A2; font-family: "Times New Roman", serif; font-style: italic; display: inline-block; font-size: 13px; text-decoration: none; } .author_info .avatar { background: #fff; } /* ---------------------------------------------------- 5) SLIDER ------------------------------------------------------- */ .flex-container { margin: 0; } .flexslider { overflow: hidden; position: relative; background: transparent; zoom: 1; background: #fff; } .flexslider .slides { text-align: center; list-style: none outside none; } .flexslider .slides > li { position: relative; display: none; } /* fixed images */ .flexslider.fixed .slides img { width: auto; margin: auto; max-width: 100%; } /* flex slider for items in a carousel */ .flexslider.slider-carousel { position: relative; } .flexslider.slider-carousel ul.slides li { margin: 0 0 0 5px; cursor: pointer; } .flexslider.slider-carousel ul.slides li:first-child { margin-left: 0; } .flexslider.slider-carousel ul.slides li:last-child { margin-right: 0; } #container .flexslider.slider-carousel .flex-direction-nav { margin-top: -10px; } /* captions */ .flex-caption { position: absolute; text-align: center; visibility: hidden; width: 100%; z-index: 900; } .top_content .flex-caption, .full_width_row .flex-caption { left: 50%; right: 50%; bottom: 5%; margin: auto auto auto -520px; width: 1040px; } .flex-caption.center { text-align: center; } .caption-holder { max-width: 60%; display: inline-block; } .flex-caption.right .caption-holder { float: right; } .flex-caption.center .caption-holder { max-width: 80%; } .caption-holder div { float: left; margin-right: 20px; width: 140px; height: 36px; color: #ffffff; font-size: 16px; line-height: 36px; text-align: center; cursor: pointer; } .caption-holder div.orange { background-color: #378017; } .caption-holder div.orange:hover { background-color: #666666; } .caption-holder div.gray { background-color: #666666; } .caption-holder div.gray:hover { background-color: #378017; } .caption-holder div span { padding-right: 8px; } .caption-holder div a { color: #ffffff; text-decoration: none; } @media only screen and (max-width: 769px) { .caption-holder div { display: none; } } /* caption */ .caption-one { background: #fff; color: #fff; font-size: 22px; top: -1000px; padding: 10px; display: inline-block; float: left; } .caption-one a { color: inherit; text-decoration: none; } .caption-one a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .flex-caption.center .caption-one { float: none; text-align: center; } /* text */ .caption-text { background: rgba(255, 255, 255, 0.8); font-size: 16px; padding: 10px; text-align: left; bottom: -1000px; display: inline-block; float: left; clear: both; color: #666; } .flex-caption.center .caption-text { float: none; display: block; text-align: center; } /* active slide */ .flex-active-slide .flex-caption { visibility: visible; } .flex-active-slide .caption-text { bottom: 0; position: relative; } .flex-active-slide .caption-one { background-color: rgba(0, 0, 0, 0.4); top: 0; position: relative; } .flex-active-slide .caption-one a, .flex-active-slide .caption-one a:hover { color: #fff; } .flex-active-slide .caption-one:hover { background-color: rgba(0, 0, 0, 0.6); } /* animation */ .flex-active-slide .caption-one, .flex-active-slide .caption-text { -ms-transition: all 1.3s; -webkit-transition: all 1.3s; -moz-transition: all 1.3s; -o-transition: all 1.3s; transition: all 1.3s; } /* Direction Navigation */ .flexslider .flex-direction-nav { bottom: 50%; margin: 0 0 25px 0; position: absolute; width: 100%; z-index: 99; list-style: none; } .flexslider .flex-direction-nav li { margin: 0; padding: 0; } .flexslider .flex-direction-nav a { background-color: rgba(0, 0, 0, 0.24); color: #fff !important; text-decoration: none; width: 30px; line-height: 50px; text-align: center; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .flexslider .flex-direction-nav li .flex-prev { position: absolute; left: -40px; } .flexslider .flex-direction-nav li .flex-next { position: absolute; right: -40px; } .flexslider:hover .flex-direction-nav a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .flexslider:hover .flex-direction-nav li .flex-prev { left: 0px; } .flexslider:hover .flex-direction-nav li .flex-next { right: 0px; } .top_content > .flex-container .flexslider .flex-direction-nav li a:hover, .full_width_row .content > .flex-container .flexslider .flex-direction-nav li a:hover { width: 35px; } .flexslider .flex-direction-nav li a:hover { opacity: 0.5; } /* Direction Navigation for thumbnail slider */ .flexslider .carousel .flex-direction-nav { bottom: 50%; margin: 0 0 10px 0; position: absolute; width: 100% !important; left: 0; z-index: 1; list-style: none; } .flexslider .carousel .flex-direction-nav li { margin: 0; padding: 0; } .flexslider .carousel .flex-direction-nav a { background: #FFC20F; color: #fff; text-decoration: none; width: 30px; height: 20px; line-height: 20px; text-align: center; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .flexslider .carousel .flex-direction-nav li .flex-prev { position: absolute; left: -40px; } .flexslider .carousel .flex-direction-nav li .flex-next { position: absolute; right: -40px; } .flexslider:hover .carousel .flex-direction-nav a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .flexslider:hover .carousel .flex-direction-nav li .flex-prev { left: 0; } .flexslider:hover .carousel .flex-direction-nav li .flex-next { right: 0; } .flexslider .carousel .flex-direction-nav li a:hover { width: 35px; } .post_slider { margin-bottom: 20px; } .post_slider .flexslider .flex-caption { bottom: -100px; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; transition: all .8s; left: 0; } .post_slider .caption-one { bottom: 0; top: auto; } .post_slider .flexslider .flex-active-slide .flex-caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; font-family: inherit; width: 100%; } .post_slider .flexslider .caption-holder { display: inline-block; max-width: 100%; padding: 5px 0; } .post_slider .flexslider .caption-one { background: none; font-size: 14px; padding: 0 10px; color: #fff; } .post_slider .flexslider .caption-text { background: none; color: #fff; font-size: 12px; padding: 0 10px; } /* ---------------------------------------------------- 6) FEATURED CONTENT BOXES ------------------------------------------------------- */ /* caption */ article.featured .caption { position: relative; overflow: hidden; } /* caption image */ .caption img { display: block; max-width: 100%; } /* article title */ .featured_article_title { bottom: 0; margin: 0; padding: 0; font-size: 18px; font-weight: normal; position: relative; } /* article title with default icon */ .caption.default_icon .featured_article_title { padding: 0; } /* article title embedded to featured image */ .caption.embedded .featured_article_title { position: absolute; padding: 5px 10px 0 0; bottom: 0; background: #fff; } /* article title embedded to featured image with default icon */ .caption.embedded.default_icon .featured_article_title { padding: 5px 10px 0 25px; } /* article title embedded to featured image with default icon */ .caption.embedded.default_icon.squared .featured_article_title { padding: 10px 10px 0 0px; } /* centered article title */ article.featured .caption.title_centered { text-align: center; } article.featured .caption.title_centered .featured_article_title { position: relative; display: inline-block; } article.featured .caption.title_centered.embedded .featured_article_title { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); display: inline-block; left: 0; position: absolute; width: 100%; } /* featured article title with a icon on left */ .with_left_icon.featured_article_title { display: inline-block; } /* icon with title */ .heading_icon { color: #378017; margin-right: 5px; } .featured > .heading_icon { font-size: 18px; } .centered.embedded.heading_icon { display: inline-block; margin-right: 10px; } /* default icon with title */ .featured .default_icon .heading_icon { background: #ffc20f; color: #fff !important; display: inline-block; margin: 0 8px 4px 0; padding: 0 8px; line-height: 150%; vertical-align: middle; } /* default icon with embedded title */ .embedded.featured .default_icon .heading_icon { margin-top: -6px; } /* default icon with embedded title and squared */ .embedded.default_icon.squared .heading_icon { margin-top: 0; } /* icon sizes */ .large_icon { background: #fff; border-radius: 100px; color: #378017; display: block; font-size: 26px; line-height: 26px; margin: auto; position: relative; text-align: center; display: inline-block; margin-right: 10px; } .large_icon.loaded { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .medium_rounded_icon, .featured > .medium_rounded_icon { border-radius: 100px; display: block; font-size: 20px; height: 20px; line-height: 20px; margin: auto; padding: 10px; position: relative; text-align: center; width: 20px; display: inline-block; margin-right: 10px; } .medium_rounded_icon { background: #378017; color: #fff !important; } .big_icon, .featured > .big_icon { display: block; font-size: 30px; height: 30px; line-height: 30px; margin: auto; position: relative; text-align: center; width: 30px; display: inline-block; } .big_icon { color: #378017; } .big_rounded_icon, .featured > .big_rounded_icon { border-radius: 100px; display: block; font-size: 30px; height: 30px; line-height: 30px; margin: auto; padding: 10px; position: relative; text-align: center; width: 30px; display: inline-block; margin-right: 10px; } .big_rounded_icon { color: #378017; } .big_square_icon, .featured > .big_square_icon { display: block; font-size: 30px; height: 30px; line-height: 30px; margin: auto; padding: 10px; position: relative; text-align: center; width: 30px; display: inline-block; margin-right: 10px; } .big_square_icon { background: #378017; color: #fff !important; } .heading_icon.centered, .big_rounded_icon.centered, .medium_rounded_icon.centered { display: block; margin: 0 auto; text-align: center; } .row .box:hover .animated.heading_icon { -webkit-animation-name: pulse; animation-name: pulse; } .row .box:hover .embedded.animated.heading_icon { -webkit-animation-name: flipInX; animation-name: flipInX; } /* disable animations for mobile devices */ .mobile_device .row .box:hover .embedded.animated.heading_icon, .mobile_device .row .box:hover .animated.heading_icon { -webkit-animation-name: none; animation-name: none; } .big_rounded_icon.loaded { padding: 30px; border: 4px solid #378017; } .big_rounded_icon.pin { margin-bottom: 42px; } .row .box:hover .animated.pin.heading_icon { -webkit-animation-name: swing; animation-name: swing; } .medium_rounded_icon.loaded { padding: 20px; } /* sidebar boxes */ .title_icon { background: #378017; color: #fff; font-size: 11px; padding: 2px 4px 1px 5px; vertical-align: middle; margin: 0 8px 4px 0; display: inline-block; } .sidebar .featured_article_title { font-size: 17px; } .sidebar h3.featured_article_title span { color: #aaa; font-size: 16px; font-family: Arial; } .sidebar .featured_article_title:before { background: none repeat scroll 0 0 #378017; color: #378017; content: ""; display: block; height: 40px; position: absolute; top: -10px; width: 2px; left: -21px; text-indent: 5px; } .content .widget .icon-right-open, #header_contents .widget .icon-right-open { display: none; } .widget .title { margin-bottom: 5px; } .sidebar .widget { margin-bottom: 20px; border-bottom: 1px solid #F0F0F0; } .sidebar #idTextPanel-1 .item div { border: solid 1px #eeeeee; } .featured img.aligncenter { margin: 0 auto; } .pin:after { border-right: 1px solid #378017; color: #378017; content: '\e85d'; font-family: fontello; font-size: 13px; height: 25px; left: 50%; line-height: 66px; margin-left: -3px; margin-top: 35px; position: absolute; text-align: center; width: 5px; display: block; } .featured_image_holder.pin:after { margin-top: 4px; } .featured_image_holder.pin { max-width: 60%; margin: auto; position: relative; margin-bottom: 40px; } .rounded_image img, .rounded_image svg { border-radius: 50%; } article.featured:hover .featured_image_holder.pin:after { content: 'þ›'; font-family: fontello; line-height: 78px; font-size: 13px; height: 32px; -webkit-transition: line-height .3s; -moz-transition: line-height .3s; -o-transition: line-height .3s; transition: line-height .3s; } /* b/w filter */ article.featured:hover .bw_filter svg, .bw_filter:hover svg, article.featured:hover .bw_filter_ie svg, .bw_filter_ie:hover svg, .chained_contents > ul li:hover .image.chanied_media_holder svg { display: none; } article.featured:hover .bw_filter img, .bw_filter:hover img, .chained_contents > ul li:hover .image.chanied_media_holder img { -webkit-filter: grayscale(0); -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .bw_filter img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } /* octangle images */ .featured_image_holder.octangle { display: block; margin: auto auto 10px; max-width: 75%; overflow: hidden; position: relative; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .featured_image_holder.octangle img, .featured_image_holder.octangle svg { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* horizontally chained contents */ .horizontal_chained_contents { display: table; list-style: none outside none; margin: 0 0 20px; padding: 0; table-layout: fixed; width: 100%; } .horizontal_chained_contents > li ul { list-style-type: disc; } .horizontal_chained_contents > li { display: table-cell; margin: 0; padding: 0 10px; position: relative; text-align: center; z-index: 2; vertical-align: top; } .horizontal_chained_contents li:first-child .chanied_media_holder:before, .horizontal_chained_contents li:last-child .chanied_media_holder:after { content: none; } .horizontal_chained_contents .chanied_media_holder { position: relative; } /* image width in media holder */ .horizontal_chained_contents .chanied_media_holder .featured_image_holder { max-width: 70%; margin: auto auto 20px; position: relative; } /* titles in chained contents */ .horizontal_chained_contents .featured_article_title { margin: 0 0 10px; } /* lines between images */ .horizontal_chained_contents .chanied_media_holder:after { border-top: 2px dashed #ededed; content: ""; margin-top: -2px; position: absolute; right: -50%; top: 50%; width: 100%; z-index: -1; } /* vertically chained contents */ .chained_contents > ul { list-style-type: none; margin: 0; padding: 0; clear: both; position: relative; z-index: 1; } /* line style */ .chained_contents > ul:after, .chained_contents > ul .chanied_media_holder:before { border-style: dashed; border-color: #ededed; border-width: 0; } /* vertical line */ .chained_contents > ul:after { border-left-width: 2px; content: ""; height: 100%; left: 38%; position: absolute; top: 0; z-index: -1; } /* media holder's line */ .chained_contents > ul .chanied_media_holder:before { border-top-width: 2px; content: ""; margin-top: -1px; position: absolute; top: 50%; width: 24%; right: 2%; } .chained_contents > ul .chanied_media_holder:after { border-top-width: 2px; content: ""; margin-top: -1px; position: absolute; top: 50%; width: 24%; right: 2%; } .chained_contents > li { list-style: none; margin: 0 0 20px 0; padding: 0; zoom: 1; position: relative; } .chained_contents .chanied_media_holder { width: 38%; float: left; position: relative; } .chained_contents .chanied_media_holder:first-child { margin-top: 0; } .chained_contents .chanied_content_holder { margin-left: 45%; padding-top: 20px; display: block; } .chained_contents .chanied_content_holder:after { content: ""; display: table; clear: both; } .chained_contents .featured_image_holder { max-width: 70%; width: 70%; margin: 0; } .chained_contents .featured_image_holder { display: inline-block; position: relative; } /* chained contents with right aligned media */ .right_aligned_media.horizontal_chained_contents .chanied_media_holder > ul:after { left: -16%; right: auto; } .right_aligned_media.chained_contents > ul:after { right: 38%; left: auto; } .right_aligned_media.chained_contents .chanied_media_holder:before { left: 2%; right: auto; } .right_aligned_media.chained_contents .chanied_media_holder { float: right; } .right_aligned_media.chained_contents .chanied_content_holder { margin-right: 45%; margin-left: auto; text-align: right; } .right_aligned_media.chained_contents .featured_image_holder { margin-left: 30%; } /* icon holder */ .chained_contents .icon_holder { background: #ccc; background: rgba(0, 0, 0, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 80px; height: 80px; } /* icon */ .chained_contents .icon_holder span:before { display: inline-block; font-size: 30px; line-height: 80px; margin: 0; padding: 0; text-align: center; vertical-align: middle; width: 80px; color: #fff; } .icon_chain.chained_contents > ul:after { left: 120px; } .right_aligned_media.icon_chain.chained_contents > ul:after { right: 120px; left: auto; } .icon_chain.chained_contents .chanied_media_holder > ul:before { width: 30px; } .icon_chain.chained_contents .chanied_media_holder { width: 120px; margin-top: 20px; position: relative; } .icon_chain.chained_contents .chanied_content_holder { margin-left: 150px; } .right_aligned_media.chained_contents .icon_holder { display: inline-block; margin-left: 40px; position: relative; } .right_aligned_media.icon_chain.icon_chain.chained_contents .chanied_content_holder { margin-left: 0; margin-right: 150px; } /* chained icons mouse hover states */ .chained_contents li:hover .icon_holder { background: transparent; } .chained_contents .icon_holder.rounded:before { opacity: 0; } .chained_contents li:hover .icon_holder.rounded:before { background: none repeat scroll 0 0 #378017; border-radius: 50%; content: ""; height: 90px; left: -5px; position: absolute; top: -5px; width: 90px; z-index: -1; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } /* disable animations for mobile devices */ .mobile_device .chained_contents li:hover .icon_holder.rounded:before { -webkit-animation-name: none; animation-name: none; } /* dots of chained items */ .chained_contents > ul .chanied_media_holder:after { background: none repeat scroll 0 0 #EDEDED; border-radius: 50%; content: ""; height: 16px; margin-top: -8px; position: absolute; right: -8px; left: auto; top: 50%; width: 16px; } .right_aligned_media.chained_contents > ul .chanied_media_holder:after { left: -9px; right: auto; } /* mouse over effect for dots of chained image items */ .chained_contents > ul > li:hover .image.chanied_media_holder:after { height: 22px; margin-top: -12px; right: -12px; width: 22px; background: none repeat scroll 0 0 #378017; } .right_aligned_media.chained_contents > ul > li:hover .image.chanied_media_holder:after { left: -12px; right: auto; } /* ---------------------------------------------------- 7) PAGE ELEMENTS ------------------------------------------------------- */ /* hr style one */ hr.style-one { padding: 0; border: none; border-top: medium double #F0F0F0; color: #F0F0F0; text-align: center; margin: 30px 0; overflow: visible; } hr.style-one:after { background: #fff; content: "o"; display: inline-block; font-size: 20px; line-height: 20px; padding: 0 40px; position: relative; top: -15px; } /* hr style two */ hr.style-two { padding: 0; border: none; border-top: 1px solid #F0F0F0; color: #F0F0F0; text-align: center; margin: 30px 0; overflow: visible; } hr.style-two:after { background: #fff; content: "¡ñ"; display: inline-block; font-size: 30px; line-height: 30px; padding: 0 40px; position: relative; top: -17px; } /* hr style three */ hr.style-three { padding: 0; border: none; border-top: 1px solid #F0F0F0; color: #F0F0F0; text-align: center; margin: 30px 0; overflow: visible; } hr.style-three:after { background: #fff; content: "\e753"; font-family: "fontello"; display: inline-block; font-size: 16px; line-height: 30px; padding: 0 40px; position: relative; top: -15px; } /* hr style four */ hr.style-four { padding: 0; border: none; border-top: medium double #F0F0F0; color: #F0F0F0; text-align: center; margin: 30px 0; overflow: visible; } /* hr style five */ hr.style-five { padding: 0; border: none; border-top: 1px solid #F0F0F0; color: #F0F0F0; text-align: center; margin: 30px 0; overflow: visible; } /* hr style six */ hr.style-six { padding: 0; border: none; border-top: 1px solid #F0F0F0; color: #F0F0F0; text-align: center; margin: 30px 0; line-height: 100%; position: relative; overflow: visible; } hr.style-six:before { background: #378017; content: ""; height: 1px; left: 25%; position: absolute; margin-top: -1px; width: 50%; } hr.style-six:after { background: #fff; color: #378017; content: '\f107'; display: inline-block; font-family: "fontello"; font-size: 30px; line-height: 35px; padding: 0 40px; position: relative; top: -15px; } hr.style-seven { padding: 0; border: none; text-align: center; margin: 0; top: -1px; position: relative; line-height: 100%; overflow: visible; } hr.style-seven:after { color: #fff; content: "&"; display: inline-block; font-family: "fontello"; font-size: 70px; padding: 0 40px; position: relative; } .footer_widgets > .row > hr.style-seven { position: relative; z-index: 1; } .half-boxed .footer_widgets > .row > hr.style-seven:after, .row-style-2 hr.style-seven:after, .content_footer hr.style-seven:after, .row-style-3 hr.style-seven:after { text-shadow: 0 6px 0 rgba(0, 0, 0, 0.02); } .row-style-3 hr.style-seven { top: 0; } hr.style-eight { padding: 0; border: none; border-top: 1px solid #378017; text-align: left; margin: 30px 0; overflow: visible; } hr.style-eight:after { color: #378017; content: "&"; display: inline-block; font-family: "fontello"; font-size: 30px; left: 26px; line-height: 35px; position: relative; top: -14px; } /* go to top link */ span.top { font-size: 10px; float: right; position: relative; right: 0; top: -10px; padding-left: 10px; text-decoration: none; letter-spacing: 1px; cursor: pointer; background: #fff; color: #B0B0B0; } span.top:hover { text-decoration: none; color: #000; } /* line */ .line { border-bottom: 1px solid #F0F0F0; margin: 0 0 30px 0; clear: both; } /* Tooltip */ .ttip { padding: 0 !important; } /* Title line */ .title_line { width: 100%; display: block; clear: both; position: relative; overflow: hidden; } /* Title line */ .title_line h3 { display: block; padding-right: 20px; position: static; } .title_line .featured_article_title:after { background: none repeat scroll 0 0 #F0F0F0; content: ""; height: 1px; margin-left: 20px; margin-top: -1px; position: absolute; top: 50%; width: 100%; } /* gradient */ .gradient { background: url(../js/.com/2019/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-8 */ } /* ---------------------------------------------------- 8) RECENT POSTS ------------------------------------------------------- */ .recent_posts ul, .footer_widgets .recent_posts ul, .widget .recent_posts ul { margin: 0; padding: 0; list-style: none; } .recent_posts ul li { margin: 0 0 10px 0; padding: 0; clear: both; } .recent_posts ul li:last-child { margin: 0; } .recent_posts ul li.date { margin: 0; } /* date */ .recent_posts .widget-meta { font-style: italic; font-size: 11px; color: #aaa; line-height: 22px; } /* title */ .widget .recent_posts .title { display: block; font-weight: bold; margin: 0; line-height: 150%; } /* title links */ .recent_posts .title a { text-decoration: none; color: #777; } .recent_posts .title a:hover { text-decoration: underline; } /* thumbnails */ .recent-posts-thumb { float: left; display: inline-block; position: relative; } img.recent-posts-thumb { float: left; padding: 4px; margin: 0 10px 10px 0; display: inline-block; background: #fff; border: 1px solid #F0F0F0; -moz-box-box-shadow: 2px 2px 0 RGBa(0, 0, 0, 0.035); -webkit-box-shadow: 2px 2px 0 RGBa(0, 0, 0, 0.035); box-shadow: 2px 2px 0 RGBa(0, 0, 0, 0.035); } .recent_posts .comment_number { margin-left: 3px; } .recent_posts .comment_number span { margin-right: 3px; } .recent_posts .comment_number a { color: inherit; font-style: oblique; text-decoration: none; } .recent_posts .comment_number a:hover { text-decoration: underline; } .contact .jn { overflow: hidden; } .contact h3 { font-size: 18px; } .contact .jn img { z-index: -1; } .contact .jn div, .contact .us div, .contact .gz div { margin-left: 40px; position: absolute; top: 240px; } .contact .withborder .box { border: dashed 1px #ccc; padding: 15px; } .contact article .caption { position: relative; overflow: hidden; } /* ---------------------------------------------------- 9) SEARCH RESULTS ------------------------------------------------------- */ .search-post-title { margin-bottom: 10px; } .search-post-title a { font-size: 18px; line-height: 140%; } .search_result { margin-bottom: 20px; } .search_highlight { background: #EAEAEA; padding: 1px 3px; } /* ---------------------------------------------------- 10) BUTTONS ------------------------------------------------------- */ .button_ { background: none repeat scroll 0 0 #378017; -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; display: inline-block; border: 0 none; overflow: hidden; text-decoration: none; color: #fff; font-family: arial; font-size: 16px; font-weight: bold; line-height: 100%; padding: 21px 40px 23px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); } .button_:hover { -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14) inset; -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14) inset; -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14) inset; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14) inset; } .button_[class^="icon-"]:before, .button_[class*=" icon-"]:before { padding-right: 1em; } .button_.white { background: none repeat scroll 0 0 #fff; border: 1px solid #eee; color: #888; text-shadow: none; } .button_.light { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #eee; color: #888; text-shadow: none; } .button_.blue { background: none repeat scroll 0 0 #81a0ab; color: #fff; text-shadow: none; } .button_.t_white { background: transparent; border: 2px solid #fff; } .button_.small { font-size: 13px; padding: 10px 20px 13px; } .button_.medium { font-size: 16px; padding: 20px 25px 20px; } .button_.t_white.big { padding: 21px 40px; } .button_.t_white.medium { padding: 13px 25px; } .button_.t_white.small { padding: 10px 20px; } .button_.default, .button_.t_white { color: #fff !important; } /* button opposite color text */ .button_ i { color: rgba(0, 0, 0, 0.5); font-style: normal; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } /* left aligned */ .button_.alignleft { margin-right: 20px; } .button_.alignright { margin-left: 20px; } .button_.aligncenter { display: table; } /* post navigation buttons */ .post-navigations { text-align: center; } .post-navigations .button_ { color: #c0c0c0; } .post-navigations .button_ { width: 90px; } .sidebar .post-navigations .button_ { width: 83px; } .sidebar .single .button_ { width: 218px; } .post-navigations .button_:first-child { margin-right: 10px; } .post-navigations .button_ span:before { margin-right: 0; } @media only screen and (max-width: 1099px) and (min-width: 768px) { .button_ { font-size: 14px!important; padding: 20px!important; } .button_[class*=" icon-"]::before { padding-right: 0.5em!important; } } /* ---------------------------------------------------- 11) FLICKR THUMBS ------------------------------------------------------- */ .flickr_thumbs { margin: 10px 0 10px 0 !important; padding: 0; overflow: hidden; border: 0 !important; background: none !important; } .flickr_thumbs li { list-style: none; float: left; margin: 0 2% 2% 0 !important; padding: 0 !important; border: 0 !important; background: none !important; width: 31%; } .flickr_thumbs li a { } .flickr_thumbs li img { display: block; } .flickr_thumbs li a img { border: none; width: 100%; } .flickr_thumbs li .frame { margin: 0 !important; padding: 5px !important; } .flickr_thumbs li.hide { display: none; } .flickr_thumbs li:hover img { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* ---------------------------------------------------- 12) BANNERS ------------------------------------------------------- */ .banner { display: block; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0; } .banner.withborder { border: 2px solid #F3F3F3; padding: 20px; } .banner.transparent { background: transparent; } /* banner with gradient */ .banner.gradient { padding: 20px; } /* banner icon */ .banner p[class^="icon-"]:before, .banner p[class*=" icon-"]:before { font-size: 40px; margin: -6px 20px 0 10px; vertical-align: middle; } /* banner icon with button */ .banner .withbutton p[class^="icon-"]:before, .banner .withbutton p[class*=" icon-"]:before { margin: -3px 0 0 -55px; position: absolute; } /* big banner icon */ .banner p.big_icon_top[class^="icon-"]:before, .banner p.big_icon_top[class*=" icon-"]:before { display: block; font-size: 60px; margin: auto auto 20px; position: relative; } /* banner text holder */ .banner .featured_text { font-size: 16px; line-height: 24px; text-align: left; color: #747474; margin: 0; } /* banner text holder with a button */ .banner .featured_text.withbutton { display: inline; text-align: left; } /* banner text holder center aligned */ .banner .featured_text.aligncenter { width: 100%; display: block; text-align: center; } /* banner text */ .banner p { padding: 0; } /* banner small text */ .banner p small { font-family: Arial, sans-serif; display: block; font-size: 13px; line-height: 130%; } /* banner text with a big button */ .banner .big_button p { padding: 20px 0; } .banner .big_button p strong { line-height: 36px; color: #555555; } /* banner text with a medium button */ .banner .medium_button p { padding: 10px 0; } /* banner text with a small button */ .banner .small_button p { padding: 4px 0; } /* banner text with a button and icon */ .banner .withbutton p[class^="icon-"], .banner .withbutton p[class*=" icon-"] { padding-left: 60px; } /* banner text center aligned with a button*/ .banner .featured_text.aligncenter.withbutton p { padding: 10px 0; margin-bottom: 10px; } /* banner text with a big icon */ .banner p.big_icon_top[class^="icon-"], .banner p.big_icon_top[class*=" icon-"] { padding: 10px 0; } /* ---------------------------------------------------- 13) INFO BOXES ------------------------------------------------------- */ .info_box { padding: 10px; background: #FDFDFD; display: block; position: relative; border: 1px solid #F3F3F3; color: #747474; } /* banner with gradient */ .info_box.gradient { box-shadow: 0 0 0 1px #fff inset; } /* banner icon */ .info_box p[class^="icon-"]:before, .info_box p[class*=" icon-"]:before { font-size: 25px; margin: -12px 20px 0 -35px; position: absolute; top: 50%; vertical-align: middle; } /* banner text */ .info_box p { font-size: 13px; line-height: 21px; /*font-family: Arial,sans-serif;*/ margin: 0; padding: 0 10px 0 40px; } .info_box.attention { background: #FED8D8; border: 1px solid #DCB6B6; } .info_box.attention, .info_box.attention a { color: #8F6969; } .info_box.ok { background: #EFFFEF; border: 1px solid #E0EDE0; } .info_box.ok, .info_box.ok a { color: #889588; } .info_box.announcement { background: #FDFDEF; border: 1px solid #EBEBDE; } .info_box.announcement, .info_box.announcement a { color: #949487; } .info_box .icon-cancel { color: rgba(0, 0, 0, 0.3); position: absolute; right: 10px; cursor: pointer; } .info_box .icon-cancel:hover { color: rgba(0, 0, 0, 0.6); } /* ---------------------------------------------------- 14) PRICING TABLES ------------------------------------------------------- */ .pricing_table { display: table; width: 100%; table-layout: fixed; } .pricing_table .table_wrap { display: table-cell; } .pricing_table .table_wrap ul { background: #fff; border: 1px solid #eee; list-style: none; margin: 0 1px; position: relative; overflow: hidden; padding: 5px 5px 0; } .pricing_table .table_wrap ul > li { padding: 5px 0; display: block; text-align: center; border-top: 1px solid #eee; } .pricing_table .table_wrap ul > li:first-child, .pricing_table .table_wrap ul > li.price, .pricing_table .table_wrap ul > li.start_position, .pricing_table .table_wrap ul > li.features_start_position { border-top: none !important; } .pricing_table .table_wrap ul > li.price { border-bottom: 1px solid #eee; } .pricing_table .table_wrap ul > li.price.empty { padding: 0; display: none; } .pricing_table .table_wrap ul > li.caption.empty { margin-bottom: -6px; padding: 0; display: none; } .caption small { display: block; font-size: 13px; min-height: 20px; padding: 5px 0 10px; font-family: helvetica, arial; } .pricing_table .table_wrap ul > li.caption { padding: 20px 2px 0 2px; font-size: 24px; background-color: #ECECEC; border-bottom: 0; text-shadow: 1px 1px 1px #FFFFFF; } .pricing_table .table_wrap ul > li .button_ { vertical-align: top; margin: 20px auto; } /* price tag */ .pricing_table .shadow:after, .pricing_table .shadow:before { bottom: 10px; } .pricing_table li div.title { display: block; } .pricing_table .table_wrap ul > li.price { padding: 0 0 20px 0; position: relative; background-color: #fff !important; } .pricing_table li.price div:before { background-color: #ECECEC; position: absolute; height: 50%; width: 100%; display: block; content: ""; } .pricing_table li.price div { display: block; } .pricing_table li.price span { border-radius: 100px; display: inline-block; font-size: 20px; height: 50px; line-height: 50px; min-width: 50px; padding: 20px; position: relative; overflow: hidden; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background-color: #fff; *zoom: 1; } /* highlight row */ .pricing_table .table_wrap.highlight ul { -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); border: 0; margin: 0; z-index: 1; } .pricing_table .table_wrap.highlight ul > li { position: relative; } .pricing_table .table_wrap.highlight ul > li.caption { padding-top: 30px; font-size: 24px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); background-color: #378017; } .pricing_table .table_wrap.highlight ul > li.price div:before { background: #378017; } /* compare table - cell */ .pricing_table.compare .table_wrap { vertical-align: top; } /* compare table - highlight row */ .pricing_table.compare .table_wrap.highlight ul > li.caption { padding: 20px 2px 0; } .pricing_table.compare .table_wrap.features ul { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -22px; padding: 0 20px 0 0; } .pricing_table.compare .table_wrap ul li:nth-child(2n) { background-color: #fbfbfb; } .pricing_table [class^="icon-"]:before, .pricing_table [class*=" icon-"]:before { font-size: 16px; line-height: 100%; } .pricing_table .icon-ok:before { color: #7ea95e; } .pricing_table .icon-cancel:before { color: #8d1c31; } /* ---------------------------------------------------- 15) OUR TEAM ------------------------------------------------------- */ section.team { display: block; width: 100%; clear: both; text-align: center; } /* person image holder*/ section.team .person_image { border: 8px solid #fff; width: 50%; clear: both; display: block; position: relative; margin: 0 auto 20px; -moz-border-radius: 50%; -web-kit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1); overflow: hidden; background: #fff; } section.team .box:hover .person_image { -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } section.team .person_image img { display: block; } /* person name */ section.team h4.person_name { padding: 0 10px; } /* profile */ section.team .profile { padding: 0 10px; } /* style two */ section.team.style-two .person_image { -moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none; -moz-border-radius: 0; -web-kit-border-radius: 0; border-radius: 0; } section.team.style-two .half-background { display: block; position: relative; z-index: 1; overflow: hidden; padding: 20px 0; } section.team.style-two .half-background:before { content: ""; position: absolute; z-index: -1; background: #fafafa; width: 100%; height: 100%; left: 0; top: 100px; } section.team.style-two hr:after { background: #fafafa; } /* style three */ section.team.style-three .person_image { -moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } section.team.style-three .half-background { display: block; position: relative; z-index: 1; overflow: hidden; padding: 20px 0; } section.team.style-three .half-background:before { content: ""; position: absolute; z-index: -1; background: #fafafa; width: 100%; height: 100%; left: 0; top: 0px; -o-border-radius: 50px; -moz-border-radius: 50px; -web-kit-border-radius: 50px; border-radius: 50px; } section.team.style-three hr:after { background: #fafafa; } /* single page */ .staff-single-media-links { width: 100%; } /* ---------------------------------------------------- 16) TESTIMONIALS ------------------------------------------------------- */ /* client image holder */ .client_image { -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; padding: 10px; float: left; -o-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.08); } /* client image */ .client_image img { border: 1px solid #fff; -o-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; height: 100px; overflow: hidden; width: 100px; float: left; } /* in smaller columns */ .four .client_image img, .five .client_image img { height: 50px; width: 50px; } /* client info */ .client_info { font-style: italic; color: #999; font-size: 13px; } .testimonial .with_image { margin-left: 142px; padding-top: 10px; } .four .with_image, .five .with_image { margin-left: 92px; } /* quote right */ .testimonial .text .icon-quote-right { font-size: 20px; margin-top: 2px; padding-left: 6px; position: absolute; color: #C0C5CB; } /* quote left */ .testimonial .text .icon-quote-left { color: #C0C5CB; font-size: 20px; padding-right: 6px; } /* testimonials carousel holder */ .testimonials-carousel ul { list-style: none; padding: 0; margin: 0; display: block; } .carousel-holder .owl-carousel .testimonial.item { margin: 10px 10px; } .sidebar .testimonial.item, .four .testimonial.item, .five .testimonial.item { text-align: center; } .sidebar .client_image, .sidebar .testimonial .with_image, .four .testimonial .with_image, .four .testimonial .with_image, .five .testimonial .with_image { float: none; margin: auto; } .centered .client_image { display: table; float: none; margin: auto auto 10px; } .centered .text { margin: auto; text-align: center; line-height: 140%; font-size: 16px; width: 85%; } /* ---------------------------------------------------- 17) LINKS ------------------------------------------------------- */ /* general link style */ a { color: #378017; text-decoration: underline; } a:hover { text-decoration: none; } /* arrow links */ a.more_arrow { color: #e77927; text-decoration: none; } a.more_arrow_2 { color: #ccc; text-decoration: none; } /* read more links */ .featured a.read_more, .featured a.more-link { background-color: #378017; border: 1px solid #378017; color: #fff; display: inline-block; line-height: 140%; padding: 0 5px; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .featured a.read_more:hover, .featured a.more-link:hover { background-color: #fff; color: #378017; } .featured a.read_more.centered { display: table; margin: 0 auto; } a.more-link:after { content: " \f105"; font-family: "fontello"; font-weight: bold; } a.read_more span, a.more-link span { font-size: 11px; } /* sidebar content links */ .sidebar_content .box a { color: #cecece; } .sidebar_content .box a:hover { color: #fff; } /* sidebar contact details links */ .sidebar_content ul.contact_list a { text-decoration: underline !important; } .sidebar_content .box a:hover { text-decoration: none !important; } /* ---------------------------------------------------- 18) CAROUSEL ------------------------------------------------------- */ .carousel-holder { position: relative; } /* rounded holder */ .rounded_carousel_holder { padding: 10px 0; border: 1px solid #F0F0F0; } .carousel-holder .owl-carousel { margin: 0; padding: 0; display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .carousel-holder .owl-item { overflow: hidden; } .carousel-holder .owl-carousel .item { margin: 0 10px; } .full_width_row .carousel-holder .owl-carousel .item { margin: 0; } /* controls */ .carousel-holder .owl-controls { text-align: center; position: absolute; right: 10px; text-align: center; top: -40px; padding-left: 10px; line-height: 100%; } .rounded_carousel_holder .owl-controls { right: -2px; top: -50px; } .without_heading.carousel-holder .owl-controls { display: block; height: 0; margin-top: -15px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 3; opacity: 0; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .without_heading.carousel-holder:hover .owl-controls { opacity: 1; } /* next and prev buttons */ .without_heading .owl-buttons { height: 0; top: 0; width: 100%; z-index: 3; } .carousel-holder .owl-controls .owl-buttons div { background: none repeat scroll 0 0 #378017; color: #FFFFFF; display: inline-block; font-size: 11px; line-height: 13px; padding: 2px 5px 2px 4px; text-align: center; text-decoration: none; width: 10px; zoom: 1; } .product_images .owl-controls .owl-buttons div { background: rgba(0, 0, 0, 0.1); color: #FFFFFF; display: inline-block; font-size: 11px; line-height: 13px; padding: 20px 15px; text-align: center; text-decoration: none; width: 10px; zoom: 1; } /* buttons without heading - at center */ .without_heading.carousel-holder .owl-controls .owl-buttons div { background: #CFCFCF; background: rgba(40, 40, 40, 0.18); color: #FFFFFF; display: inline-block; font-size: 11px; line-height: 13px; padding: 0; text-align: center; text-decoration: none; width: 30px; height: 30px; position: absolute; top: 50%; } /* carousel without heading arrow positions */ .without_heading .owl-prev { left: 10px; } .without_heading .owl-next { right: -20px; } /* full width row arrow positions & sizes */ .full_width_row .without_heading .owl-prev { left: 30px; } .full_width_row .without_heading .owl-next { right: 0; } .full_width_row .without_heading.carousel-holder .owl-controls .owl-buttons div { width: 50px; height: 50px; } .full_width_row .without_heading.carousel-holder .owl-controls .owl-buttons span { line-height: 50px; } /* rounded carousel arrow positions */ .rounded_carousel_holder.without_heading .owl-prev { left: -7.5px; } .rounded_carousel_holder.without_heading .owl-next { right: -15px; } .carousel-holder .owl-controls .icon-right-open { padding-left: 2px; } .without_heading.carousel-holder .owl-controls .owl-buttons span { display: block; line-height: 30px; padding: 0; } .carousel-holder .owl-controls.clickable .owl-buttons [class^="icon-"]:before, .owl-theme .owl-controls.clickable .owl-buttons [class*=" icon-"]:before { margin: 0; width: auto; } /* hover states */ .carousel-holder .owl-controls.clickable .owl-buttons div:hover { cursor: pointer; } .carousel-holder .owl-controls.clickable .owl-buttons div:hover span { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; text-decoration: none; } /* preloading images */ .carousel-holder .owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; } /* ---------------------------------------------------- 19) TOGGLES ( ACCORDIONS ) ------------------------------------------------------- */ .rt-toggle { margin-bottom: 20px; } .rt-toggle > ol { list-style: none; list-style-position: outside; margin: 0; padding: 0; border-top: 1px solid #eee; } .rt-toggle > ol > li { display: block; clear: both; border-bottom: 1px solid #eee; padding: 10px 0; position: relative; } .rt-toggle ul li, .rt-toggle ol ol li { display: list-item; } .rt-toggle ol ol { list-style: decimal; } /* heading */ .rt-toggle ol li.open .toggle-head { background: url(../images/toggle-minus.png) right 5px no-repeat; cursor: default; font-weight: bold; } /* heading closed */ .rt-toggle ol li .toggle-head { cursor: pointer; background: url(../images/toggle-plus.png) right 5px no-repeat; } /* heading with numbers */ .rt-toggle ol li .toggle-number, .rt-toggle ol li.open .toggle-number { background: #378017; color: #fff; display: inline-block; font-size: 14px; font-weight: normal; height: 16px; left: 0; line-height: 17px; min-width: 16px; padding: 4px 3px; position: absolute; text-align: center; top: 8px; } .rt-toggle ol li .toggle-title { display: inline-block; font-size: 14px; margin: 0 30px; } .rt-toggle.no-numbers ol li .toggle-title { margin: 0 30px 0 0; } .rt-toggle ol li .toggle-content { clear: both; display: none; border-top: 1px solid #eee; margin: 10px 0 0; padding: 10px 0 0; } .toggle-content p:last-child { padding-bottom: 0; } /* left aligned small accordion */ .rt-toggle.small._left { width: 220px !important; float: left !important; margin: 0 20px 20px 0 !important; } /* right aligned small accordion */ .rt-toggle.small._right { width: 220px !important; float: right !important; margin: 0 0 20px 20px !important; } /* ---------------------------------------------------- 20) TABS ------------------------------------------------------- */ /* sub page tabs */ .tabs_wrap { padding: 0; clear: both; display: block; margin: 0; border-color: #F0F0F0; border-style: solid; border-width: 0; } .tabs_wrap .pane { margin: 0; display: none; padding: 20px; overflow: hidden; _background-image: none; display: block; } /* tabs created with shortcode */ .shortcode_tabs .pane { padding: 20px 0 0; } .shortcode_tabs.tab-style-two .pane { padding: 20px; } /* tab paddings */ .pane .boxes .box { padding: 0; } /* tabs used in a box */ .shortcode_tabs .tabs_wrap .pane { padding: 20px 0; } /* root element for tabs */ .tabs_wrap .tabs { list-style: none; margin: 0 !important; display: block; padding: 0 !important; border-width: 0 0 1px 0; border-style: solid; border-color: #F0F0F0; } /* single tab */ .tabs_wrap .tabs li { float: left; text-indent: 0; margin: 0; list-style-image: none !important; border-width: 0 1px 0 0; border-style: solid; border-color: #F0F0F0; position: relative; } /* link inside the tab. uses a background image */ .tabs_wrap .tabs a { font-size: 14px; display: block; text-align: center; text-decoration: none; margin: 0px; position: relative; padding: 12px 20px; color: #898989; } .tabs_wrap .tabs .with_icon a { padding-left: 40px; } .tabs_wrap .tabs .with_icon span { position: absolute; left: 10px; z-index: 1; font-size: 18px; width: 20px; text-align: center; } .tabs_wrap .tabs a:active { outline: none; } /* when mouse enters the tab move the background image */ .tabs_wrap .tabs a:hover { } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tabs_wrap .tabs a.current, .tabs_wrap .tabs a.current:hover, .tabs_wrap .tabs a:hover, .tabs_wrap .tabs li.current a { border-width: 0 0 4px 0; border-style: solid; border-color: #378017; } .tabs_wrap .tabs a.current, .tabs_wrap .tabs a.current:hover, .tabs_wrap .tabs .current a { cursor: default !important; } /* initially all panes are hidden */ .js .tabs_wrap .pane { display: none; } /* vertical tabs */ .vertical_tabs ul.tabs { float: left; width: 200px; border: 0; background: #fbfbfb; } .vertical_tabs ul.tabs li { float: none; display: block; text-align: left; border-width: 0 0 1px 0; border-style: solid; border-color: #F0F0F0; } .vertical_tabs ul.tabs li a { text-align: left; background: rgba(255, 255, 255, 0.5); } .vertical_tabs .tabs_wrap { border-width: 1px; border-style: solid; border-color: #F0F0F0; } .vertical_tabs div.pane { position: relative; width: auto; margin-left: 200px; padding: 20px !important; border-width: 0 0 0 1px; border-style: solid; border-color: #F0F0F0; } /* active tab for vertical tabs */ .vertical_tabs ul.tabs a.current, .vertical_tabs ul.tabs a.current:hover, .vertical_tabs ul.tabs a:hover, .vertical_tabs ul.tabs li.current a { border-width: 0 4px 0 0; border-style: solid; border-color: #378017; background: #fff; } /* tab style 2 */ .tab-style-two, .tab-style-three { border-width: 1px; border-style: solid; border-color: #F0F0F0; overflow: hidden; } .tab-style-two .panes { padding: 0 20px; } .tab-style-two ul.tabs a { font-size: 14px; } .tab-style-two ul.tabs { background: #F9F9F9; border: none; -webkit-box-shadow: -1px -1px 4px #eee inset; -moz-box-shadow: -1px -1px 4px #eee inset; box-shadow: -1px -1px 4px #eee inset; } .tab-style-two ul.tabs a.current, .tab-style-two ul.tabs a.current:hover, .tab-style-two ul.tabs li.current a { background: #fff; } .tab-style-two ul.tabs a.current, .tab-style-two ul.tabs a.current:hover, .tab-style-two ul.tabs a:hover, .tab-style-two ul.tabs li.current a { -webkit-box-shadow: -1px 1px 4px #eee inset; -moz-box-shadow: -1px 1px 4px #eee inset; box-shadow: -1px 1px 4px #eee inset; border: none; } .tab-style-two ul.tabs a { background: transparent; } /* tab style 3 */ .content.full .tab-style-three .tabs:before { background: rgba(0, 0, 0, 0.04); content: ""; display: block; height: 112px; left: -100%; margin-top: -20px; position: absolute; right: 100%; width: 1000%; z-index: -1; } .content.left .tab-style-three, .content.right .tab-style-three { border-width: 1px; border-color: #F0F0F0; border-style: solid; } .content.left .tab-style-three .panes, .content.right .tab-style-three .panes { padding: 0 20px; } .tab-style-three .tabs .with_icon span { display: block; font-size: 22px; margin: auto auto 10px; text-align: center; z-index: 1; } .tab-style-three .tabs a, .tab-style-three .tabs .with_icon a { color: #898989; display: block; font-size: 13px; line-height: 100%; margin: 0; padding: 20px 30px; position: relative; text-align: center; text-decoration: none; outline: none; } .tab-style-three .tabs .with_icon span { display: block; font-size: 18px; margin: auto auto 10px; text-align: center; z-index: 1; position: static; width: auto; } .tab-style-three .tabs { border-color: #F0F0F0; border-style: solid; border-width: 0 0 1px; display: block; list-style: none outside none; margin: 0 !important; padding: 0 !important; } .tab-style-three .with_icon a > span:before { background: rgba(0, 0, 0, 0.25); color: #fff; display: block; height: 30px; line-height: 30px; width: 30px; } .tab-style-three ul.tabs a.current, .tab-style-three ul.tabs a.current:hover, .tab-style-three ul.tabs a:hover, .tab-style-three ul.tabs li.current a { border: medium none; -o-box-shadow: 0 40px 24px #fff inset; -moz-box-shadow: 0 40px 24px #fff inset; -webkit-box-shadow: 0 40px 24px #fff inset; box-shadow: 0 40px 24px #fff inset; } .tab-style-three ul.tabs { background: #F9F9F9; border: none; box-shadow: 0 -1px 0 #eee inset; } .tab-style-three .tabs .with_icon a.current > span:before { background: #378017; } .tab-style-three .pane { padding: 20px 0; } /* ---------------------------------------------------- 21) IMAGE EFFECT ------------------------------------------------------- */ .imgeffect { background: #fff; position: relative; overflow: hidden; max-width: 100%; } .imgeffect.single_image { display: inline-block; } .imgeffect img { display: block; overflow: hidden; width: 100%; max-width: 100%; } /* image effect rounded */ .imgeffect.rounded { border: 1px solid #F0F0F0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .imgeffect.rounded img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* icons */ .imgeffect a { position: absolute; padding: 10px 0; color: #fff; background: #FFC20F; right: 10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 30px; text-align: center; margin: 3px 0; z-index: 1; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; text-decoration: none; margin-left: -15px; left: 50%; } .imgeffect a:hover { color: #FFC20F; background: #fff; text-decoration: none; } /* location of icons before img hover */ .imgeffect a:first-child { top: 0; } .imgeffect a.single:first-child { margin-top: -21px; } .imgeffect a:nth-child(2) { bottom: 0; top: auto; } /* icons on img hover */ .imgeffect:hover a { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; right: 10px; text-decoration: none; font-weight: normal; } .imgeffect:hover a:first-child { top: 50%; margin-bottom: 0px; bottom: auto; left: 50%; } .imgeffect:hover a:nth-child(2) { top: auto; bottom: 50%; margin-top: 0px; } /* white background effect */ .imgeffect:after { background: transparent; height: 100%; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; right: 0; -webkit-transition: width 0.4s, box-shadow 1.6s; -moz-transition: width 0.4s, box-shadow 1.6s; -o-transition: width 0.4s, box-shadow 1.6s; transition: width 0.4s, box-shadow 1.6s; width: 0; box-shadow: 0; top: 0; border-right: 0px solid rgba(255, 255, 255, 0); content: ""; } .imgeffect:hover:after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); box-shadow: 1000px 0 0 0 rgba(255, 255, 255, 0.1) inset; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; width: 100%; } .imgeffect:hover > span { bottom: 0; opacity: 1; } .imgeffect > span { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.82); bottom: -100px; -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset; font-weight: bold; opacity: 0; padding: 10px; position: absolute; text-align: center; -webkit-transition: position 0.4s; -moz-transition: all 0.4s; -o-transition: position 0.4s; transition: all 0.4s; color: #777; width: 100%; line-height: 110%; z-index: 2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; font-size: 13px; } /* under rows with borders */ .with_borders .imgeffect { border: 0; border-radius: 0; display: block; } .with_borders .imgeffect img { border-radius: 0; } /* ---------------------------------------------------- 22) BLOG CAROUSEL & LATEST NEWS ------------------------------------------------------- */ /* title */ .latest-news a.title { display: block; text-decoration: none; color: #666; font-size: 15px; } .latest-news a.title:hover { text-decoration: underline; } /* featured image holder */ .latest-news .featured-image { position: relative; margin-bottom: 10px; } .latest-news .featured-image img { display: block; } /* date */ .latest-news .featured-image .date { position: absolute; bottom: 0; background: #378017; color: #fff; font-size: 11px; line-height: 100%; padding: 3px 10px; border-right: 1px solid rgba(255, 255, 255, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.4); } /* style 2 */ .latest-news-2 ul { list-style: none; padding: 0; margin: 0; display: block; width: 100%; } .latest-news-2 ul li { clear: both; content: " "; display: block; margin-bottom: 20px; } .latest-news-2 ul li:last-child { margin-bottom: 0; } .latest-news-2 ul li section:first-child { float: left; width: 65px; } .latest-news-2 ul li section:last-child { margin-left: 65px; position: relative; } .latest-news-2 img { display: block; margin-bottom: 10px; } .latest-news-2 .title { display: block; font-size: 15px; margin-bottom: 10px; text-decoration: none; color: #666; font-weight: bold; } .latest-news-2 a { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .latest-news-2 a.title:hover { color: #378017; } .latest-news-2 ul li a.read_more { text-decoration: none; } .latest-news-2 ul li a.read_more:hover { text-decoration: underline; } /* ---------------------------------------------------- 23) DATE BOX ------------------------------------------------------- */ div.date_box { border: 1px solid #e6e6e6; -moz-box-shadow: 0 0 0 1px #fff inset, 0 2px 0 rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0 0 0 1px #fff inset, 0 2px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 0 0 1px #fff inset, 0 2px 0 rgba(0, 0, 0, 0.04); width: 45px; overflow: hidden; padding: 10px 0 0 0; text-align: center; margin: 0 10px 0 0; display: block; background: rgba(0, 0, 0, 0.02); } div.date_box .day { display: block; font-size: 22px; padding-bottom: 5px; border-bottom: 1px solid #fff; } div.date_box .year { display: block; font-size: 10px; border-top: 1px solid #e6e6e6; background: rgba(255, 255, 255, 0.9); line-height: 28px; } /* ---------------------------------------------------- 24) SOCIAL SHARE TOGGLES ------------------------------------------------------- */ .social_share { font-size: 16px; display: inline-block; } .social_share .icon-share:before { background: #378017; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; margin-right: 10px; padding: 5px 10px; } .social_share .icon-share { cursor: s-resize; } .social_share:hover .icon-share:before { background: #fff; color: #378017; } .social_share .icon-share:before, .social_share .s_buttons { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .social_share .s_buttons { visibility: hidden; display: none; height: 0; border: 1px solid #378017; padding: 5px; margin: 0; max-width: 100%; position: relative; overflow: none; -webkit-box-shadow: 2px 15px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 15px 10px rgba(0, 0, 0, 0.15); box-shadow: 2px 15px 10px rgba(0, 0, 0, 0.15); z-index: 599; position: absolute; } .social_share:hover .s_buttons { visibility: visible; display: block; height: auto; } /* ---------------------------------------------------- 25) PRODUCTS ------------------------------------------------------- */ /* short info */ .product_info { padding: 0 10px; text-align: center; } .grid_title { text-align: center; } /* product images */ .product_images_holder { display: block; } .product_images { border: 1px solid #F0F0F0; background: #fff; overflow: hidden; padding: 10px; } .product_images .slider-carousel { border-top: 1px solid #F0F0F0; padding-top: 10px; } .product_item_holder { position: relative; } .carousel_items .product_item_holder { text-align: center; } .product_item_holder .featured_image { margin-bottom: 10px; padding: 10px; border: 1px solid #efefef; } .product_item_holder .featured_image img { margin: auto; } /* price old */ .price del { color: #bbb; padding: 0; margin-right: 5px; font-size: 14px; line-height: 14px; display: inline-block; } /* price new */ .price ins { border: 1px solid #F0F0F0; padding: 5px 10px; font-size: 14px; line-height: 14px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .product_meta { color: #aaa; font-size: 12px; } /* attached documents */ .doc_icons ul li span { font-size: 150%; } .doc_icons ul li a { color: #aaa; text-decoration: none; } .doc_icons ul li a:hover { text-decoration: underline; } /* with mousehover effect */ .with_effect .product_info { display: none; overflow: hidden; text-align: center; } .with_effect.with_borders .product_info { text-align: center; } .with_effect.with_borders .box:hover .product_info { padding: 20px 20px 0 20px; -o-box-shadow: 1px 0 0 #EFEFEF; -webkit-box-shadow: 1px 0 0 #EFEFEF; -moz-box-shadow: 1px 0 0 #EFEFEF; box-shadow: 1px 0 0 #EFEFEF; } .with_effect.with_borders .last.box:hover .product_info { -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .with_effect .box:hover .product_info { padding: 20px 10px 0 10px; } .with_effect .product_item_holder .featured_image { margin: 0; box-shadow: none; } .product_info h4, .product_item_holder h4 { font-size: 14px; } .with_effect .product_info h4 { font-size: 17px; line-height: 150%; } .with_effect .product_info .price del, .with_effect .product_info .price ins, .with_effect .product_info .price span { font-size: 15px; } .box_sizing.animated h4 a:before { content: "§™"; font-family: fontello; padding-right: 10px; opacity: 0.5; } .carousel_items .product_item_holder h4 { margin-top: 10px; } /* under rows with borders */ .with_borders .product_item_holder .featured_image { border: 0; padding: 20px; } .with_borders .product_info { padding: 15px; text-align: left; } .with_borders .grid_title { position: absolute; margin-top: -15px; top: 50%; width: 100%; } .product-category-thumbnail { float: left; height: 60px; margin-right: 10px; width: 60px; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.07); padding: 10px; } .product-showcase-categories h4 span { padding: 2px 10px; margin-left: 5px; background-color: rgba(0, 0, 0, 0.05); border-radius: 10px; text-align: center; } .product-category-description.with-cat-image p { margin-top: 10px; } .product-showcase-category .category-name { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.62); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-sizing: border-box; box-sizing: border-box; color: #fff; left: 20px; padding: 10px; position: absolute; text-align: center; bottom: 20px; width: calc(100% - 40px); opacity: 0; } .product-showcase-category:hover .category-name { opacity: 1; -ms-transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } /* ---------------------------------------------------- 26) PORTFOLIO ITEMS ------------------------------------------------------- */ .portfolio_boxes { padding: 0; margin: 0; list-style: none; } .portfolio_item_holder { position: relative; padding: 12px; border: 1px solid #efefef; } #container .portfolio_boxes .box { padding: 1px; position: relative; } .portfolio_carousel ul { margin: 0; padding: 0; } .portfolio_carousel li.box { float: left; margin: 0 10px; } .portfolio_info { margin: 20px 0 0; } /* filterable */ .isotope.portfolio_boxes li.box, .portfolio_boxes li.box.last { box-shadow: none; } .portfolio_item_holder .imgeffect { display: block; } .portfolio_boxes img { display: block; } /* project info */ .project_info { border-bottom: 1px solid #F0F0F0; margin-bottom: 20px; } .carousel_items .portfolio_info { text-align: center; } .portfolio_item_holder .featured_image { margin-bottom: 10px; } .portfolio_item_holder .featured_image.embedded { margin: 0; } /* ---------------------------------------------------- 27) FORMS ------------------------------------------------------- */ /* all form elements common */ .rt_form input[type="text"], .rt_form input[type="email"], .rt_form select, .rt_form textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 textarea, .rt_form input[type="date"], .wpcf7 input[type="date"], .rt_form input[type="tel"], .wpcf7 input[type="tel"], .rt_form input[type="number"], .wpcf7 input[type="number"], .rt_form input[type="url"], .wpcf7 input[type="url"] { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; position: relative; outline: none; padding: 14px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #8C8C8C; border: 1px solid #eee; background: #fff; -moz-box-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee; -webkit-box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee; box-shadow: inset 0 0 0 1px #fff, 1px 2px 0px #eee; width: 100%; } /* image buttons, checkbox and radio */ .rt_form input[type="image"], .rt_form input[type="checkbox"], .rt_form input[type="radio"] { width: auto; border: 0; padding: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .rt_form input[type="image"], .rt_form input[type="checkbox"], .rt_form input[type="radio"] { float: left; } /* buttons */ .rt_form input[type="button"], .rt_form input[type="submit"], .wpcf7-submit { padding: 10px 20px; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); color: #777; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8); background: url(../js/.com/2019/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.08))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#21000000', GradientType=0 ); } .rt_form input:focus, .rt_form select:focus, .rt_form textarea:focus { background: #FCFCFC; border: 1px solid #eee; -moz-box-shadow: inset 0 0 0 1px #fff, 0px 2px 2px #eee; -webkit-box-shadow: inset 0 0 0 1px #fff, 0px 2px 2px #eee; box-shadow: inset 0 0 0 1px #fff, 0px 2px 2px #eee; } .rt_form input[type="button"]:hover, .rt_form input[type="submit"]:hover { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: none; } .rt_form input[type="button"]:active, .rt_form input[type="submit"]:active { -webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.2); text-decoration: none; } .sidebar_content .rt_form input:focus, .sidebar_content .rt_form select:focus, .sidebar_content .rt_form textarea:focus, .sidebar_content .rt_form input[type="button"], .sidebar_content .rt_form input[type="submit"] { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* labels */ .rt_form label { display: block; float: none; line-height: 100%; padding: 0 0 7px 0; position: relative; color: #8B8B8B; } .rt_form label.error { display: none !important; } /* list in forms */ .rt_form ul { list-style-type: none; list-style-position: outside; border: 0; margin: 0 0 20px; padding: 0; display: block; background: 0; } .rt_form ul li { margin-bottom: 20px !important; border: 0; margin-left: 0; } .content .rt_form ul li.three { margin-left: 2%; width: 32%; } .sidebar .rt_form ul li:last-child { margin-bottom: 0; } /* math */ #math { padding: 10px; width: 45px; } .rt_form .math_label { display: inline; margin-right: 10px; } /* contact form shortcode */ i.decs_text { font-style: italic; color: #999; } /* form validation */ body .validate_form input[type="text"].error { background: #FCE8E8; color: #AD0505; } span.loading { display: inline; margin: 5px 0 0 5px; position: absolute; } .rt_form input[type="url"], .wpcf7 input[type="url"], .rt_form input[type="number"], .wpcf7 input[type="number"], .rt_form input[type="tel"], .wpcf7 input[type="tel"], .rt_form input[type="date"], .wpcf7 input[type="date"] { width: auto; max-width: 100%; } /* Contact Form 7 fixes*/ .wpcf7-submit { float: left; } .wpcf7-form p > br { margin-bottom: 4px; } span.wpcf7-list-item { margin-right: 10px; margin-left: auto; } /*---------------------------------------------------- 28) BLOCKQUOTES ----------------------------------------------------*/ blockquote { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 6px 0 15px 0; padding: 20px 40px; position: relative; background: #F9F9F9; display: inline-block; } blockquote p { font-family: "georgia", "times new roman", "times", serif; font-size: 16px; font-style: italic; line-height: 170%; } blockquote p:last-child { padding: 0; } blockquote.pullquote { width: 40%; } blockquote.pullquote.alignright { margin-left: 20px; } blockquote.pullquote.alignleft { margin-right: 20px; } blockquote p:first-child:before { content: "\f10d"; font-family: fontello; font-size: 22px; position: absolute; color: #ccc; left: 8px; top: 6px; } blockquote p:last-child:after { content: "\f10e"; font-family: fontello; font-size: 22px; position: absolute; color: #ccc; bottom: 2px; right: 10px; } /* ---------------------------------------------------- 29) PAGINATION ------------------------------------------------------- */ .paging_wrapper { text-align: center; display: block; clear: both; } ul.page-numbers { display: inline-table; margin: 0; position: relative; list-style-type: none; border: 1px solid #F0F0F0; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px #fff; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px #fff; } .page-numbers li { display: inline; float: left; } /* paging links */ .page-numbers li a, .page-numbers li > span { border: 0; overflow: hidden; height: 26px; display: block; text-align: center; text-decoration: none; line-height: 26px; padding: 5px 15px; font-size: 16px; color: #888; border-right: 1px solid #F0F0F0; } /* paging arrows */ .page-numbers .prev, .page-numbers .next { font-size: 22px; line-height: 22px; padding: 5px 15px; } .page-numbers li:last-child a { border-right: 0; } /* paging mouseover*/ .page-numbers li .current, .page-numbers li .dots { text-decoration: none; padding: 5px 15px; } ul.page-numbers li a:hover, ul.page-numbers li a:hover, ul.page-numbers li .current { text-decoration: none; color: #378017; background-color: #f8f8f8; } /* ---------------------------------------------------- 30) FILTER NAVIGATION ------------------------------------------------------- */ .filter-holder { display: block; text-align: center; position: relative; overflow: hidden; } .filter_navigation { display: inline-table; position: relative; margin: 0 0 30px 0; padding: 5px 20px 5px 10px; border: 1px solid #eee; -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); border-radius: 30px; } .filter_navigation ul { list-style: none; border-left: 1px solid #eee; } .filter_navigation li { display: inline; margin: 5px; } /* navigation item */ .filter_navigation li a { text-decoration: none; color: #888; border-left: 1px solid #eee; padding: 0 0 0 10px; cursor: pointer; font-size: 13px; outline: none; } .filter_navigation > li:first-child > a { border: 0; } /* active item color */ .filter_navigation li a.active, .filter_navigation li a:hover { color: #FFC20F; } /* active item icon */ .filter_navigation li a.active:before { color: #FFC20F; content: "?"; display: inline-block; font-family: 'fontello'; font-style: normal; font-variant: normal; font-weight: normal; outline: medium none; padding: 0; text-decoration: inherit; text-indent: 0; text-transform: none; margin-right: 7px; } .filter_navigation:after { background: #eee; bottom: -33px; content: "þš"; height: 1px; position: absolute; font-family: fontello; right: -150px; top: 18px; width: 150px; z-index: 0; color: #eee; text-indent: 154px; line-height: 2px; text-align: right; font-size: 9px; } .filter_navigation:before { background: #eee; bottom: -33px; color: #eee; content: "þš"; font-family: fontello; height: 1px; left: -150px; line-height: 2px; position: absolute; text-align: left; text-indent: -14px; top: 18px; width: 150px; z-index: 0; font-size: 9px; } /* ---------------------------------------------------- 32) FOOTER WIDGETS ------------------------------------------------------- */ .wide .footer_widgets_holder { display: block; padding: 0; } .footer_widgets_row { padding: 20px 0 20px; } .half-boxed .footer_widgets_holder { display: block; } .wide .content_footer { background: url(../images/btmbg.png) repeat; -o-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.02); -webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.02); -moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.02); box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.02); } .half-boxed .content_footer { margin-top: -20px; padding-top: 20px; } .footer_widgets { width: 1060px; margin: 0 auto; padding: 0; display: block; } .footer_widgets .box .box.one { width: 100%; margin: 0; padding: 0; } .footer_widgets .box .box.widget { margin-top: 20px; } .footer .featured_article_title { font-size: 18px; color: #888; } /* ---------------------------------------------------- 33) FOOTER ------------------------------------------------------- */ footer, #footer { padding: 5px 0 15px 0; color: #999999; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.06) inset; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.06) inset; background: #2b2c2d; overflow:hidden; } footer .footer_info { margin: 0 auto; width: 1040px; position: relative; display: block; padding: 10px 0 60px; } /* footer copyright text */ footer .part1 { float: left; display: inline; margin: 0; padding: 0; } footer .copyright { display: block; font-size: 12px; line-height: 180%; } footer .copyright a { text-decoration: none; } /* Social media icons */ footer ul.social_media_icons { float: right; margin: 0; padding: 0; } .btmlinks dl dt { color: #dddddd; text-decoration: none; font-weight: bold; line-height: 30px; font-size: 14px; } .btmlinks dl dt a { color: #dddddd; text-decoration: none; font-weight: bold; line-height: 30px; font-size: 14px; } .btmlinks dl dd a { color: #999; text-decoration: none; } .btmlinks dl dd a:hover { color: #eee; text-decoration: none; } .btmlinks dl dd { font-style: normal!important; margin: 0 !important; } .btmlinks .three dl dd { float: left; width: 50%; } .btmimg { color: #dddddd; } footer ul.social_media { font-size: 20px; } footer .social_media span { font-size: 14px; } footer .social_media p { float: right; padding: 0!important; color: #cccccc; } /* footer links */ ul.footer_links { line-height: 180%; font-size: 12px; display: block; color: #919191; padding: 0; } ul.footer_links a { text-decoration: none; color: #919191; } ul.footer_links a:hover { text-decoration: underline; } ul.footer_links { list-style: none; margin: 0 !important; } ul.footer_links li { list-style-position: outside; line-height: 100%; display: inline-block; padding: 0 6px; border-left: 1px solid #666; } ul.footer_links li:first-child { border-left: 0; padding-left: 0; } /* footer navigation items with icons */ ul.footer_links [class^="icon-"]:before, ul.footer_links [class*=" icon-"]:before { margin-right: 5px; line-height: 1; } /* ---------------------------------------------------- 34) HEADINGS ------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: '΢ÈíÑźÚ'; letter-spacing: 0; font-weight: normal; position: relative; padding: 0 0 10px 0; line-height: 140%; color: #666; margin: 0; } h1 { font-size: 28px; } h2, .single-products .head_text h1, .single-product .head_text h1 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } /* heading colors and links */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #666; text-decoration: none !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #378017; } .heading-style-2:before { background: #E0E0E0; bottom: -33px; color: #E0E0E0; content: "þš"; font-family: fontello; font-size: 9px; height: 1px; left: -40%; line-height: 2px; margin-left: -10px; position: absolute; text-align: left; text-indent: -10px; top: 18px; width: 40%; z-index: 0; } .heading-style-2:after { background: #E0E0E0; bottom: -33px; color: #E0E0E0; content: "þš"; font-family: fontello; font-size: 9px; height: 1px; line-height: 2px; margin-left: 20px; position: absolute; text-align: right; text-indent: 41%; top: 18px; width: 40%; z-index: 0; } .heading-style-2 { display: table; margin: auto; padding: 5px 10px; position: relative; text-align: center; } /* ---------------------------------------------------- 32) FRAMES & WP CAPTIONS ------------------------------------------------------- */ /* frame and captions common */ .frame, .wp-caption { padding: 6px; display: inline-block; position: relative; font-family: "Times New Roman", serif; font-style: italic; text-align: center; overflow: hidden; border: 1px solid #F0F0F0; -moz-box-box-shadow: 2px 2px 1px RGBa(0, 0, 0, 0.035); -webkit-box-shadow: 2px 2px 1px RGBa(0, 0, 0, 0.035); box-shadow: 2px 2px 1px RGBa(0, 0, 0, 0.035); max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .frame.block, .single-product-images .frame { display: block !important; width: auto; } /* Image Caption Texts */ .wp-caption-text { clear: both; display: block; padding: 8px 0 0 0 !important; } /* aligns */ .frame.alignleft, .wp-caption.alignleft { float: left !important; margin: 6px 20px 6px 2px; display: inline !important; position: relative; } .frame.alignright, .wp-caption.alignright { float: right !important; margin: 6px 2px 6px 20px; display: inline !important; position: relative; } .frame img, .wp-caption img { display: inline-block; position: relative; border: 1px solid #FBFBFB; max-width: 100%; height: auto; } .aligncenter .frame { margin: 2px 0 0 0 !important; } .wp-caption.aligncenter { display: block !important; margin: 5px auto 10px; } /* ---------------------------------------------------- 33) PHOTO GALLERY ------------------------------------------------------- */ .photo_gallery { list-style: none; margin: 0; padding: 0; } .photo_gallery .gallery-caption-text { font-style: italic; padding: 0 5px; display: block; color: #999999; font-size: 14px; line-height: 30px; } .photo_gallery li { margin-bottom: 20px; } /* WP gallery */ .gallery-item img { border: 2px solid #CFCFCF; } /* ---------------------------------------------------- 34) LAYER SLIDER ADD-ONS ------------------------------------------------------- */ .half-boxed .ls-bottom-nav-wrapper { bottom: 20px; } body .ls-fullwidth .ls-nav-start, body .ls-fullwidth .ls-nav-stop, body .ls-fullwidth .ls-nav-prev, body .ls-fullwidth .ls-nav-next, body .ls-fullwidth .ls-bottom-slidebuttons a { text-align: center; text-decoration: none; color: rgba(255, 255, 255, 0.4) !important; background-color: rgba(0, 0, 0, 0.3); font-family: 'fontello'; background-image: none; } body .ls-fullwidth .ls-bottom-slidebuttons a { background-color: transparent; } body .ls-fullwidth .ls-nav-prev, body .ls-fullwidth .ls-nav-next { font-size: 25px; line-height: 40px !important; } body .ls-fullwidth .ls-nav-start:hover, body .ls-fullwidth .ls-nav-stop:hover, body .ls-fullwidth .ls-nav-prev:hover, body .ls-fullwidth .ls-nav-next:hover, body .ls-fullwidth .ls-bottom-slidebuttons a:hover { color: rgba(255, 255, 255, 0.7) !important; } body .ls-fullwidth .ls-nav-next:before { content: '\e75e'; } body .ls-fullwidth .ls-nav-prev:before { content: '\e75d'; } body .ls-fullwidth .ls-nav-start:before { content: '\f105'; } body .ls-fullwidth .ls-nav-stop:before { content: '\e831'; } body .ls-fullwidth .ls-bottom-slidebuttons a:before { content: '\e85e'; } body .ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active:before { content: '\e85d'; } body .ls-thumbnail-wrapper { bottom: 140px; } body .ls-fullwidth .ls-nav-start, body .ls-fullwidth .ls-nav-stop { width: auto; height: auto; line-height: 100% !important; padding: 4px 10px !important; } .portfolio_info { font-size:12px!important; } .half-boxed .rev_slider_wrapper .tp-bullets { margin-bottom: 30px; } /* ---------------------------------------------------- 35) INFO BAR ------------------------------------------------------- */ /* Info bar general style */ .info_bar { display: block; } /* sections of the info bar */ .info_bar .heading { width: 95%; float: left; padding: 10px 0; } .heading h2 { display: inline-block; } .info_bar .breadcrumb { width: 95%; float: left; } /* info bar inside fullwidth page content */ section.content .info_bar { border-bottom: 1px solid #F0F0F0; margin: 0 10px 20px; padding: 0 0 9px; width: auto; } /* info bar inside the top content section */ .top_content .info_bar { margin: auto; padding: 35px 0 30px; width: 1040px; } .half-boxed .top_content .info_bar { padding: 70px 0 30px; } /* margin fix for template builder */ section.content .row .info_bar { margin: 0 0 20px; } /* page heading */ .heading h1, .heading h2 { font-size: 18px; line-height: 100%; padding: 0; } /* page heading - info bar inside the top content section */ .top_content .heading h1, .top_content .heading h2 { font-size: 21px; line-height: 100%; padding: 0; color: #fff; } /* ---------------------------------------------------- 36) BREADCRUMB MENU ------------------------------------------------------- */ .breadcrumb { font-weight: normal; font-size: 12px; text-align: left; line-height: 18px; color: #fff; } .breadcrumb div { display: inline; } .only_breadcrumb .breadcrumb { text-align: left; } /* Breadcrumb Menu in pages with a sidebar */ div.breadcrumb { clear: both; position: relative; display: block; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 20px; line-height: 100%; color: #fff; } div.breadcrumb a { color: #fff; text-decoration: none; } div.breadcrumb a:hover { text-decoration: none; color: #fff; } .breadcrumb a { color: #fff; text-decoration: none; } .breadcrumb a:hover { color: #fff; text-decoration: none; } /* Breadcrumb Menu in top content bar */ .top_content .breadcrumb { margin-top: 5px; line-height: 100%; } .top_content .breadcrumb a, .top_content .breadcrumb span { text-decoration: none; } .top_content .breadcrumb span.icon-angle-right { padding: 0 5px; } .top_content .breadcrumb a:hover, .top_content .breadcrumb a:hover span { text-decoration: none; text-shadow: none; } .breadcrumb a.icon-home:before { margin-right: 5px; line-height: 100%; } /* ---------------------------------------------------- 37) LISTS ------------------------------------------------------- */ dd { color: #888; } /* header content lists */ #header_contents ul { margin-bottom: 0; } ul, ol { list-style: disc; margin: 0 0 20px 17px; } ul ul, ol ol { list-style: circle; padding: 0; margin: 0; } ul ul ul, ol ol ol { list-style: square; padding: 0 10px; margin: 0 0 10px 0; } ol { list-style: decimal; } ol ol { list-style: lower-latin; } ol ol ol { list-style: lower-roman; } ul ul li, ol ol li { margin: 5px 0 5px 15px; } dl { margin: 0 0 20px 0; } dd { margin: 5px 0 5px 15px; font-style: italic; } /* list with icons */ ul.with_icons { list-style: none; margin: 0 0 20px 0; display: inline-block; width: 100%; } ul.with_icons.big_icons { margin: 0; } ul.with_icons ul { margin: 0 0 0 22px; } .with_icons > li span { padding-right: 6px; color: #848484; } /* light colored icons */ .with_icons.light > li span { color: #BEBEBE; } /* colored icons */ .with_icons.colored > li span { color: #378017; } /* medium font size lists */ .medium_size { font-size: 120%; line-height: 160%; } /* big font size lists */ .big_size { font-size: 150%; line-height: 180%; } .with_icons li span:before { min-width: 18px; text-align: center; } .with_icons li span { float: left; } .with_icons p { padding: 0; margin-left: 27px; } .with_icons.big_icons p { margin-left: 32px; } .with_icons.icon_borders p { margin-left: 70px; } .with_icons.big_icons li span { display: block; font-size: 20px; position: relative; text-align: center; float: left; } .with_icons.icon_borders li span { border: 1px solid #848484; height: 30px; line-height: 30px; padding: 10px; width: 30px; } .with_icons.icon_borders.light li span { border: 1px solid #BEBEBE; } .with_icons.icon_borders.colored li span { border: 1px solid #378017; } .with_icons li.last:after { clear: both; content: ""; display: block; margin-bottom: 2px; } .with_icons.big_icons li.last:after { margin-bottom: 20px; } .with_icons > li:after { content: ""; display: table; clear: both; } /* ---------------------------------------------------- 38) TABLES ------------------------------------------------------- */ table { /*width:auto;*/ border-collapse: separate; border-spacing: inherit; margin: 0 0 20px 0; padding: 0; border: 1px solid #F5F5F5; max-width: 100%; } table caption strong { text-align: left; font-size: 14px; line-height: 20px; font-weight: bold; } table caption { text-align: left; padding: 0 0 10px 3px; font-style: italic; } table th { padding: 13px; background: #F5F5F5; border-left: 1px solid #F5F5F5; } table td { padding: 10px; margin: 10px; border-bottom: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5;border-top: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; } /* Sidebar Tables */ .sidebar_content table { width: 180px; padding: 0; border-right: 1px solid #808080; border-top: 1px solid #808080; } .sidebar_content table th { padding: 5px; font-size: 12px; border-left: 1px solid #808080; border-bottom: 1px solid #808080; } .sidebar_content table td { padding: 4px; text-align: left; margin: 10px; border-bottom: 1px solid #808080; border-left: 1px solid #808080; } /*---------------------------------------------------- 39) TEXT ELEMENTS ----------------------------------------------------*/ pre { line-height: 18px; margin-bottom: 18px; } code { display: block; margin: 0 0 20px 0; padding: 0 10px; font-weight: normal; font-size: 12px; font-family: "Courier New", Courier, Consolas, Monospace; line-height: 18px; overflow: auto; white-space: pre; background: #EDEDED url(../images/code.gif); border: 1px solid #EDEDED; color: #666666; } ins { text-decoration: none; } sup { bottom: 1ex; } sub { top: .5ex; } /* paragraph */ p { padding: 0 0 16px 0; } p.aligncenter { display: block; } .text_box > p:last-child { padding-bottom: 0; } /* dropcaps */ span.dropcap { color: #FFFFFF; display: block; float: left; font-size: 22px; height: 33px; line-height: 34px; margin: 4px 8px 3px 0; padding: 1px 0 0 2px; text-align: center; width: 32px; background: #555; border-radius: 40px; } span.dropcap.style2 { font-size: 42px; line-height: 42px; background: none; width: auto; height: auto; color: #585858; padding: 0; } /* Highlighted Texts */ /*blue*/ span.htext { padding: 3px 4px; color: #fff; background: #269bc6; } /*yellow*/ span.yellow { padding: 3px 4px; color: #000; background: #ffbf00; } /*black*/ span.black { padding: 3px 4px; color: #fff; background: #000; } span.black.ttip { color: #666; background: none !important; } /*red*/ span.red { padding: 3px 4px; color: #fff; background: #C10101; } /*---------------------------------------------------- 40) NATIVE WIDGETS ----------------------------------------------------*/ /* WP calendar*/ table#wp-calendar { width: 100%; } table#wp-calendar, table#wp-calendar td, table#wp-calendar th { text-align: center; } table#wp-calendar th, table#wp-calendar td { padding: 5px; } .tagcloud { margin: 0 0 10px 0; } .widget_search ul { margin: 0; } .widget_archive ul, .widget_links ul, .widget_nav_menu ul, .widget_categories ul, .widget_meta ul, .widget_recent_entries ul, .widget_pages ul, .widget_rss ul, .widget_recent_comments ul, .widget_rt_categories ul, .widget_product_categories ul { list-style: none; margin: 0; padding: 0; color: #999; } .widget_archive ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_categories ul li, .widget_meta ul li, .widget_recent_entries ul li, .widget_pages ul li, .widget_rss ul li, .widget_recent_comments ul li, .widget_rt_categories ul li, .widget_product_categories ul li { margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 0 0 0 0; } .widget_archive ul li:last-child, .widget_links ul li:last-child, .widget_nav_menu ul li:last-child, .widget_categories ul li:last-child, .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child, .widget_pages ul li:last-child, .widget_rss ul li:last-child, .widget_recent_comments ul li:last-child, .widget_rt_categories ul li:last-child, .widget_product_categories ul li:last-child { border-bottom: 0; margin: 0; } .widget_archive ul li li:last-child, .widget_links ul li li:last-child, .widget_nav_menu ul li li:last-child, .widget_categories ul li li:last-child, .widget_meta ul li li:last-child, .widget_recent_entries ul li li:last-child, .widget_pages ul li li:last-child, .widget_rss ul li li:last-child, .widget_recent_comments ul li li:last-child, .widget_rt_categories ul li li:last-child, .widget_product_categories ul li li:last-child { margin: 0 0 10px 0; } .widget_archive ul li li:last-child a, .widget_links ul li li:last-child a, .widget_nav_menu ul li li:last-child a, .widget_categories ul li li:last-child a, .widget_meta ul li li:last-child a, .widget_recent_entries ul li li:last-child a, .widget_pages ul li li:last-child a, .widget_rss ul li li:last-child a, .widget_recent_comments ul li li:last-child a, .widget_rt_categories ul li li:last-child a, .widget_product_categories ul li li:last-child a { padding: 0 0 0px 10px; } .widget ul li.current-menu-item > a, .widget_rt_categories ul li.current-cat > a, .widget_product_categories ul li.current-cat > a { color: #378017; } .widget_archive ul li a, .widget_links ul li a, .widget_nav_menu ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_pages ul li a, .widget_rss ul li a, .widget_recent_comments ul li a, .widget_rt_categories ul li a, .widget_product_categories ul li a { position: relative; display: inline-block; text-decoration: none; color: #777; padding: 0 0 10px 0; line-height: 150%; font-style: normal; } .widget_archive ul li li a, .widget_links ul li li a, .widget_nav_menu ul li li a, .widget_categories ul li li a, .widget_meta ul li li a, .widget_recent_entries ul li li a, .widget_pages ul li li a, .widget_rss ul li li a, .widget_recent_comments ul li li a, .widget_rt_categories ul li li a, .widget_product_categories ul li li a { padding: 0 0 0 10px; } .widget_archive ul li a:hover, .widget_links ul li a:hover, .widget_nav_menu ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover, .widget_pages ul li a:hover, .widget_rss ul li a:hover, .widget_recent_comments ul li a:hover, .widget_rt_categories ul li a:hover, .widget_product_categories ul li a:hover { color: #378017; } /* Second level menu */ .widget_archive ul ul, .widget_links ul ul, .widget_nav_menu ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_recent_entries ul ul, .widget_pages ul ul, .widget_rss ul ul, .widget_recent_comments ul ul, .widget_rt_categories ul ul, .widget_product_categories ul ul { list-style: none; list-style-position: inside !important; margin: 0; padding: 10px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.07); } .widget_archive ul li ul li, .widget_links ul li ul li, .widget_nav_menu ul li ul li, .widget_categories ul li ul li, .widget_meta ul li ul li, .widget_recent_entries ul li ul li, .widget_pages ul li ul li, .widget_rss ul li ul li, .widget_recent_comments ul li ul li, .widget_rt_categories ul li ul li, .widget_product_categories ul li ul li { background: none; position: relative; left: 0; width: auto; border-bottom: 0px; background: url(../images/arrow.gif) 0 8px no-repeat; } .widget_archive ul li ul li a, .widget_links ul li ul li a, .widget_nav_menu ul li ul li a, .widget_categories ul li ul li a, .widget_meta ul li ul li a, .widget_recent_entries ul li ul li a, .widget_pages ul li ul li a, .widget_rss ul li ul li a, .widget_recent_comments ul li ul li a, .widget_rt_categories ul li ul li a, .widget_product_categories ul li ul li a { position: relative; text-decoration: none; color: #666; } .widget_archive ul ul ul, .widget_links ul ul ul, .widget_nav_menu ul ul ul, .widget_categories ul ul ul, .widget_meta ul ul ul, .widget_recent_entries ul ul ul, .widget_pages ul ul ul, .widget_rss ul ul ul, .widget_recent_comments ul ul ul, .widget_rt_categories ul ul ul, .widget_product_categories ul ul ul { border-top: 0; padding: 10px 0 0 10px; } .widget_rss .rsswidget img { display: inline; } .widget cite { color: #A6A6A6; font-weight: bold; } .widget_rss cite { margin: 10px 0; display: block; font-style: normal; } .rss-date { font-family: "Times New Roman", serif; font-style: italic; font-size: 10px; letter-spacing: 1px; color: #AAAAAA; line-height: 22px; display: block; } .sticky { } .gallery-caption { } .bypostauthor { } .entry-thumbnail img { height: auto; max-width: 100%; } .widget_text { padding-bottom: 20px; } select.menu.dropdown-menu { z-index: 2; } .dropdown-menu-widget { padding-bottom: 20px; } .widget_nav_menu [class^="icon-"]:before, .widget_nav_menu [class*=" icon-"]:before { padding-right: 5px; } /* ---------------------------------------------------- 41) IMAGE ALIGNMENTS ------------------------------------------------------- */ /* image alignments */ .imgeffect.aligncenter, .entry-thumbnail.aligncenter, img.aligncenter { text-align: center; margin: auto; padding: 0px; border: 0px; background: none; max-width: 100%; } .imgeffect.aligncenter, .entry-thumbnail.aligncenter { margin: 20px auto; max-width: 100%; } .imgeffect.alignleft, .entry-thumbnail.alignleft, img.alignleft { float: left; margin: 6px 20px 6px 0; display: inline; border: 0px; background: none; padding: 0; display: block; max-width: 100%; } .imgeffect.alignright, .entry-thumbnail.alignright, img.alignright { padding: 0; float: right; margin: 6px 0 6px 20px; border: 0px; display: block; background: none; max-width: 100%; } /*---------------------------------------------------- 42) COMMENTS ------------------------------------------------------- */ .rt_comments { margin: 0; width: 100%; overflow: hidden; } /* comment notes */ .comment-notes { font-style: italic; color: #aaa; } /* comments title */ .rt_comments #comments-title, #reply-title { margin: 0; line-height: 100% !important; padding: 0 0 30px; font-size: 16px; } /* reply icon */ #reply-title:before { content: "\e720"; font-family: "fontello"; margin-right: 10px; color: #378017; } /* comments list holder */ .rt_comments ol.commentlist { list-style: none outside none; margin: 0; position: relative; } /* items */ .rt_comments ol.commentlist ul.children { background: none repeat scroll 0 0 #fff; border: 0 none; list-style: none outside none; margin: 20px 0 0 60px; padding: 0; } .rt_comments ol.commentlist > li { list-style-position: outside; float: none; clear: both; display: block; border: 0; padding: 0; margin: 0 0 20px; } /* avatar */ .rt_comments ol.commentlist > li .comment-avatar { float: left; padding: 0; width: 58px; } .rt_comments ol.commentlist > li .comment-avatar img { display: block; } /* comment body holder */ .rt_comments ol.commentlist li .comment-body { margin-left: 78px; position: relative; } /* comment links */ .rt_comments ol.commentlist li a, .cancel-reply a { color: #818181; } .rt_comments ol.commentlist li a:hover { color: #464646; } .rt_comments ol.commentlist li .comment-body .comment-meta a, #cancel-comment-reply-link { color: #9F9F9F; font-family: Arial, sans-serif; } #cancel-comment-reply-link { text-decoration: underline; font-size: 13px; } .rt_comments ol.commentlist li .comment-body .comment-meta, .cancel-reply { color: #818181; } .rt_comments ol.commentlist li .comment-body .comment-meta .comment-reply { background: #E4E4E4; text-decoration: none; } .rt_comments ol.commentlist li .comment-body .comment-meta .comment-reply a:hover, .rt_comments ol.commentlist li .comment-body .comment-meta .comment-reply:hover a { color: #fff; } .rt_comments ol.commentlist li .comment-body .comment-meta .comment-reply:hover { background: #B7B7B7; } .rt_comments ol.commentlist li a, .rt_comments ol.commentlist li a:hover { text-decoration: none; } /* comment author */ .rt_comments .comment-author { display: block; height: 24px; } .rt_comments ol.commentlist li .comment-body .comment-author { font-size: 11px; } /* author name */ .rt_comments ol.commentlist li .comment-body .author-name { font-size: 13px; float: left; font-weight: bold; color: #818181; } /* positions & other settings */ .rt_comments ol.commentlist li .comment-body .comment-meta, #cancel-comment-reply-link { position: relative; float: right; } .rt_comments ol.commentlist li .comment-body .comment-meta .comment-reply { padding: 4px 8px; margin: 0 0 0 5px; } .rt_comments .cancel-reply { position: absolute; margin: 2px 0 0 10px; } /* commententry navigation */ .commententry .navigation { display: block; width: 100%; } .commententry .navigation > div, .commententry .navigation a { background: #378017; color: #fff; text-decoration: none; } .commententry .navigation > div:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .commententry .navigation .nav-previous { float: left; } .commententry .navigation .nav-next { float: right; } .rt_comments .text-boxes ul { margin: 0; padding: 0; } /* comment holder */ .rt_comments .comment-holder { background: none repeat scroll 0 0 #fff; border-color: #EFEFEF; border-style: solid; border-width: 1px; padding: 20px; position: relative; z-index: 2; -o-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -o-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.02); -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 2px rgba(0, 0, 0, 0.02); } .rt_comments .commentlist .children .comment-holder { border-width: 1px; } /* comment vertical line */ .rt_comments .commentlist > li:before { border-top: 2px dashed #EFEFEF; content: ""; display: table; height: 1px; left: 0; margin-top: 24px; position: absolute; right: 0; width: 100%; z-index: 1; } /* sub comment horizontal line */ .rt_comments .commentlist .children > li:before { border-top: 2px dashed #EFEFEF; content: ""; display: table; height: 1px; left: 40px; margin-top: 24px; position: absolute; right: 0; width: 100%; z-index: 1; } /* sub comment vertical line */ .rt_comments .commentlist .children > li:after { border-left: 2px dashed #EFEFEF; content: ""; display: block; height: 100%; left: 30px; margin-top: 24px; position: absolute; right: 0; top: 0; width: 1px; z-index: 1; } /* comment text */ .rt_comments .comment-text { display: inline-block; padding: 10px 0 0 0; } .rt_comments ol.commentlist li p { color: #818181; } .rt_comments ol.commentlist li p:last-child { padding: 0; } /* respond */ #respond { clear: both; display: block; } li.comment #respond { border-top: 1px solid #F0F0F0; margin-top: 40px; padding: 40px 0 0; } /* form allowd tags */ .form-allowed-tags code { overflow: hidden; } .form-allowed-tags code:hover { overflow: auto; } /* ---------------------------------------------------- 43) SOCIAL MEDIA ICONS ------------------------------------------------------- */ /* social media holder */ .social_media { margin: 0; padding: 0; list-style: none; position: relative; display: inline-block; } .social_media li { float: left; width: 24px; height: 24px; margin: 0 4px 4px 0; } /* first & lat items */ .social_media li:first-child, #top_bar .social_media li:first-child { margin-left: 0; } .social_media li:last-child, #top_bar .social_media li:last-child { margin-right: 0; } /* item link */ .social_media li a { display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #bbb; color: #fff; text-decoration: none; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } /* hover position */ .social_media li a:hover { color: #fff; height: 29px; margin-top: -5px; } /* item desc */ .social_media li span { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: none; width: 100%; position: absolute; left: 0; text-align: center; font-size: 11px; line-height: 140%; text-decoration: none; bottom: 40px; padding: 4px 0px; cursor: default; position: absolute; text-indent: 0; color: #fff; z-index: -999; -webkit-transition: bottom .2s; -moz-transition: bottom .2s; -o-transition: bottom .2s; transition: bottom .2s; } /* item desc hover position */ .social_media li:hover span { bottom: 33px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; z-index: 999; min-width: 70px; } /* top social media */ #top_bar .social_media, footer .social_media { float: right; } #top_bar .social_media li { margin: 0 0 0 4px; } #top_bar .social_media li { float: left; width: 22px; height: 20px; } #top_bar .social_media li a { width: 22px; height: 20px; line-height: 20px; font-size: 12px; } #top_bar .social_media li a:hover { height: 28px; margin-top: 0; } #top_bar .social_media li span { top: 48px; bottom: auto; -webkit-transition: top .2s; -moz-transition: top .2s; -o-transition: top .2s; transition: top .2s; } #top_bar .social_media li:hover span { top: 26px; } .social_media [class^="icon-"]:before, .social_media [class*=" icon-"]:before { margin-left: 1.5px; } /* social media colors */ .social_media li:hover a, .social_media li:hover span { background-color: #bbb; } /*unbranded*/ .social_media li.facebook:hover a, .social_media li.facebook:hover span { background-color: #3B5998 !important; } .social_media li.twitter:hover a, .social_media li.twitter:hover span { background-color: #10c0ee !important; } .social_media li.gplus:hover a, .social_media li.gplus:hover span { background-color: #e3614a !important; } .social_media li.flickr:hover a, .social_media li.flickr:hover span { background-color: #ff3092 !important; } .social_media li.mail:hover a, .social_media li.mail:hover span { background-color: #378017 !important; } .social_media li.lastfm:hover a, .social_media li.lastfm:hover span { background-color: #da260e !important; } .social_media li.dribbble:hover a, .social_media li.dribbble:hover span { background-color: #EA4C89 !important; } .social_media li.linkedin:hover a, .social_media li.linkedin:hover span { background-color: #006e99 !important; } .social_media li.vimeo:hover a, .social_media li.vimeo:hover span { background-color: #0ec4ef !important; } .social_media li.youtube-play:hover a, .social_media li.youtube-play:hover span { background-color: #f3554f !important; } .social_media li.instagram:hover a, .social_media li.instagram:hover span { background-color: #7b6455 !important; } .social_media li.behance:hover a, .social_media li.behance:hover span { background-color: #228cff !important; } .social_media li.dropbox:hover a, .social_media li.dropbox:hover span { background-color: #499dd6 !important; } .social_media li.picasa:hover a, .social_media li.picasa:hover span { background-color: #aa7bbc !important; } .social_media li.rss:hover a, .social_media li.rss:hover span { background-color: #fd8900 !important; } .social_media li.skype:hover a, .social_media li.skype:hover span { background-color: #00b0e1 !important; } .social_media li.stumbleupon:hover a, .social_media li.stumbleupon:hover span { background-color: #6cc977 !important; } .social_media li.pinterest:hover a, .social_media li.pinterest:hover span { background-color: #d62930 !important; } .social_media li.github:hover a, .social_media li.github:hover span { background-color: #888 !important; } .social_media li.tumblr:hover a, .social_media li.tumblr:hover span { background-color: #456885 !important; } .social_media li.spotify:hover a, .social_media li.spotify:hover span { background-color: #afd102 !important; } .social_media li.evernote:hover a, .social_media li.evernote:hover span { background-color: #6fbd45 !important; } .social_media li.flattr:hover a, .social_media li.flattr:hover span { background-color: #f7af30 !important; } .social_media li.paypal:hover a, .social_media li.paypal:hover span { background-color: #003f70 !important; } .social_media li.vkontakte:hover a, .social_media li.vkontakte:hover span { background-color: #2f6893 !important; } .social_media li.soundcloud:hover a, .social_media li.soundcloud:hover span { background-color: #F76700 !important; } .social_media li.foursquare:hover a, .social_media li.foursquare:hover span { background-color: rgb(36,178,237) !important; } .social_media li.delicious:hover a, .social_media li.delicious:hover span { background-color: rgb(51,153,255) !important; } .social_media li.forrst:hover a, .social_media li.forrst:hover span { background-color: rgb(90,153,103) !important; } .social_media li.ebay:hover a, .social_media li.ebay:hover span { background-color: rgb(221,59,74) !important; } .social_media li.android:hover a, .social_media li.android:hover span { background-color: rgb(128,189,1) !important; } .social_media li.xing:hover a, .social_media li.xing:hover span { background-color: rgb(210,214,0) !important; } .social_media li.reddit:hover a, .social_media li.reddit:hover span { background-color: rgb(255,69,0) !important; } .social_media li.digg:hover a, .social_media li.digg:hover span { background-color: rgb(0,0,0) !important; } .social_media li.macstore:hover a, .social_media li.macstore:hover span { background-color: rgb(27,189,251) !important; } .social_media li.myspace:hover a, .social_media li.myspace:hover span { background-color: rgb(9,17,164) !important; } .social_media li.amazon:hover a, .social_media li.amazon:hover span { background-color: rgb(245,147,24) !important; } .social_media li.stackoverflow:hover a, .social_media li.stackoverflow:hover span { background-color: rgb(254,122,21) !important; } /* ---------------------------------------------------- 44) 404 PAGE ------------------------------------------------------- */ .page-404 { padding: 40px 0; } .page-404 .first { text-align: center; } .page-404 .first span { font-size: 250px; line-height: 250px; display: inline-block; color: #eee; } .page-404 h1 { font-size: 100px; line-height: 140px; } /* ---------------------------------------------------- 45) ARCHIVES ------------------------------------------------------- */ .hr:after, .content_block.archives .head_text h1:after, .content_block.archives .head_text h2:after { border-color: #F0F0F0; border-image: none; border-style: solid none none; border-width: 1px; color: #F0F0F0; height: 52px; margin: 0; position: relative; top: 26px; width: 100%; content: ""; display: table; } .content_block.archives .head_text h1, .content_block.archives .head_text h2 { color: #aaa; font-size: 19px; font-style: oblique; } /* ---------------------------------------------------- 46) AUTHOR INFO ------------------------------------------------------- */ .author-info { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; display: table; padding: 20px; } .author-avatar { display: inline-table; margin-right: 20px; width: 80px; } .author-description { display: table-cell; vertical-align: middle; width: 100%; } .author-title { /*font-size: 15px;*/ font-weight: bold; } .author-description .author-bio { margin: 0; padding: 0; } /*---------------------------------------------------- 47) ADDITIONAL STYLES ----------------------------------------------------*/ /* animate */ .animate { -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* gogle map fix */ .google_map img { max-width: none !important; } .google_map_holder { color: #666; } /* no alignment */ .alignnone { max-width: 100%; height: auto; } /* clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* label images */ .content_area label img { display: inline-block; } /* fontello fix */ body [class^="icon-"]:before, body [class*=" icon-"]:before { width: auto; margin-right: auto; line-height: inherit; margin-left: auto; } body span.icon { margin-right: 0.2em; } /* Responsive video container for embedded videos */ #text-box-index-22 .video-container { padding-top: 30px; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Columns with borders */ .with_borders > .box { margin: 0 !important; padding: 0 !important; position: relative; } .with_borders > .box { border-color: #F0F0F0; border-left-width: 1px; border-bottom-width: 1px; border-style: solid; } .with_borders > .first-row.box { border-top-width: 1px; } .with_borders > .first-row.box { border-top-width: 1px; } .with_borders > .last-row.box { border-bottom-width: 1px; } .with_borders > .last-row.box:last-child, .with_borders > .box.last { box-shadow: 1px 0 0 #F0F0F0; } .with_borders.no_top_border > .first-row.box { border-top-width: 0; } .with_borders.no_bottom_border > .last-row.box { border-bottom-width: 0; } .with_borders.no_tb_border > .first-row.box:before, .with_borders.no_tb_border > .first-row.box:after { top: 0; } .row.with_borders > .box.grid-title { background: transparent; min-height: 100px; } .row.with_borders .featured_image { background-color: #fff; margin-bottom: 0; } .row.with_borders > .box { background: rgba(0, 0, 0, 0.01); } .with_borders .featured_image, .with_borders .box:hover .featured_image { box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); } /* Corner border effect */ .with_borders .box:before, .portfolio_boxes .box:before { background: #378017; content: ""; display: block; height: 2px; left: 1px; position: absolute; top: 1px; width: 10px; z-index: 2; } .with_borders .box:after, .portfolio_boxes .box:after { background: #378017; content: ""; display: block; height: 10px; left: 1px; position: absolute; top: 1px; width: 2px; } .with_borders .box:before { height: 2px; left: -1px; top: -1px; } .with_borders .box:after { width: 2px; left: -1px; top: -1px; } .with_borders .box:hover:after, .with_borders .box:hover:before, .portfolio_boxes .box:hover:after, .portfolio_boxes .box:hover:before { -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .with_borders .box:hover:after, .portfolio_boxes .box:hover:after { height: 80px; } .with_borders .box:hover:before, .portfolio_boxes .box:hover:before { width: 80px; } .product-showcase-categories .with_borders .box:hover:after { height: 40px; } .product-showcase-categories .with_borders .box:hover:before { width: 40px; } .with_borders .box.grid-title:before, .with_borders .box.grid-title:after { width: 0; } /* edit template button */ #wp-admin-bar-edit-template { cursor: pointer; } #wp-admin-bar-edit-template > .ab-item:before { content: "?"; } /* scroll animations */ .js .labthink_content_animations [data-rt-animate="animate"] { opacity: 0; } .js .labthink_content_animations [data-rt-animate="animated"], .js .labthink_content_animations .animated, .js .labthink_content_animations.mobile_device [data-rt-animate="animate"] { opacity: 1; } .no-js .labthink_content_animations [data-rt-animate="animate"] { opacity: 1; } .img_loaded img { opacity: 1; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .img_loading { background: url(../images/loading.gif) center center no-repeat !important; } .img_loading img { opacity: 0; } .no-js .img_loading { background: inherit; } .no-js .img_loading img { opacity: 1; } /* parallax backgrounds */ .rt-parallax-background { width: 100%; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; overflow: hidden; z-index: 0; } .full_width_image { height: auto; left: 0; min-height: 100%; min-width: 1024px; position: absolute; top: 0; width: 100%; } /* page loading */ .labthink_loading { overflow: hidden; } .labthink_loading, body.labthink_loading:before { content: ""; height: 100%; position: fixed; width: 100%; z-index: 99999999; background: #fff url(../images/AjaxLoader.gif) no-repeat center center; left: 0; top: 0; } .no-js .labthink_loading { overflow: visible; display: none; } .no-js .labthink_loading:before { content: none; } /* event calendar plugin */ #tribe-events-pg-template { max-width: 1060px; } /* blank columns */ .box.blank_box { background: transparent !important; } /* ---------------------------------------------------- 48) RESPONSIVE VALUES - MEDIA QUERIES ------------------------------------------------------- */ /* Large display 960px - 1049px */ @media only screen and (min-width: 960px) and (max-width: 1099px) { .responsive #header > section, .responsive .content_area { width: 980px; } .responsive .footer_widgets { width: 960px; } .responsive .top_bar_container { width: 940px; } .responsive .top_content .info_bar, .responsive footer .footer_info { width: 940px; } .responsive .content_block { width: 960px; } body.responsive { min-width: 980px; } .responsive.boxed-body { max-width: 980px; } .responsive .top_content .flex-caption, .responsive .full_width_row .flex-caption { margin: auto auto auto -470px; width: 940px; } /* Navigation Widts */ .responsive #navigation_bar, .responsive .multicolumn-holder, .responsive.menu-style-two .stuck #navigation_bar, .responsive.menu-style-two .stuck .multicolumn-holder, .responsive.header-design2 #header_contents { width: 960px; } .responsive.half-boxed #navigation_bar, .responsive.half-boxed .multicolumn-holder, .responsive.half-boxed.menu-style-two .stuck .multicolumn-holder, .responsive.menu-style-two .multicolumn-holder, .responsive.half-boxed.header-design2 #header_contents, .responsive.half-boxed.header-design2 .top_bar_container { width: 980px; } .responsive.menu-style-two .nav_shadow, .responsive.menu-style-two .nav_border, .responsive.half-boxed.menu-style-two .stuck #navigation_bar { width: 979px; } html .responsive .nav_shadow.stuck, html .responsive .stuck .nav_border, .responsive.menu-style-two #navigation_bar { width: 100%; } html .boxed-body.responsive .nav_shadow.stuck { max-width: 980px; } .responsive .stuck .with_small_logo .multicolumn-holder { left: -116px; } .responsive #navigation_bar > ul > li > a { padding: 15px 30px; } .responsive #navigation ul { width: 150px; } .responsive #navigation ul ul { left: 140px; } } /* Tablet (landscape) 1024px */ @media only screen and (max-width: 1024px) { .responsive #header .sticky-wrapper, .responsive .nav_shadow.stuck { position: relative; } .responsive #navigation ul { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .responsive .flex-caption { text-align: center; } .responsive .flex-caption .caption-holder { max-width: 80%; float: none; } .responsive .flex-caption .caption-one { float: none; } .responsive .flex-caption .caption-text { float: none; display: block; } .content_block { padding: 0; } .multicolumn-holder { -ms-transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #navigation_bar > ul > li:hover > a:after { content: none; } } /* resolutions bigger than 980px Tablet Landscape and Bigger ( ¡Ý980px) */ @media only screen and (min-width: 980px) { .header-design1.menu-style-one .top_content > .google_map_holder { margin-top: 27px; } } /* resolutions bigger than 768px */ @media only screen and (min-width: 768px) { /* no .responsive needed for this values */ .flex-caption { left: 60px; } /* direction navs in boxed content area */ .two .flexslider .flex-direction-nav, .three .flexslider .flex-direction-nav, .four .flexslider .flex-direction-nav, .five .flexslider .flex-direction-nav { top: 0; } .two .flexslider .flex-direction-nav a, .three .flexslider .flex-direction-nav a, .four .flexslider .flex-direction-nav a, .five .flexslider .flex-direction-nav a { line-height: 16px; } /* slider in small columns */ .three .flex-caption, .four .flex-caption, .five .flex-caption, .two .flex-caption { bottom: auto; position: relative; text-align: left; width: 100%; z-index: 9999; left: auto; } .three .caption-holder, .four .caption-holder, .five .caption-holder, .two .caption-holder { width: 100%; max-width: 100%; } .three .caption-text, .four .caption-text, .five .caption-text, .two .caption-text { padding: 10px 0; } .two .flexslider .flex-direction-nav, .three .flexslider .flex-direction-nav, .four .flexslider .flex-direction-nav, .five .flexslider .flex-direction-nav { top: 0; width: 100px; right: -20px; bottom: auto; } .two .flexslider .flex-direction-nav a, .three .flexslider .flex-direction-nav a, .four .flexslider .flex-direction-nav a, .five .flexslider .flex-direction-nav a { line-height: 16px; } } /* Tablet (Portrait) 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .responsive.boxed-body { margin: 0 auto; } .responsive #header > section, .responsive .content_area { width: 780px; } .responsive .top_bar_container { width: 740px; } .responsive .footer_widgets { width: 760px; } .responsive .top_content .info_bar, .responsive footer .footer_info { width: 740px; } .responsive .content_block { width: 760px; } .responsive .tab-style-three .tabs a, .responsive .tab-style-three .tabs .with_icon a { padding: 20px 10px; } } /* Mobile (portrait) 320px */ @media only screen and (max-width: 767px) { .responsive.boxed-body { margin: 0 auto; } .responsive .content_area, .responsive .top_bar_container, .responsive .footer_widgets { width: 100%; } .responsive .top_content .info_bar, .responsive footer .footer_info, .responsive .footer_widgets_holder > section, .responsive .content_block { width: 90%; margin-left: auto; margin-right: auto; } body.responsive { position: static; } .admin-bar.responsive #header .sticky-wrapper, .admin-bar.responsive .nav_shadow { top: 110px; } .responsive .info_bar .heading, .responsive .info_bar .breadcrumb { width: 100%; text-align: left; } .responsive .info_bar .heading { margin-bottom: 10px; } .responsive #top_bar .social_media li { margin: 0 4px 4px 0; } .responsive [data-feature]:before { content: attr(data-feature); display: block; } .responsive .pricing_table .table_wrap.features { display: none; } .responsive .pricing_table .table_wrap { display: block; margin-bottom: 10px; } /* tabs */ .responsive .tabs_wrap { border-width: 1px; } .responsive ul.tabs { float: none; width: 100%; border-width: 0; } .responsive .tabs_wrap .tabs li { float: none; width: 100%; border-width: 0 0 1px 0; } .responsive .tabs_wrap .tabs li { text-align: left; } .responsive .tabs_wrap .tabs li a { text-align: left; font-size: 14px; } .responsive .tabs_wrap .tabs a.current, .responsive .tabs_wrap .tabs a.current:hover, .responsive .tabs_wrap .tabs a:hover, .responsive .tabs_wrap .tabs li.current a { border-width: 0; font-weight: bold; } .responsive #container div.pane { position: relative; width: auto; margin-left: inherit; /*padding: 20px;*/ } .responsive .rt_comments ol ul { margin-left: 30px; } .responsive .extra_paddings > .row > .box { min-height: 100%; } .responsive .button_ { display: table; float: none; margin: auto; } .responsive .banner p { text-align: center; } .responsive .row > .box { min-height: 100%; } .responsive .with_borders > .responsive .last-row.box:last-child, .responsive .with_borders > .box.last { box-shadow: none; } .responsive .with_borders > .box { border-right-width: 1px; } .responsive.half-boxed .top_content, .responsive .top_content { min-height: 40px; } .responsive .horizontal_chained_contents > li { display: block; margin-bottom: 20px; } .responsive .horizontal_chained_contents .chanied_media_holder:after { border: 0; } .responsive .google_map { max-height: 200px; } .responsive.woocommerce-page .cart .product-quantity { display: none; } .responsive.woocommerce-page table.cart .actions .coupon input, .responsive table.cart .actions input { display: block; width: 100% !important; margin-bottom: 10px !important; float: none !important; } .responsive.woocommerce-page .cart-collaterals .cart_totals table th, .responsive.woocommerce-page .cart-collaterals .cart_totals table th { width: auto; } } /* Mobile devices up to 550px */ @media only screen and (max-width: 550px) { .responsive .flex-caption .caption-text { display: none; } .responsive .caption-one { font-size: 110% !important; } .responsive .flexslider:hover .flex-direction-nav li .flex-prev { left: 0; } .responsive .flexslider:hover .flex-direction-nav li .flex-next { right: 0; } .responsive .flexslider .flex-direction-nav a { width: 20px; } .responsive .tab-style-three .tabs a, .responsive .tab-style-three .tabs .with_icon a { text-align: center; } .responsive .tab-style-three .tabs a span { float: left; margin-top: -10px; } .responsive .with_effect .product_info { display: block !important; } .responsive .with_effect .featured_image { box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04); } } /* Mobile (Landscape) 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* All Mobile Devices smaller than 959px */ @media only screen and (max-width: 959px) { body.responsive { min-width: inherit; } .responsive #mobile_bar { background: none repeat scroll 0 0 #353535; color: #999; font-size: 23px; padding: 10px 8px; display: block; } .responsive #mobile_bar > div { cursor: pointer; padding: 10px 15px; display: block; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } .responsive .mobile_menu_control { float: left; } .responsive .top_bar_control { float: right; text-align: right; } .responsive header, .responsive #header { position: static; } .responsive #header_contents { display: block; position: static; } .responsive #header_contents > section { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } .responsive #header > section { width: 100%; } .responsive #header section > section { padding: 0 10px; margin: 15px 0; } .responsive #header .section_logo > section { text-align: center; } .responsive #header .section_widget > section { text-align: center; } .responsive #slogan_text { text-align: center; } .responsive .top_bar_container { text-align: center; } .responsive .top_links { float: none; margin: auto auto 10px; } .responsive .top_links li { font-size: 12px; line-height: 200%; margin: 10px 0; text-align: left; } .responsive .languages:hover .flags { top: 33px; z-index: 9999; } .responsive #top_bar { display: none; } .responsive .active#top_bar { display: block; } .responsive #top_bar .social_media, .responsive footer .social_media { float: none; } .responsive #header .sticky-wrapper, .responsive .nav_shadow { display: none; } .responsive #header .sticky-wrapper.active, .responsive .nav_shadow.active { display: block; } .responsive .top_content { margin: 0; } .responsive #header .sticky-wrapper, .responsive .nav_shadow, .responsive #navigation_bar, .responsive #navigation, .responsive #navigation ul li:last-child > a, .responsive #navigation ul li:first-child > a, .responsive #navigation_bar > ul > li:first-child, .responsive .stuck .nav_border, .responsive .nav_border, .responsive #navigation li.multicolumn > .multicolumn-holder { width: 100%; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; position: static; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; } .responsive #navigation li.multicolumn > .multicolumn-holder { display: block; height: auto; opacity: 1; overflow: visible; visibility: visible; } .responsive .multicolumn-holder > ul { display: block; } .responsive #navigation_bar.with_subs > ul > li > a span, #navigation_bar.with_subs ul ul > li > a span { display: none; } .responsive #header .sticky-wrapper { /* disable sticky nav for small screens */ position: relative; } .responsive .sticky_nav_wrap { height: auto !important; } .responsive.header-design2 #logo img { display: inline-block; } .responsive #header .sticky-wrapper, .responsive .nav_shadow { left: 0; position: absolute; top: 62px; z-index: 999999; } .responsive .nav_shadow.stuck { position: relative; } .responsive #navigation li { text-align: left; float: none; border: 0; } .responsive #navigation_bar > ul > li.current_page_item, .responsive #navigation_bar > ul > li.current-menu-ancestor, .responsive #navigation_bar > ul > li:hover, .responsive #navigation_bar > ul > li.current_page_item > a, .responsive #navigation_bar > ul > li.current-menu-ancestor > a, .responsive #navigation_bar > ul > li > a:hover, .responsive #navigation_bar > ul > li:hover > a, .responsive #navigation_bar > ul > li.hasSubMenu:hover > a, .responsive #navigation ul li a:hover, .responsive #navigation ul li:hover > a, .responsive #navigation_bar { box-shadow: none; text-shadow: none; } .responsive .nav_border, .responsive .multicolumn-holder, .responsive #navigation .sub-menu { background-image: none !important; } .responsive #navigation_bar ul li.current-menu-item > a { font-weight: bold; font-style: italic; } .responsive #navigation ul li.hasSubMenu > a:after { content: ""; } .responsive #navigation ul li a, #navigation ul li { border: 0; } .responsive #navigation_bar a, .stuck #navigation_bar a { font-family: Arial, sans-serif !important; padding: 10px; font-size: 13px; border: 0; } .responsive #navigation > li:hover > ul { margin-top: 0; } .responsive #navigation ul, .responsive #navigation ul ul { border: 0; padding: 0; } .responsive #navigation ul, .responsive #navigation ul ul { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; width: 100%; height: auto; position: relative; margin: 0; left: 0; top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } .responsive #navigation .multicolumn-holder .column-heading > span, .responsive #navigation .multicolumn-holder .column-heading > a { padding: 10px 0 10px 30px; } .responsive #navigation_bar [class^="icon-"]:before, .responsive #navigation_bar [class*=" icon-"]:before, .responsive #navigation_bar [class^="icon-"]:after, .responsive #navigation_bar [class*=" icon-"]:after { content: ""; } .responsive .with_subs .search-bar, .responsive .search-bar, .responsive .stuck .search-bar, .responsive .stuck .with_subs .search-bar { display: none; } .responsive #navigation_bar li a, .responsive .stuck #navigation_bar li a { border-bottom: 1px solid #efefef !important; font-size: 14px !important; } .responsive #navigation_bar li a, .responsive .stuck #navigation_bar li a { padding-left: 30px; } .responsive #navigation_bar li li a, .responsive .stuck #navigation_bar li li a { padding-left: 40px; } .responsive #navigation_bar li li li a, .responsive .stuck #navigation_bar li li li a { padding-left: 50px; } .responsive #navigation_bar li li li li a, .responsive .stuck #navigation_bar li li li li a { padding-left: 60px; } .responsive #navigation_bar li li li li li a, .responsive .stuck #navigation_bar li li li li li a { padding-left: 70px; } .responsive #navigation_bar li li li li li li a, .responsive .stuck #navigation_bar li li li li li li a { padding-left: 80px; } .responsive .content_shadow { background-position: center top; background-size: 90% auto; } .responsive .top_content .flex-caption, .responsive .full_width_row .flex-caption { margin: auto auto auto -45%; width: 90%; } .responsive .caption-one { font-size: 120% !important; } .responsive .caption-text { font-size: 100% !important; } .responsive footer .part1 { display: block; float: none; text-align: center; } .responsive .footer_info .social_media { margin: 20px auto 0; display: table; } .responsive .row .box:hover .animated, .responsive .chained_contents li:hover .icon_holder.rounded:before { -webkit-animation-name: none; animation-name: none; } } /* С³æ */ .retina#logo { background: url('../images/logo2x.png') no-repeat scroll 0 0 / 100% auto transparent; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .retina#logo img { display: none; } .flex-caption, .pricing_table .table_wrap ul > li.caption, .pricing_table .table_wrap.highlight ul > li.caption, .banner p, .sidebar .featured_article_title, .footer_widgets_row .featured_article_title, .latest-news a.title, h1, h2, h3, h4, h5 { font-weight: normal !important; } body, #navigation_bar > ul > li > a span, .product_info h5, .product_item_holder h5, #slogan_text { font-weight: 400 !important; } body .header-main { background-image: url("../images/background.jpg"); background-attachment: scroll; background-position: center top; background-repeat: repeat; background-size: auto auto; -webkit-background-size: auto auto; -moz-background-size: auto auto; -o-background-size: auto auto; } .mobile_device body .header-main { background-attachment: scroll; -webkit-background-size: auto 100; -moz-background-size: auto; -o-background-size: auto; } scroll.top_content { border: 0; } .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce .product_item_holder span.onsale, .woocommerce-page .product_item_holder span.onsale { border-radius: 0 0 8px 8px; color: #fff; font-size: 14px; font-weight: 500; left: 8px; margin: 0; padding: 0 5px; position: absolute; text-align: center; text-shadow: none; top: 8px; z-index: 10; } .woocommerce span.onsale, .woocommerce-page span.onsale { background: #FFC20F; color: #fff; top: 11px; left: 11px; } .woocommerce span.onsale { min-height: 3.236em; min-width: 3.236em; padding: .202em; font-weight: 500; position: absolute; text-align: center; line-height: 3.236; top: -.5em; left: -.5em; margin: 0; border-radius: 100%; background-color: #378017; color: #fff; font-size: .857em; -webkit-font-smoothing: antialiased; font-family: Verdana; } .product_class li a { color: #666; text-decoration: none; font-size: 14px; line-height: 200%; } .product_class li a:hover { color: #FFC20F; text-decoration: underline; } .product_class ul { overflow: hidden; } .multi_column li { width: 50%; float: left; } @media only screen and (min-width: 480px) { .multi_column li { width: 33%; float: left; } } .panes th, .panes td, .panes p, .panes div, .panes h3 { font-family: Verdana, Geneva, sans-serif; } .panes th, .panes td, .panes table p, .panes table div { font-size: 12px; line-height: 140%; } .panes table th { background-color: #f8f8f8; border-bottom: 1px solid #eee; padding: 5px 10px; } .panes table td { text-align: center; } .panes .tborder td { padding: 5px 20px; } .panes .tborder li { text-align: left; list-style: square outside; padding: 0; } .panes li { text-align: left; list-style: square inside; padding: 0 0 0 10px; } .panes table td p { text-align: left; padding: 0; } .panes h3 { padding-top: 15px; } .panes dl dt { font-weight: 600; } .border20 { border: solid 1px #eee; padding: 20px 15px; } .tab-style-two ul.tabs li a.current { color: #378017; } #idMaterial .row .box h5 { text-align: center; line-height: 36px; font-size: 14px; } #idClass .row .box h5 { text-align: center; line-height: 20px; font-size: 14px; padding: 8px 0; } #idClass .row .box img, #idStandard .row .box img { box-sizing: border-box; border: solid 1px #eeeeee; } #idClass .row .box div { margin: 10px; } #idClass .row .box:hover h5 { background-color: #eee; } #idClass .row .box:hover div { background-color: #378017; } #idClass .row .box:hover h5 a { background-color: #eee; display: block; color: #666; } #idClass .row .box:hover img { box-sizing: border-box; border-top: 1px solid #378017; border-left: 1px solid #378017; border-right: 1px solid #378017; border-bottom: 1px solid #fee999; } #idStandard .row .box:hover img { border: solid 1px #378017; } #idClass .row .box:hover, #idStandard .row .box:hover { overflow: hidden; } #idMaterial .row .box { padding: 8px; } #idStandard .row .box { padding: 8px; text-align: center; } #idStandard .row .box a { border: solid 1px #eeeeee; display: block; font-size: 16px; font-family: "Arial"; line-height: 62px; color: #666666; text-decoration: none; } #idStandard .row .box:hover a { background-color: #378017; display: block; color: #ffffff; line-height: 62px; } #idStandard .row h3 { border-left: solid 4px #378017; padding-left: 15px; padding-top: 0; padding-bottom: 0; margin-bottom: 15px; } #idClass .row h3 { font-size: 16px; line-height: 36px; border-left: solid 4px #378017; background-color: #f8f8f8; padding-left: 15px; padding-top: 0; padding-bottom: 0; margin-bottom: 5px; } #idStandard .row { margin-bottom: 20px; } .idIndustry .title { text-align: center; } .idIndustry .title h3 { font: 14px/28px "Arial"; text-transform: uppercase; color: #535353; display: block; padding: 0; margin: 0; } .idIndustry .title h3 span, .title h2 span { color: #ffc20f; } .idIndustry .title h4 { font: bold 28px/30px "Microsoft YaHei"; color: #535353; padding: 0 0 10px 0; margin: 0; } .idIndustry .industry h3 { border-left: solid 3px #378017; padding: 0 0 0 15px!important; margin: 15px 0; } .idIndustry .industry a.know { font-size: 16px; line-height: 30px; background-color: #378017; display: block; padding: 0px 10px; border-radius: 50px; height: 30px; color: #FFFFFF; text-align: center; text-decoration: none; margin-top: 10px; margin: 0 10%; } .idIndustry .industry a.know:hover { background-color: #1dd2af; } section.post-1046 h2 { font-size: 18px; border-left: solid 4px #378017; padding: 0 0 0 15px!important; margin: 25px 0; } section.post-1046 h2 span { color: #378017; } @media only screen and (min-width: 959px) { .idIndustry .industry { padding: 0 20px; } } @media only screen and (max-width: 959px) { #idStandard .row .box a { font-size: 14px; } } @media only screen and (max-width: 767px) { #idStandard .row .box a { font-size: 18px; } #idStandard .row .box { width: 50%!important; } } .w-p80 { display: block!important; margin-bottom: 20px; } .product_meta { color: #999; font-size: 14px; padding-left: 10px; } .product_meta a { color: #999; } .product_meta a:hover { color: #f80; } .footer-btm li, footer, .social_media, #top_bar { font-family: Arial, Verdana, Geneva, sans-serif; } .bglist { height: 216px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; cursor: pointer; } .bgout { background-color: #f8f8f8; } .bgover { background-color: #378017; } .bgout .number { color: #999; } .bgover .number, .bgover h2, .bgover p, .bgover span, .bgover a { color: #fff; } .bgout h2 { color: #333; } .bglist .number { margin-top: 20px; padding-right: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; } .bglist span a { text-decoration: none; line-height: 24px; } .bgout span a { color: #666; } .bgout h2, .bgover h2, .bgout p, .bgover p, .bgout span, .bgover span { padding: 0 30px 12px 30px; } div.ky { background-image: url(../images/bgky-1.png); background-repeat: no-repeat; background-position: right bottom; } div.ky:hover { background-image: url(../images/bgky-0.png); background-repeat: no-repeat; background-position: right bottom; } div.zj { background-image: url(../images/bgzj-1.png); background-repeat: no-repeat; background-position: right bottom; } div.zj:hover { background-image: url(../images/bgzj-0.png); background-repeat: no-repeat; background-position: right bottom; } .titlebox { width: 400px; margin: 0 auto; border: solid 1px #ccc; } .titlecn { width: 140px; height: 32px; margin: -16px auto 0 auto; line-height: 32px; text-align: center; font-size: 22px; font-weight: bold; } .titlecn.ff { background-color: #fff; } .titlecn.f5 { background-color: #f5f5f5; } .titleen { width: 166px; margin: 0 auto; height: 20px; line-height: 20px; text-align: center; background-color: #535353; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #fff; } .titlehr { height: 1px; border: none; border-top: 1px solid #555555; width: 234px; margin: -11px auto 18px auto; padding: 0; } .titlebtm { width: 24px; height: 2px; margin: 0 auto 10px auto; background-color: #535353; } #blog-carousel-1 .item:hover { box-shadow: 3px 3px 20px 5px #eee; } #blog-carousel-1 .item { padding: 0px 20px 20px 20px; margin-bottom: 20px; margin-top: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; } #blog-carousel-1 .featured-image { padding-top: 20px; } #blog-carousel-1 .item a { text-align: center; padding-bottom: 16px; } #blog-carousel-1 .item a.title:hover { text-decoration: none; } #blog-carousel-1 h3 { margin: 0 auto 20px auto; padding: 0; background-color: #378017; color: #fff; text-align: center; line-height: 34px; font-size: 14px; font-weight: bold!important; width: 100px; height: 34px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; } #blog-carousel-1 .font16 { text-align: center; text-decoration: none; color: #666; font-weight: bold!important; font-size: 16px; } #blog-carousel-1 .font14 { text-align: center; color: #666; } #blog-carousel-1 p { color: #999; padding-top: 8px; text-align: center; } #blog-carousel-1 .viewmore { background-color: #fff; color: #ccc; text-align: center; width: 100px; margin: 0 auto; height: 30px; line-height: 28px; font-size: 14px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border: solid 1px #ddd; } #blog-carousel-1 .item:hover .viewmore { background-color: #378017; border: solid 1px #378017; } #blog-carousel-1 .viewmore a { color: #ccc; text-decoration: none; } #blog-carousel-1 .item:hover .viewmore a { color: #fff; } #blog-carousel-1 .viewmore span { font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-left: 5px; } #row-news h3.featured_article_title { font-size: 24px; color: #333; } #prolist { border: none; text-align: center!important; display: block; width: 280px; margin: 0 auto!important; padding: 0 10px; } #prolist li { float: left!important; width: 114px!important; text-align: center!important; margin: 0 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #f5f5f5; } #prolist li a { font-size: 14px; text-align: center!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; padding: 12px 0!important; } #prolist li a:hover { border: none!important; background-color: #378017!important; color: #fff; cursor: pointer!important; } #prolist li a.current { border: none!important; background-color: #378017!important; color: #fff; cursor: pointer!important; font-style: normal!important; } a.viewmore { display: block; font-size: 14px; line-height: 34px; text-decoration: none; color: #666; text-align: center; width: 114px; height: 34px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #f5f5f5; } a.viewmore:hover { background-color: #378017; color: #fff; } #idTextPanel-1 a, #idTextPanel-2 a, #idTextPanel-3 a { color: #666; text-decoration: none; } #idTextPanel-1 a:hover, #idTextPanel-2 a:hover, #idTextPanel-3 a:hover { color: #f60; text-decoration: underline; } #idTextPanel-1 .portfolio_info, #idTextPanel-2 .portfolio_info { margin: 10px 0 !important; background-color: #f8f8f8; padding: 8px 0; line-height: 20px; } ul.advantage_data { margin-bottom: 0!important; margin-left: 0!important; } ul.advantage_data .f60 { font-size: 60px; font-family: '΢ÈíÑźÚ'; } ul.advantage_data .box { text-align: center; } ul.advantage_data .box a { display: inline-block; text-align: center; color: #333; text-decoration: none; } ul.advantage_data .box p { font-family: '΢ÈíÑźÚ'; } ul.advantage_data .counter { display: block; margin-bottom: 10px; font-weight: bold; color: #0098d9; line-height: 1; } @media only screen and (max-width: 767px) { .titlebox { width: 100%!important; } .section_widget .phone { background: none!important; padding: 0!important; width: 100%!important; text-align: center!important; float: none!important; } #navigation .multicolumn-holder ul li.description { display: none!important; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .bglist { height: 256px!important; } #navigation .multicolumn-holder ul li.description { display: none!important; } .section_widget .phone { background: none!important; padding: 0!important; width: 100%!important; text-align: center!important; float: none!important; } } .section_widget .phone { float: right; overflow: hidden; padding-right: 25px; margin-top: 5px; text-align: right; background: url(../images/phone.png) no-repeat right 10px; } .section_widget .phone p { font-size: 14px; color: #666; padding: 0!important; } .section_widget .phone h3 { font-size: 24px; color: #378017; font-weight: normal; } #navigation .multicolumn-holder .description p { line-height: 24px; color: #666; } #navigation .multicolumn-holder .description img { float: left; padding-right: 20px; } #navigation .multicolumn-holder a.new { color: #378017!important; } #row-index-1, #row-index-3 { padding: 40px 0; } #row-index-2 { padding: 0 0 20px 0; } div.advantage .box div { width: 128px; float: left; text-align: center; } div.advantage .box h3 { font-weight: bold; color: #333; } @media only screen and (max-width:767px) { #row-index-1, #row-index-2, #row-index-3 { padding-left: 0px; padding-right: 0px; } } #row-bt-quote { padding-bottom: 30px; } @media only screen and (max-width:767px) { #row-bt-quote { padding-left: 0px; padding-right: 0px; } } .menu-style-two #navigation_bar > ul > li.menu-item-has-children:first-child:hover > a { box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), 0 0 0; } @media only screen and (max-width:550px) { .responsive.woocommerce table.shop_table td, .responsive.woocommerce-page table.shop_table td { padding: 5px; } } #row-news { padding-top: 40px; } #row-news { padding-bottom: 40px; } @media only screen and (max-width:767px) { #row-news { padding-left: 0px; padding-right: 0px; } } #row-news-content > .row > .box { background-color: #ffffff; background-color: #ffffff; } #row-news .owl-wrapper { } #row-news .owl-item { } div.product .heading h1 span { color: #999; font-size: 16px; padding-left: 10px; } #row-index-3 .panes .pane .owl-wrapper-outer .item div { border: solid 1px #eeeeee; } /*POP AD CSS*/ #msg_win { border: 1px solid #ccc; background: #FFFFFF; width: 302px; position: absolute; right: 5px; font-size: 12px; color: #000000; font-family: Arial; margin: 0px; display: none; overflow: hidden; z-index: 99999; } #msg_win .icos { position: absolute; top: 0px; right: 2px; z-index: 9; } .icos a { float: left; color: #000; margin: 1px; text-align: center; font-weight: bold; width: 14px; height: 22px; line-height: 22px; padding: 1px; text-decoration: none; font-family: Verdana; } .icos a:hover { color: #fff; } #msg_title { background: #fff; height: 1px; line-height: 1px; text-indent: 5px; overflow: hidden; } #msg_content { padding: 0px 0px 0px 1px; width: 300px; height: 251px; overflow: hidden; } section.slogan { text-align: center; } #header_contents { background: url(../images/topbg.png) no-repeat center bottom; } .description #idClass div { padding: 0!important; } .description #idClass div.box { margin-left: 0!important; } .tjnews_wen { width: 510px!important; text-align:left!important; } .tjnews_wen p { font-size: 22px; color: #333; display: block; border-bottom: 1px solid #eee; background: url(../images/tjnews.png) no-repeat 0 25px; padding-left: 50px; line-height: 50px; padding-bottom: 10px; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tjnews_wen .note { width: 510px!important; text-align:left!important; font-size: 14px; line-height: 30px; color: #666666; padding: 30px 0; } .tjnews_wen .tjnews_url { text-align:left!important; width: 163px!important; height: 52px; background: url(../images/tjnewsmore.png) no-repeat; line-height: 52px; font-size: 16px; color: #333; padding-left: 25px; margin-top: 25px; } .innews_list01 { width: 510px!important; text-align:left!important; } .innews_list01 li { list-style-type:none; background: url(../images/newsli.png) no-repeat 0 21px; height: 50px; border-bottom: 1px solid #eee; padding-left: 20px; } .innews_list01 li .title { width: 355px!important; text-align:center!important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px; font-size: 14px; color: #4f4a44; } .innews_list01 li .date { line-height: 50px; font-size: 13px; color: #bbbbbb; float:right!important; } .section_widget .wenzi img{ text-align:center!important;vertical-align:middle;} @media only screen and (max-width: 767px) { .tjnews_wen, .tjnews_wen .note {width:100% !important; margin:0 0 20px 0;padding: 0 0 0 0!important;} .tjnews_wen p { padding-left: 5px;!important; font-size:18px;!important;} width:65% !important; white-space: nowrap; }