@charset 'utf-8'; /* Theme Name:RockGroup Theme URI:http://rockgroup.themerex.net Version:1.7 Last change:27.03.2015 Author:ThemeREX Author URI:http://themerex.net/ License:GNU General Public License License URI:license.txt Description:RockGroup is an up-to-date flat WordPress Template with modern metro layout for Blog, Magazine, Review site, Art Portfolio & so on. RockGroup has clean modern design, big functional options and it is very easy to modify & expand. We are confident that you will be more than pleased by your purchase! */ /* Reset -------------------------------------------------------------- */ /* ------------------------------------------------------------------ [Table of contents] 1. Typography 2. Body 3. Grid 4. Header 5. Users menu 6. Content 7. Footer & Widgets 8. Custom options 9. Color Schemes [Color codes] # Theme Main Color:#5ea281 # Theme Accent Color:#a7d692 ------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Typography]------------------------------------------------------------------- */ .h1, h1 { letter-spacing: -2px; font-size: 60px; font-weight: 900; line-height: 72px; margin: 0 0 30px 0; } .h2, h2 { letter-spacing: -2px; font-size: 55px; font-weight: 900; line-height: 66px; margin: 0 0 25px 0; } .h3, h3 { letter-spacing: 3px; font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 10px 0; } .h4, h4 { letter-spacing: 3px; font-size: 19px; font-weight: 400; line-height: 23px; margin: 0 0 10px 0; } .h5, h5 { letter-spacing: 0px; font-size: 18px; font-weight: 700; line-height: 22px; margin: 0 0 8px 0; } .h6, h6 { letter-spacing: 0px; font-size: 18px; font-weight: 300; line-height: 22px; margin: 0 0 8px 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #000; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { } /* ------------------------------------------------------------------[/Typography]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Body]------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; } html, body { margin: 0; padding: 0; height: 100%; font-weight: 300; } body { color: #8b8b8b; font-weight: 400; word-spacing: 0px; font-size: 14px; line-height: 22px; -webkit-font-smoothing: antialiased; /*text-shadow: 0px 0px 1px rgba(163, 148, 108, 0.2);*/ } header, nav, section, article, aside, footer { display: block } audio, video { width: 100%; } big { font-size: 120%; } small { font-size: 80%; } a img { border: none; } a { text-decoration: none; } a:hover { } img { max-width: 100%; height: auto; } figure { border: 0; margin: 0; padding: 0; } p { padding: 0 0 30px 0; margin: 0; } b, strong { font-weight: 600; } em, i { font-style: italic; } code { display: block; padding: 10px; font-family: 'Courier New', monospace; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .widget_calendar table caption { margin: 0; text-transform: uppercase; word-wrap: break-word; color: #000; } .widget_calendar table caption, { letter-spacing: 3px; font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 10px 0; } ol, ul { padding: 0px 0 0px 30px; margin: 0; font-size: 14px; font-weight: 400; } ul { list-style: disc; } ol { list-style-type: decimal; } ul li, ol li { padding: 0px; } ul ol { list-style-type: decimal; } ol ul { list-style: disc; } table { width: 100%; border: none; border-spacing: 0; border-collapse: collapse; border-spacing: 2px; border-collapse: separate; } table td { padding: 0; } /*th, td { border: 1px solid #8B8B8B; padding: 10px; text-align: center; }*/ :focus { outline: none; } ::selection { color: #fff; } ::-moz-selection { color: #fff; } html { overflow-x: hidden; } body { min-width: 1200px; } .clrBlock { clear: both; } .clr:after { display: block; height: 0px; clear: both; content: ''; } iframe { max-width: 100%; vertical-align: top; } .radCircle, .widget_calendar table tbody td a:before { -webkit-border-radius: 1000px !important; -moz-border-radius: 1000px !important; border-radius: 1000px !important; } .sc_section { background-position: center; max-width: 100%; } cite, address , var{ font-style: italic; } abbr, acronym {border-bottom: 1px dashed #8b8b8b; } kbd {font-weight: bold;} pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q{font-style: italic;} tt {letter-spacing: 2px;} ins { background: #fff9c0; text-decoration: none; } i { font-style: normal; } /* ------------------------------------form------------------------------------- */ input[type="text"], input[type="password"], input[type="search"], textarea { font-size: 14px; border-radius: 5px; display: block; outline: none; color: #8b8b8b; border-width: 1px; border-style: solid; border-color: #ddd; background-color: #fff; margin: 0px; width: 100%; border-color: transparent; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="password"] { padding: 8px 13px; } textarea { resize: vertical; padding: 15px; } textarea.textAreaSize { max-height: 400px !important; min-height: 160px; float: left; } input[type="text"].error_fields_class, input[type="password"].error_fields_class, textarea.error_fields_class { border-color: #eac6b0; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #c3d8ca; } input[type="text"].error_fields_class, input[type="password"].error_fields_class, textarea.error_fields_class { } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 16px; width: 16px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } input[type="search"]::-webkit-search-cancel-button:before { content: '\e800'; font-family: 'fontello'; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; } select { font-size: 14px; outline: none; color: #888888; border-width: 1px; border-style: solid; border-color: #ddd; background-color: #fff; margin: 0px; padding: 5px 10px } button:focus { outline: none; border: none; } button::-moz-focus-inner { border: 0; } label { color: #222222; display: block; height: 20px; line-height: 14px; } label.required:before { color: #da6f5b; content: '*'; display: block; float: left; margin: 0 3px 0 0; } ::-webkit-input-placeholder { color: #c0c1ba; } :-moz-placeholder { color: #c0c1ba; } ::-moz-placeholder { color: #c0c1ba; } :-ms-input-placeholder { color: #c0c1ba; } a, .transition, .widget_tag_cloud a, input, textarea, .wrapTopMenu .topMenu > ul > li > a:before, .hoverUnderline a span.hoverLine, .wrapTopMenu .topMenu > ul > li > ul li a:before, .widget_flickr .flickr_images .flickr_badge_image a:before, .widget_flickr .flickr_images .flickr_badge_image a:after, .wp-caption .wp-caption-text, .sc_image .sc_image_caption, .isotopeWrap .fullItemWrap .isotopeNav, .isotopeWrap .fullItemWrap .fullItemClosed, .post .postThumb.thumbZooom .thumb-ico { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrap, .main { -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; transition: width 0.5s ease; } .wrap { min-height: 100%; } .wrapBox { } .fullWidth.bodyStyleFullWide .wrapWide, .fullWidth.bodyStyleFullWide .wrapWide .main, .sideBarShow.bodyStyleFullWide .wrapWide { width: 100%; } .single .bodyStyleFullWide.sideBarHide .content { padding-right: 30px; padding-left: 30px; } .blogStylePortfolio.bodyStyleBoxed .isotopeWrap { padding: 0; } .wrapWide, .fullWidth .isotopeWrap .fullContent article, .main , .single .blogStylePortfolio .wrapWide{ width: 1240px; margin: 0 auto; } .bodyStyleBoxed .content .main { width: 100%; } .bodyStyleFullWide .wrapContent { padding: 0; } .single-post .main { width: 1240px; } .wrapWide:after, .main:after { content: ''; height: 0; display: block; clear: both; } .postContent .sc_content.main { width: 100%; } .bodyStyleFullWide .sc_content.sc_padding { width: auto; display: block; padding-left: 30px; padding-right: 30px; } .content { border-color: #e7e8e1; border-style: solid; width: 100%; word-wrap: break-word; -moz-box-sizing: border-box; box-sizing: border-box; } .sideBar { width: 25%; border-color: #e7e8e1; border-style: solid; -moz-box-sizing: border-box; box-sizing: border-box; } .bodyStyleFullwide.sideBarShow .sideBar { } .sideBarLeft .sideBar { float: left; border-width: 0 0px 0 0; padding: 0 30px 0 0; margin: 0 0 0 0; } .sideBarLeft .content { float: right; border-width: 0 0 0 3px; padding: 0 0 0 30px; margin: 0 0 0 -0.0806%; width: 75.0806%; } .sideBarRight .sideBar { float: left; border-width: 0 0 0 3px; margin: 0 0 0 -3px; padding: 0 0 0 30px; } .sideBarRight .content { float: left; border-width: 0 3px 0 0; padding: 0 30px 0 0; width: 75%; margin: 0 0 0 0; } .single-post .sideBarHide .content { margin: 0 0 0 0; } .bodyStyleFullWide.sideBarRight .content { padding-left: 30px; } .bodyStyleFullWide.sideBarRight .sideBar { padding-right: 30px; } .bodyStyleFullWide.sideBarLeft .sideBar { padding-left: 30px; } .bodyStyleFullWide.sideBarLeft .content { padding-right: 30px; } .content section + section, .content .post + .post { border-top: 3px solid #e7e8e1; } /* icon clear */ body [class^="icon-"]:before, body [class*=" icon-"]:before { margin: 0; width: auto; line-height: normal; } /* ------------------------------------body style boxed------------------------------------- */ .bodyStyleBoxed { text-align: center; background-color: #fff; } .bodyStyleBoxed .wrapContent { padding: 0; } .bodyStyleBoxed .wrapWide { width: 100%; } .bodyStyleBoxed.sideBarHide .sc_box_padding { padding-left: 30px !important; padding-right: 30px !important; } .bodyStyleBoxed.sideBarLeft #sidebar_main { padding-left: 30px !important; } .bodyStyleBoxed.sideBarLeft .content { padding-right: 30px !important; } .bodyStyleBoxed.sideBarRight .content { padding-left: 30px !important; } .bodyStyleBoxed.sideBarRight #sidebar_main { padding-right: 30px !important; } .single-post .bodyStyleBoxed.sideBarHide .wrapContent { padding-left: 30px !important; padding-right: 30px !important; } .bodyStyleBoxed .wrapBox { text-align: left; display: inline-block; border-style: solid; border-color: #ddd; border-width: 0px; width: 1300px; } .bodyStyleBoxed.bgPattern_1 { background: url(images/bg/pattern_1.png) 50% 50% repeat fixed; } .bodyStyleBoxed.bgPattern_2 { background: url(images/bg/pattern_2.png) 50% 50% repeat fixed; } .bodyStyleBoxed.bgPattern_3 { background: url(images/bg/pattern_3.png) 50% 50% repeat fixed; } .bodyStyleBoxed.bgPattern_4 { background: url(images/bg/pattern_4.png) 50% 50% repeat fixed; } .bodyStyleBoxed.bgPattern_5 { background: url(images/bg/pattern_5.png) 50% 50% repeat fixed; } .bodyStyleBoxed.bgPattern_6 { background: url(http://steelmonkey.sk/wp-content/themes/rockgroup/images/bg/pattern_6.png) 50% 50% repeat fixed; } .bodyStyleBoxed.bgImage_1 { background: url(images/bg/image_1.jpg) 50% 0% no-repeat fixed; } .bodyStyleBoxed.bgImage_2 { background: url(images/bg/image_2.jpg) 50% 0% no-repeat fixed; } .bodyStyleBoxed.bgImage_3 { background: url(images/bg/image_3.jpg) 50% 0% no-repeat fixed; } .bodyStyleBoxed.bgImage_1, .bodyStyleBoxed.bgImage_2, .bodyStyleBoxed.bgImage_3 { -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } body:not(.single) .post { opacity: 0; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } body:not(.single) .post.vis { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .fullWidth.bodyStyleFullWide .wrapWide .sc_content { width: 1170px; margin: auto; } /* ------------------------------------------------------------------[/Body]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Grid]------------------------------------------------------------------- */ [class^="sc_columns_"]:after, [class*=" sc_columns_"]:after { content: ''; height: 0; display: block; clear: both; } /* indent=30px */ [class^="sc_columns_"].sc_columns_indent, [class*=" sc_columns_"].sc_columns_indent { margin: 0 -2.4193% 0 0; } [class^="sc_columns_"].sc_columns_item, [class*=" sc_columns_"].sc_columns_item { float: left; } [class^="sc_columns_"].sc_columns_indent .sc_columns_item, [class*=" sc_columns_"].sc_columns_indent .sc_columns_item { margin: 0 2.3622% 30px 0; } /* global columns */ .sc_columns_1_1, .sc_columns_1 .sc_columns_item { width: 100%; } .sc_columns_1_2, .sc_columns_2 .sc_columns_item { width: 50%; } .sc_columns_1_3, .sc_columns_3 .sc_columns_item { width: 33.3333%; } .sc_columns_1_4, .sc_columns_4 .sc_columns_item { width: 25%; } .sc_columns_1_5, .sc_columns_5 .sc_columns_item { width: 20%; } .sc_columns_1_6, .sc_columns_6 .sc_columns_item { width: 16.6666%; } .sc_columns_7 .sc_columns_item { width: 14.2857%; } .sc_columns_8 .sc_columns_item { width: 12.5%; } .sc_columns_9 .sc_columns_item { width: 11.1111%; } .sc_columns_10 .sc_columns_item { width: 10%; } .sc_columns_11 .sc_columns_item { width: 9.0909%; } .sc_columns_12 .sc_columns_item { width: 8.3333%; } /* global columns indent */ .sc_columns_1.sc_columns_indent .sc_columns_item { width: 97.6378%; } .sc_columns_2.sc_columns_indent .sc_columns_item { width: 47.6378%; } .sc_columns_3.sc_columns_indent .sc_columns_item { width: 30.9711%; } .sc_columns_4.sc_columns_indent .sc_columns_item { width: 22.6378%; } .sc_columns_5.sc_columns_indent .sc_columns_item { width: 17.6378%; } .sc_columns_6.sc_columns_indent .sc_columns_item { width: 14.3045%; } .sc_columns_7.sc_columns_indent .sc_columns_item { width: 11.9235%; } .sc_columns_8.sc_columns_indent .sc_columns_item { width: 10.1378%; } .sc_columns_9.sc_columns_indent .sc_columns_item { width: 8.7489%; } .sc_columns_10.sc_columns_indent .sc_columns_item { width: 7.6378%; } .sc_columns_11.sc_columns_indent .sc_columns_item { width: 6.7287%; } .sc_columns_12.sc_columns_indent .sc_columns_item { width: 5.9711%; } /* colspan */ .sc_columns_2_3, .sc_columns_3 .colspan_2 { width: 66.6667%; } .sc_columns_2_4, .sc_columns_4 .colspan_2 { width: 50%; } .sc_columns_3_4, .sc_columns_4 .colspan_3 { width: 75%; } .sc_columns_2_5, .sc_columns_5 .colspan_2 { width: 40%; } .sc_columns_3_5, .sc_columns_5 .colspan_3 { width: 60%; } .sc_columns_4_5, .sc_columns_5 .colspan_4 { width: 80%; } .sc_columns_6 .colspan_2 { width: 33.3333%; } .sc_columns_6 .colspan_3 { width: 50%; } .sc_columns_6 .colspan_4 { width: 66.6667%; } .sc_columns_6 .colspan_5 { width: 83.3333%; } .sc_columns_7 .colspan_2 { width: 28.5714%; } .sc_columns_7 .colspan_3 { width: 42.8571%; } .sc_columns_7 .colspan_4 { width: 57.1429%; } .sc_columns_7 .colspan_5 { width: 71.4286%; } .sc_columns_7 .colspan_6 { width: 85.7143%; } .sc_columns_8 .colspan_2 { width: 25%; } .sc_columns_8 .colspan_3 { width: 37.5%; } .sc_columns_8 .colspan_4 { width: 50%; } .sc_columns_8 .colspan_5 { width: 62.5%; } .sc_columns_8 .colspan_6 { width: 75%; } .sc_columns_8 .colspan_7 { width: 87.5%; } .sc_columns_9 .colspan_2 { width: 22.2222%; } .sc_columns_9 .colspan_3 { width: 33.3333%; } .sc_columns_9 .colspan_4 { width: 44.4444%; } .sc_columns_9 .colspan_5 { width: 55.5556%; } .sc_columns_9 .colspan_6 { width: 66.6667%; } .sc_columns_9 .colspan_7 { width: 77.7778%; } .sc_columns_9 .colspan_8 { width: 88.8889%; } .sc_columns_10 .colspan_2 { width: 20%; } .sc_columns_10 .colspan_3 { width: 30%; } .sc_columns_10 .colspan_4 { width: 40%; } .sc_columns_10 .colspan_5 { width: 50%; } .sc_columns_10 .colspan_6 { width: 60%; } .sc_columns_10 .colspan_7 { width: 70%; } .sc_columns_10 .colspan_8 { width: 80%; } .sc_columns_10 .colspan_9 { width: 90%; } .sc_columns_11 .colspan_2 { width: 18.1818%; } .sc_columns_11 .colspan_3 { width: 27.2727%; } .sc_columns_11 .colspan_4 { width: 36.3636%; } .sc_columns_11 .colspan_5 { width: 45.4545%; } .sc_columns_11 .colspan_6 { width: 54.5455%; } .sc_columns_11 .colspan_7 { width: 63.6364%; } .sc_columns_11 .colspan_8 { width: 72.7273%; } .sc_columns_11 .colspan_9 { width: 81.8182%; } .sc_columns_11 .colspan_10 { width: 90.9091%; } .sc_columns_12 .colspan_2 { width: 16.6667%; } .sc_columns_12 .colspan_3 { width: 25%; } .sc_columns_12 .colspan_4 { width: 33.3333%; } .sc_columns_12 .colspan_5 { width: 41.6667%; } .sc_columns_12 .colspan_6 { width: 50%; } .sc_columns_12 .colspan_7 { width: 58.3333%; } .sc_columns_12 .colspan_8 { width: 66.6667%; } .sc_columns_12 .colspan_9 { width: 75%; } .sc_columns_12 .colspan_10 { width: 83.3333%; } .sc_columns_12 .colspan_11 { width: 91.6667%; } /* colspan indent */ .sc_columns_3.sc_columns_indent .sc_columns_item.colspan_2 { width: 64.3045%; } .sc_columns_4.sc_columns_indent .sc_columns_item.colspan_2 { width: 47.6378%; } .sc_columns_4.sc_columns_indent .sc_columns_item.colspan_3 { width: 72.6377%; } .sc_columns_5.sc_columns_indent .sc_columns_item.colspan_2 { width: 37.6378%; } .sc_columns_5.sc_columns_indent .sc_columns_item.colspan_3 { width: 57.6378%; } .sc_columns_5.sc_columns_indent .sc_columns_item.colspan_4 { width: 77.6378%; } .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_2 { width: 30.9711%; } .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_3 { width: 47.6378%; } .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_4 { width: 64.3045%; } .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_5 { width: 80.9711%; } .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_2 { width: 26.2092%; } .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_3 { width: 40.4949%; } .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_4 { width: 54.7807%; } .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_5 { width: 69.0664%; } .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_6 { width: 83.3521%; } .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_2 { width: 22.6378%; } .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_3 { width: 35.1378%; } .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_4 { width: 47.6378%; } .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_5 { width: 60.1378%; } .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_6 { width: 72.6378%; } .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_7 { width: 85.1378%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_2 { width: 19.86%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_3 { width: 30.9711%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_4 { width: 42.0822%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_5 { width: 53.1934%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_6 { width: 64.3045%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_7 { width: 75.4156%; } .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_8 { width: 86.5267%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_2 { width: 17.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_3 { width: 27.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_4 { width: 37.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_5 { width: 47.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_6 { width: 57.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_7 { width: 67.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_8 { width: 77.6378%; } .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_9 { width: 87.6378%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_2 { width: 15.8196%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_3 { width: 24.9105%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_4 { width: 34.0014%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_5 { width: 43.0923%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_6 { width: 52.1832%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_7 { width: 61.2742%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_8 { width: 70.3651%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_9 { width: 79.456%; } .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_10 { width: 88.5469%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_2 { width: 14.3045%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_3 { width: 22.6378%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_4 { width: 30.9711%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_5 { width: 39.3045%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_6 { width: 47.6378%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_7 { width: 55.9711%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_8 { width: 64.3045%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_9 { width: 72.6378%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_10 { width: 80.9711%; } .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_11 { width: 89.3045%; } .sideBarShow .content [class^="sc_columns_"].sc_columns_indent, .sideBarShow .content [class*=" sc_columns_"].sc_columns_indent { margin: 0 -2.2222% 0 0; } .sideBarShow .content [class^="sc_columns_"].sc_columns_indent .sc_columns_item, .sideBarShow .content [class*=" sc_columns_"].sc_columns_indent .sc_columns_item { margin: 0 2.1739% 20px 0; } .sideBarShow .content .sc_columns_1.sc_columns_indent .sc_columns_item { width: 97.8261%; } .sideBarShow .content .sc_columns_2.sc_columns_indent .sc_columns_item { width: 47.8261%; } .sideBarShow .content .sc_columns_3.sc_columns_indent .sc_columns_item { width: 31.1594%; } .sideBarShow .content .sc_columns_4.sc_columns_indent .sc_columns_item { width: 22.8261%; } .sideBarShow .content .sc_columns_5.sc_columns_indent .sc_columns_item { width: 17.8261%; } .sideBarShow .content .sc_columns_6.sc_columns_indent .sc_columns_item { width: 14.4928%; } .sideBarShow .content .sc_columns_7.sc_columns_indent .sc_columns_item { width: 12.1118%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item { width: 10.3261%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item { width: 8.9372%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item { width: 7.8261%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item { width: 6.917%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item { width: 6.1594%; } /* colspan + sidebar */ .sideBarShow .content .sc_columns_3.sc_columns_indent .sc_columns_item.colspan_2 { width: 64.4928%; } .sideBarShow .content .sc_columns_4.sc_columns_indent .sc_columns_item.colspan_2 { width: 47.8261%; } .sideBarShow .content .sc_columns_4.sc_columns_indent .sc_columns_item.colspan_3 { width: 72.8261%; } .sideBarShow .content .sc_columns_5.sc_columns_indent .sc_columns_item.colspan_2 { width: 37.8261%; } .sideBarShow .content .sc_columns_5.sc_columns_indent .sc_columns_item.colspan_3 { width: 57.8261%; } .sideBarShow .content .sc_columns_5.sc_columns_indent .sc_columns_item.colspan_4 { width: 77.8261%; } .sideBarShow .content .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_2 { width: 31.1594%; } .sideBarShow .content .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_3 { width: 47.8261%; } .sideBarShow .content .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_4 { width: 64.4928%; } .sideBarShow .content .sc_columns_6.sc_columns_indent .sc_columns_item.colspan_5 { width: 81.1594%; } .sideBarShow .content .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_2 { width: 26.3975%; } .sideBarShow .content .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_3 { width: 40.6832%; } .sideBarShow .content .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_4 { width: 54.9689%; } .sideBarShow .content .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_5 { width: 69.2547%; } .sideBarShow .content .sc_columns_7.sc_columns_indent .sc_columns_item.colspan_6 { width: 83.5404%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_2 { width: 22.8261%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_3 { width: 35.3261%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_4 { width: 47.8261%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_5 { width: 60.3261%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_6 { width: 72.8261%; } .sideBarShow .content .sc_columns_8.sc_columns_indent .sc_columns_item.colspan_7 { width: 85.3261%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_2 { width: 20.0483%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_3 { width: 31.1594%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_4 { width: 42.2705%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_5 { width: 53.3816%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_6 { width: 64.4928%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_7 { width: 75.6039%; } .sideBarShow .content .sc_columns_9.sc_columns_indent .sc_columns_item.colspan_8 { width: 86.715%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_2 { width: 17.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_3 { width: 27.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_4 { width: 37.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_5 { width: 47.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_6 { width: 57.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_7 { width: 67.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_8 { width: 77.8261%; } .sideBarShow .content .sc_columns_10.sc_columns_indent .sc_columns_item.colspan_9 { width: 87.8261%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_2 { width: 16.0079%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_3 { width: 25.0988%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_4 { width: 34.1897%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_5 { width: 43.2806%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_6 { width: 52.3715%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_7 { width: 61.4625%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_8 { width: 70.5534%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_9 { width: 79.6443%; } .sideBarShow .content .sc_columns_11.sc_columns_indent .sc_columns_item.colspan_10 { width: 88.7352%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_2 { width: 14.4928%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_3 { width: 22.8261%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_4 { width: 31.1594%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_5 { width: 39.4928%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_6 { width: 47.8261%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_7 { width: 56.1594%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_8 { width: 64.4928%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_9 { width: 72.8261%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_10 { width: 81.1594%; } .sideBarShow .content .sc_columns_12.sc_columns_indent .sc_columns_item.colspan_11 { width: 89.4928%; } /* ------------------------------------------------------------------[/Grid]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Header]------------------------------------------------------------------- */ .sc_show_menu_error { font-size: 20px; text-align: center; } #header { position: relative; min-height: 150px; padding-bottom: 10px; padding-top: 60px; } .sc_header_image { width: 100%; height: 160px; overflow: hidden; background-size: auto 100%; background-position: center; } /* ------------------------------------scroll up------------------------------------- */ .buttonScrollUp { position: fixed; width: 0; height: 0; bottom: -100px; right: 40px; z-index: 999; cursor: pointer; border-style: solid; border-width: 0 50px 50px 50px; border-color: transparent transparent #5EA281 transparent; -webkit-transition: bottom 0.5s linear; -moz-transition: bottom 0.5s linear; -o-transition: bottom 0.5s linear; transition: bottom 0.5s linear; } .buttonScrollUp.upToScroll:before { color: #fff; font-size: 20px; line-height: 30px; display: block; position: absolute; left: -20px; top: 20px; width: 40px; height: 30px; } .buttonScrollUp.buttonShow { bottom: 0; } /* ------------------------------------logo------------------------------------- */ .logo {text-align: center;} .logoHeader { width: 150px; margin: 0 auto 0px auto; } .logoHeader a { display: block; text-align: center; letter-spacing: 0; padding: 40px 15px 0 15px; } .logoHeader img { width: 100%; } .logoHeader .logo_bg_size { display: block; text-decoration: none; height: 0; } .subTitle { text-align: center; font-weight: 300; font-size: 24px; margin: 0 0 40px 0; letter-spacing: 3px; } .hideMenuDisplay .topMenuShow .logoHeader a { padding: 5px 15px; } .hideMenuDisplay .topMenuShow .logoHeader img { width: 80%; } .logoStyleBG .logoHeader a { padding: 10px 15px; background-color: transparent; } .logoStyleBG .logoHeader .logo_bg_size { width: 0; height: 0; border-style: solid; border-width: 45px 55px 0 55px; } #header .menuFixedWrapBlock { height: 0; } #header .openTopMenu:before, #header .openTopMenu:after, .openMobileMenu:before, .openMobileMenu:after, .menuStyleFixed #header.fixedTopMenuShow .menuFixedWrap { -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .wrapTopMenu > a { color: #fff; text-transform: uppercase; text-decoration: none; } /* ------------------------------------button openTopMenu------------------------------------- */ #header .openTopMenu { display: block; width: 45px; position: absolute; top: 0; left: 0; height: 45px; z-index: 5; font-size: 20px; font-weight: 900; line-height: 45px; text-align: center; color: #fff; overflow: hidden; } #header .openTopMenu:before, #header .openTopMenu:after { font-family: "fontello"; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; font-size: 26px; } #header .openTopMenu:before { content: '\e81b'; } #header .openTopMenu:after { content: '\e878'; } #header .topMenuShow .openTopMenu:before { margin: -45px 0 0 0; } #header .topMenuShow .openTopMenu:after { } .visibleMenuDisplay #header .openTopMenu { display: none; } .openMobileMenu { display: none; width: 45px; position: absolute; top: 0; left: 0; height: 45px; z-index: 6; font-size: 20px; font-weight: 900; line-height: 45px; text-align: center; color: #fff; overflow: hidden; } .openMobileMenu:before, .openMobileMenu:after { font-family: "fontello"; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; font-size: 26px; } .openMobileMenu:before { content: '\e80f'; } .openMobileMenu:after { content: '\e878'; } .menuMobileShow .openMobileMenu:before { margin: -45px 0 0 0; } .menuMobileShow .wrapTopMenu .topMenu > ul { display: block; } /* ------------------------------------top menu fixed------------------------------------- */ .menuSmartScrollShow.menuStyleFixed #header .menuFixedWrap { top: -200px; margin-bottom: 0px; min-height: 60px; } .menuSmartScrollShow.menuStyleFixed #header.fixedTopMenuShow .menuFixedWrap { position: fixed; top: 0; left: 0px; right: 0px; z-index: 199; background-color: #eff0ea; box-shadow: 0 3px 4px -1px rgba(175, 175, 161, 1); } .menuSmartScrollShow.bodyStyleBoxed.menuStyleFixed #header.fixedTopMenuShow .menuFixedWrap { width: 1300px; margin: 0 0 0 -650px; left: 50%; right: auto; } .admin-bar .menuSmartScrollShow.menuStyleFixed #header.fixedTopMenuShow .menuFixedWrap { top: -150px; } .menuSmartScrollShow.menuStyleFixed #header.fixedTopMenuShow .menuFixedWrap { top: -150px; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease; } .menuSmartScrollShow.menuStyleFixed #header.fixedTopMenuShow.smartScrollDown .menuFixedWrap { top: 0; } .admin-bar .menuSmartScrollShow.menuStyleFixed #header.fixedTopMenuShow.smartScrollDown .menuFixedWrap { top: 32px; } /* ------------------------------------top mainMenu------------------------------------- */ .wrapTopMenu, #header .usermenuArea a:before, .menuStyle1 #header ul > li > ul li a:before, .hideMenuDisplay .logoHeader a, .hideMenuDisplay .logoHeader img, .hideMenuDisplay .logoHeader .logo_bg_size { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .wrapTopMenu .topMenu > ul > li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .wrapTopMenu { background-color: transparent; padding-top: 20px; } .wrapTopMenu:after { content: ''; height: 0; display: block; clear: both; } .wrapTopMenu .topMenu a { font-size: 12px; } .wrapTopMenu .topMenu > ul, .wrapTopMenu .topMenu div > ul { padding: 0; text-align: center; margin: auto; } .wrapTopMenu .topMenu > ul > li, .wrapTopMenu .topMenu div > ul > li { list-style-type: none; display: inline-block; position: relative; padding-top: 10px; padding-bottom: 10px; margin: auto; margin: 10px 30px; } .wrapTopMenu .topMenu > ul > li.menu-logo, .wrapTopMenu .topMenu div > ul > li.menu-logo { margin: 0 20px !important; } .wrapTopMenu .topMenu > ul > li > a, .wrapTopMenu .topMenu div > ul > li > a { display: block; color: #000; margin: 0; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-weight: 800; } .wrapTopMenu .topMenu > ul > li > a, .wrapTopMenu .topMenu div > ul > li > a { position: relative; display: inline-block; } .wrapTopMenu .topMenu > ul > li.sfHover > a:before, .wrapTopMenu .topMenu > ul > li > a:hover:before, .wrapTopMenu .topMenu div > ul > li.sfHover > a:before, .wrapTopMenu .topMenu div > ul > li > a:hover:before { left: 20px; right: 20px; } .wrapTopMenu .topMenu > ul > li > ul, .wrapTopMenu .topMenu div > ul > li > ul { display: none; position: absolute; top: 45px; padding: 10px 15px; min-width: 150px; border-style: solid; border-width: 1px 1px 1px 1px; } .wrapTopMenu .topMenu > ul > li > ul:before, .wrapTopMenu .topMenu div > ul > li > ul:before { left:50%;content: ''; display: inline; position: absolute; width: 0; height: 0; top: -14px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 15px 15px 15px; z-index: 11; margin-left: -15px; } .wrapTopMenu .topMenu > ul > li > ul:after, .wrapTopMenu .topMenu div > ul > li > ul:after { left:50%;content: ''; position: absolute; top: -15px; width: 0; height: 0; margin: 0 0 0 -9px; border-color: transparent transparent rgba(175, 175, 161, 0.8) transparent; border-style: solid; border-width: 0 15px 15px 15px; display: inline; z-index: 10; } .wrapTopMenu .topMenu > ul > li > ul li, .wrapTopMenu .topMenu div > ul > li > ul li { list-style: none; text-align: left; position: relative; display: block; } .wrapTopMenu .topMenu > ul > li > ul li a, .wrapTopMenu .topMenu div > ul > li > ul li a { margin: 0; padding: 7px 0; display: inline-block; white-space: nowrap; position: relative; font-size: 12px; text-transform: uppercase; font-weight: 900; letter-spacing: 3px; } .wrapTopMenu .topMenu > ul > li > ul li a:before, .wrapTopMenu .topMenu div > ul > li > ul li a:before { width: 30px; } .wrapTopMenu .topMenu > ul > li > ul li.sfHover > a:before, .wrapTopMenu .topMenu > ul > li > ul li a:hover:before, .wrapTopMenu .topMenu div > ul > li > ul li.sfHover > a:before, .wrapTopMenu .topMenu div > ul > li > ul li a:hover:before { width: 100px; } .wrapTopMenu .topMenu > ul > li > ul li.menu-item-has-children, .wrapTopMenu .topMenu div > ul > li > ul li.menu-item-has-children { padding: 0 15px 0 0; } .wrapTopMenu .topMenu > ul > li > ul li.menu-item-has-children:after, .wrapTopMenu .topMenu div > ul > li > ul li.menu-item-has-children:after { content: '\e84f'; font-family: "fontello"; text-align: center; width: 10px; height: 10px; line-height: 10px; position: absolute; right: 0; top: 50%; display: block; margin: -5px 0 0 0; font-size: 12px; } .wrapTopMenu .topMenu > ul > li > ul > li ul, .wrapTopMenu .topMenu div > ul > li > ul > li ul { display: none; position: absolute; left: 100%; top: -9px; border-style: solid; border-width: 1px; padding: 10px 15px; margin: 0 0 0 15px; top: -12px; } .menuSmartScrollShow .fixedTopMenuShow .wrapTopMenu { padding: 0; height: 100%; display: table; width: 1240px; margin: auto; } .menuSmartScrollShow .fixedTopMenuShow .wrapTopMenu .topMenu { vertical-align: middle; margin: auto; } .fixedTopMenuShow.topMenu > ul { } .fixedTopMenuShow .topMenu > ul > li, .fixedTopMenuShow .topMenu div > ul > li { padding: 20px 0px; } .smartScrollDown.fixedTopMenuShow .topMenu div > ul > li{padding: 0;} .fixedTopMenuShow #header ul > li > ul { margin-top: 40px; } .fixedTopMenuShow .usermenuArea { display: none; } .topMenu .logo.fixedLogo { text-align: center; } .topMenu .logo.fixedLogo a { margin: auto; display: inline-block; } .topMenu .logo.fixedLogo a img { max-width: 120px; } .topMenu .newMenu.last { margin-right: 0; } .logo_bottom #header { padding-top: 0; } .logo_center #header:not(.fixedTopMenuShow ), .logo_bottom .wrapTopMenu { padding-top: 0px; } /* style1 */ .menuStyle1 #header ul > li > ul { margin-top: 10px; border: none; position: absolute; width: auto; background-color: #fff; font-size: 16px; color: #353535; line-height: 1.429; border-radius: 10px; box-shadow: 4px 4px 0 2px rgba(175, 175, 161, 0.8); z-index: 40; padding: 20px; text-align: center; } .menuStyle1 #header ul > li > ul li a { color: #000; } .menuStyle1 #header ul > li > ul li a:before { background-color: #fff; } .menuStyle1 #header ul > li > ul li.sfHover > a, .menuStyle1 #header ul > li > ul li a:hover { } .menuStyle1 #header ul > li > ul li a:before { content: none; height: 1px; position: absolute; bottom: 10px; left: 0; width: 0; } .menuStyle1 #header ul > li > ul li.sfHover > a:before, .menuStyle1 #header ul > li > ul li a:hover:before { width: 100%; } .menuStyle1 #header ul > li > ul li.menu-item-has-children:after { color: #fff; } .menuStyle1 #header ul > li > ul > li ul { margin: 0px 0px 0 45px; } .menuStyle1 #header ul > li > ul > li ul:before { content: ''; display: inline; position: absolute; width: 0; height: 0; left: -15px; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 15px 15px 15px 0px; z-index: 11; top: 12px; } .menuStyle1 #header ul > li > ul > li ul:after { content: ''; display: inline; position: absolute; width: 0; height: 0; left: -12px; top: 20px; border-color: transparent rgba(175, 175, 161, 0.8) transparent transparent; border-style: solid; border-width: 15px 12px 12px 0px; z-index: 10; } /* style2 */ .menuStyle2 #header ul > li > ul { background-color: #fff; } .menuStyle2 #header ul > li > ul li a { color: #000; } .menuStyle2 #header ul > li > ul li a:before { } .menuStyle2 #header ul > li > ul li.sfHover > a, .menuStyle2 #header ul > li > ul li a:hover { } .menuStyle2 #header ul > li > ul li.menu-item-has-children:after { color: #000; } .menuStyle2 #header ul > li > ul > li ul { background-color: #fff; } .hideMenuDisplay .wrapTopMenu { height: 0; } .hideMenuDisplay .wrapTopMenu .topMenu > ul > li > a { line-height: 16px; height: 16px; opacity: 0; } .hideMenuDisplay .topMenuShow .wrapTopMenu { min-height: 45px; } .hideMenuDisplay .topMenuShow .wrapTopMenu .topMenu > ul > li > a { line-height: 45px; height: 45px; opacity: 1; } /* ------------------------------------------------------------------[/Header]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Users menu]------------------------------------------------------------------- */ #header .usermenuArea { position: absolute; top: 20px; right: 30px; } .menuSmartScrollShow.bodyStyleBoxed #header.fixedTopMenuShow .usermenuArea { right: 20px; } #header .usermenuArea ul.usermenuList { } #header .usermenuArea > ul.usermenuList .usermenuControlPanel > ul { min-width: 80px; width: 80px; margin: 0 0 0 -65px; top: 40px; } #header .usermenuArea ul.usermenuList .usermenuCurrency { display: none; } #header .usermenuArea > ul.usermenuList .usermenuCurrency > ul { min-width: 100px; width: 100px; margin: 0 0 0 -65px; } #header .usermenuArea ul.usermenuList .usermenuCart { } #header .usermenuArea ul.usermenuList .usermenuCart { margin-right: 30px; } #header .usermenuArea ul.usermenuList .usermenuCart ul { width: 300px; right: 0; left: auto; left: -50px; top: 30px; } #header .usermenuArea ul.usermenuList .usermenuCart ul:before { } #header .usermenuArea ul.usermenuList .usermenuCart aside:last-child { padding-bottom: 0; margin-bottom: 10px; } #header .usermenuArea ul.usermenuList .usermenuCart .widgettitle { font-size: 20px; margin: 5px 0 10px 0; color: #000; } #header .usermenuArea ul.usermenuList .usermenuCart ul ul { display: block; position: static; margin: 0; padding: 0; } #header .usermenuArea ul.usermenuList .usermenuCart.sfHover .widget_shopping_cart { display: block !important; } #header .usermenuArea ul.usermenuList .usermenuCart .hide_cart_widget_if_empty .cart_list { color: #000; border: none; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area ul li { padding: 0; border-bottom: 1px solid #DFDFCB; padding-bottom: 20px; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area ul li + li { padding: 10px 0 0 0; border-width: 1px 0 0 0; border-style: solid; border-color: rgba(255, 255, 255, 0.1); } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area ul li a { color: #222222; padding: 0 0 0 0; color: #000; margin-bottom: 5px; font-size: 16px; font-weight: 400; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area ul li a:before { display: none; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area ul li .quantity { border: none; color: #000; font-size: 12px; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.buttons { margin: 0 0 10px 0; padding: 0; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.buttons a, #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.buttons a:hover, #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.buttons a:after, #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.buttons a:hover:after { text-decoration: none !important; font-size: 14px !important; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.buttons a { display: inline-block; float: none; margin-right: 10px; width: auto; background: none; border: 0; padding: 12px 20px; background-color: #53acbb; letter-spacing: 0px; color: #fff; border-radius: 5px; font-weight: 700; text-transform: uppercase; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.total { margin: 0 0 20px 0; border-width: 1px 0 0 0; border-style: solid; border-color: rgba(255, 255, 255, 0.4); color: #000; padding-top: 20px; } #header .usermenuArea ul.usermenuList .usermenuCart .widget_area p.total strong { font-weight: 400; } #header .usermenuArea ul.usermenuList .usermenuCart .hide_cart_widget_if_empty .cart_list:before, #header .usermenuArea ul.usermenuList .usermenuCart .hide_cart_widget_if_empty .cart_list:after { display: none; } #header .usermenuArea ul.usermenuList .usermenuLogin { } .usermenuArea a { font-size: 12px; } .usermenuArea > ul { padding: 0; text-align: center; } .usermenuArea > ul > li { list-style-type: none; display: inline-block; position: relative; vertical-align: top; } .usermenuArea > ul > li > a { display: block; color: #000; letter-spacing: 3px; display: block; text-transform: uppercase; font-size: 12px; font-weight: 800; text-decoration: none; } .hideMenuDisplay .usermenuArea > ul > li > a { } .hideMenuDisplay .usermenuArea > ul > li > a:before { } .hideMenuDisplay .topMenuShow .usermenuArea > ul > li > a { color: #fff; } .hideMenuDisplay .topMenuShow .usermenuArea > ul > li > a:before { background-color: #fff; } .usermenuArea > ul > li > a { position: relative; display: inline-block; } .usermenuArea > ul > li > a:before { display: none; content: ''; height: 1px; background-color: #fff; position: absolute; bottom: 15px; left: 50%; right: 50%; } .usermenuArea > ul > li.sfHover > a:before, .usermenuArea > ul > li > a:hover:before { left: 10px; right: 10px; } .usermenuArea > ul > li > ul { display: none; position: absolute; left: 50%; top: 55px; padding: 10px 15px; min-width: 150px; border-style: solid; border-width: 1px 1px 1px 1px; width: 180px; margin: 0 0 0 -105px } .usermenuArea > ul > li > ul:before { content: ''; display: block; position: absolute; left: 50%; top: -10px; width: 0; height: 0; margin: 0 0 0 -10px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 10px 10px 10px; } .usermenuArea > ul > li > ul:after { content: none; position: absolute; top: -11px; left: -1px; right: -1px; height: 10px; display: block; background-color: #fff; opacity: 0; } .usermenuArea > ul > li > ul li { list-style: none; text-align: left; position: relative; display: block; } .usermenuArea > ul > li > ul li a { margin: 0; padding: 6px 0; display: inline-block; white-space: nowrap; font-size: 14px; line-height: 16px; position: relative; } .usermenuArea > ul > li > ul li a:before { content: none; height: 1px; position: absolute; bottom: 10px; left: 50%; right: 50%; } .usermenuArea > ul > li > ul li.sfHover > a:before, .usermenuArea > ul > li > ul li a:hover:before { left: 0%; right: 0%; } .usermenuArea > ul > li > ul li.menu-item-has-children { padding: 0 15px 0 0; } .usermenuArea > ul > li > ul li.menu-item-has-children:after { content: '\e84f'; font-family: "fontello"; text-align: center; width: 10px; height: 10px; line-height: 10px; position: absolute; right: 0; top: 50%; display: block; margin: -5px 0 0 0; font-size: 12px; } .usermenuArea > ul > li > ul > li ul { display: none; position: absolute; left: 100%; top: -9px; border-style: solid; border-width: 1px; padding: 10px 15px; margin: 0 0 0 15px; } /* ------------------------------------------------------------------[/Users menu]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Content]------------------------------------------------------------------- */ /* post protected */ .post-password-required { } .post-password-required.singlePage { font-size: 23px; font-weight: 400; text-align: center; } .post-password-required article p {margin: 20px 0 10px 0; } .post-password-required article:before { content: '\e84e'; font-family: "fontello"; display: block; text-align: center; height: 100px; font-size: 100px; line-height: 100px; } .post-password-required article:after { content: ''; display: block; height: 0; clear: both; } .post-password-required .post-password-form { display: block; } .post-password-required .post-password-form p { margin: 0; font-size: 16px; font-weight: 300; } .post-password-required .post-password-form p + p { margin: 20px 0 0 0; } .post-password-required .post-password-form label { display: inline-block; vertical-align: top; height: 55px; text-align: left; } .post-password-required .post-password-form input[type="password"] { margin-top: 10px; display: block; height: 40px; } .post-password-required .post-password-form input[type="submit"] {height: 40px; margin: 0; margin-top: 24px;} /* post info */ /* ------------------------------------------------------------------[Post info]------------------------------------------------------------------- */ .postInfo { padding: 0 0 30px 0; } .postInfo .postSpan a .hoverLine { bottom: -2px; } .postInfo .postWrap { font-size: 14px; line-height: 12px; } .postInfo .postWrap + .postWrap { margin: 10px 0 0 0; } .postInfo .postSpan { margin: 0 20px 20px 0px; display: inline-block; font-size: 14px; font-weight: 700; color: #8b8b8b; } .postInfo .postCategory a { font-weight: 400; font-size: 14px; font-weight: 700; color: #000; } .postInfo .sc_button.sc_button_size_mini { margin: -9px 0px 10px 10px; float: right; } .postInfo .postDate a { } .postInfo .postTags a { text-transform: uppercase; font-size: 10px; letter-spacing: 3px; font-weight: 900; color: #8b8b8b;} .postInfo .postTags {margin-bottom: 20px; } .postInfo .stickyPost { display: block; height: 30px; } .postInfo .stickyPost .postSticky { display: block; float: left; height: 30px; line-height: 30px; font-size: 14px; color: #fff; padding: 0 8px 0 12px; } .postInfo .stickyPost:after { content: ''; display: block; float: left; height: 0; width: 0; border-style: solid; border-width: 15px 0 15px 12px; border-color: transparent transparent transparent #5ea281; } /* post share */ /*.postTextArea {overflow: hidden;}*/ .postSharing .postSpan { padding: 30px 0 0px 0; } .singlePage .postSharing .postMore { display: none; } .postSharing .postSpan { position: relative; margin: 0 0 10px 0; display: inline-block; font-size: 14px; font-weight: 700; color: #8b8b8b; margin: 0 20px 0px 0px; } .postSharing .postSpan .icon { font-size: 16px; background-color: #dddec0; border-radius: 5px 0 0 5px; padding: 8.5px 10px; color: #000; font-weight: 700; color: #333; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; -ms-transition: all linear .2s; } .postSharing .postSpan .revInfo { font-size: 14px; color: #333; font-weight: 700; background-color: #e6e7d2; vertical-align: middle; border-radius: 0 5px 5px 0; padding: 9.5px 10px; display: inline; vertical-align: top; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; -ms-transition: all linear .2s; } .postSharing .postSpan .revInfo:hover { color: #000; } .postSharing .postSpan:hover .revInfo, .postSharing .postShare.active .revInfo { box-shadow: 1px 2px 0 1px rgba(175, 175, 161, 0.8); } .postSharing .postSpan:hover .icon, .postSharing .postShare.active .icon { box-shadow: 1px 2px 0 1px rgba(175, 175, 161, 0.8); } .postSharing .postShare .share-item img { width: 15px; border-radius: 2px; vertical-align: sub; margin-right: 10px; } .postSharing .postShare .share-social { background-color: #e6e7d2; position: absolute; top: 70px; width: 100px; border-radius: 5px; padding: 10px; display: none; box-shadow: 1px 2px 0 1px rgba(175, 175, 161, 0.8); } .postSharing .postShare .share-social li { list-style: none; margin: 8px 0; font-size: 13px; } .postSharing .postShare .share-social:after { content: ''; display: block; position: absolute; left: 50%; top: -8px; width: 0; height: 0; margin: 0 0 0 -9px; border-color: transparent transparent #e6e7d2 transparent; border-style: solid; border-width: 0 9px 8px 9px; } .postSharing .postReview .revItem { display: inline-block; } .postSharing .revItem .revBlock .ratingValue { color: #333; } .postSharing .revItem .revMax { margin-right: 5px } /* ------------------------------------------------------------------[/Post info]------------------------------------------------------------------- */ /* review item */ .revItem .revInfo { padding: 0 5px 0 0; vertical-align: middle; } .revItem .revBlock.revStyle5 { width: 72px; height: 12px; display: inline-block; position: relative; overflow: hidden; } .revItem .revBlock.revStyle10 { width: 150px; height: 12px; display: inline-block; position: relative; overflow: hidden; } .revItem .revBlock { vertical-align: middle; } .revItem .revBlock .revData { display: inline-block; width: 12px; height: 12px; vertical-align: top; } .revItem .revBlock .revData + .revData { margin: 0 0 0 3px; } .revItem .revBlock .revData:before { text-align: center; line-height: 11px; font-size: 12px; display: block; } .revItem .revBlock .ratingDefault { position: absolute; left: 0; top: 0; height: 12px; z-index: 1; white-space: nowrap; color: #fff; } .revItem .revBlock .ratingValue { position: absolute; left: 0; top: 0; height: 12px; z-index: 2; overflow: hidden; white-space: nowrap; } .revItem .revBlock.revStyle100 { width: 150px; height: 6px; display: inline-block; position: relative; overflow: hidden; } .revItem .revBlock.revStyle100 .ratingDefault { position: absolute; left: 0; top: 0; height: 6px; width: 100%; background-color: #ededed; } .revItem .revBlock.revStyle100 .ratingValue { position: absolute; left: 0; top: 0; height: 6px; } /* ------------------------------------------------------------------[Review]------------------------------------------------------------------- */ .reviewBlock { } .reviewBlock .reviewTab .revWrap { position: relative; padding: 15px 20px; } .reviewBlock .reviewTab .revWrap + .revWrap { padding: 0 20px 15px 20px; } .reviewBlock .reviewTab .revWrap:after { content: ''; height: 0; display: block; clear: both; } .reviewBlock .reviewTab .revWrap .revItem { float: right; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .reviewBlock .reviewTab .revWrap .revItem { } .reviewBlock .reviewTab .revWrap .revName { overflow: hidden; } .reviewBlock .reviewTab .revWrap .revInfo { padding: 0 10px 0 0; vertical-align: middle; font-size: 14px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle5 { width: 150px; height: 24px; display: inline-block; position: relative; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle5 .revData { width: 27px; height: 24px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle5 .revData:before { line-height: 23px; font-size: 24px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle5 .ratingDefault { height: 24px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle5 .ratingValue { height: 24px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle10 { width: 147px; height: 12px; display: inline-block; position: relative; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle10 .revData { width: 12px; height: 12px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle10 .revData:before { line-height: 11px; font-size: 12px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle10 .ratingDefault { height: 12px; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle10 .ratingValue { height: 12px; } .reviewBlock .reviewTab .revWrap .revBlock { vertical-align: middle; position: relative; } .reviewBlock .reviewTab .revWrap .revBlock.reviewEdit { cursor: pointer; } .reviewBlock .reviewTab .revWrap .revBlock .revData { display: inline-block; vertical-align: top; } .reviewBlock .reviewTab .revWrap .revBlock .revData + .revData { margin: 0 0 0 3px; } .reviewBlock .reviewTab .revWrap .revBlock .revData:before { text-align: center; display: block; } .reviewBlock .reviewTab .revWrap .revBlock .ratingDefault { position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap; color: #ededed; } .reviewBlock .reviewTab .revWrap .revBlock .ratingValue { position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; white-space: nowrap; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle100 { width: 150px; height: 6px; display: inline-block; position: relative; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle100 .ratingDefault { position: absolute; left: 0; top: 0; height: 6px; width: 100%; background-color: #ededed; } .reviewBlock .reviewTab .revWrap .revBlock.revStyle100 .ratingValue { position: absolute; left: 0; top: 0; height: 6px; } .reviewBlock .reviewTab .revWrap .revBlock .revTooltip { position: absolute; display: block; display: block; width: 50px; text-align: center; height: 25px; background-color: #fff; left: 0; top: -30px; pointer-events: none; line-height: 25px; font-size: 14px; border: 1px solid #ddd; z-index: 3; margin: 0 0 0 -25px; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .reviewBlock .reviewTab .revWrap .revBlock .revTooltip:before { content: ''; pointer-events: none; display: block; position: absolute; left: 50%; bottom: -3px; width: 6px; height: 6px; background-color: #fff; border-width: 0 1px 1px 0; border-style: solid; border-color: #ddd; margin: 0 0 0 -3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .reviewBlock .reviewTab .revWrap .revItem:hover .revTooltip { opacity: 1; } .reviewBlock .reviewTab { display: none; } .reviewBlock .reviewTab .revAccept { text-align: center; padding: 20px 0; display: none; } .reviewBlock .reviewTab .revTotalWrap { border-width: 1px 1px 0 1px; border-style: solid; border-color: #ddd; margin: 0 -1px; } .reviewBlock .reviewTab .revTotalWrap:after { content: ''; height: 0; display: block; clear: both; } .reviewBlock .reviewTab .revTotalWrap .revDesc { overflow: hidden; padding: 20px; border-right: 1px solid #ddd; font-size: 12px; line-height: 16px; } .reviewBlock .reviewTab .revTotalWrap .revTotal { float: right; width: 140px; text-align: center; padding: 30px 0; border-left: 1px solid #ddd; margin: 0 0 0 -1px; } .reviewBlock .reviewTab .revTotalWrap .revTotal .revRating { font-size: 60px; } /* ------------------------------------------------------------------[Review]------------------------------------------------------------------- */ .sticky h1.postTitle a { color: #5ea281; text-decoration: underline; } /* theme paginaton */ .nav_pages { border-top: 1px solid #ddd; } .blogStylePortfolio .nav_pages { border: none; } .nav_pages { } .nav_pages ul { margin: 0; padding: 70px 0; text-align: center; } .nav_pages ul li { display: inline-block; color: #000; font-size: 14px; } .nav_pages ul li + li { margin: 0 0 0 5px; } .nav_pages ul li a { display: block; padding: 5px 13px; color: #000; border-radius: 5px; font-weight: 300; background-color: #fff; } .nav_pages ul li a:hover { } .nav_pages ul li span { display: block; padding: 5px 13px; color: #fff; border-radius: 5px; font-weight: 300; } /* hover A effect */ .hoverUnderline a { position: relative; display: inline-block; color: #000; } .hoverUnderline a:hover { } .hoverUnderline a span.hoverLine { content: ''; height: 0; border-bottom: 1px solid; position: absolute; bottom: -5px; left: 50%; right: 50%; width: 0; display: none; } .hoverUnderline a:hover span.hoverLine { left: 0; right: 0; width: 100%; } /* post */ /* post Format Icon */ .postFormatIcon { height: 50px; width: 50px; padding: 0 0 5px 0; position: relative; margin-bottom: 15px; } .postFormatIcon:before { font-size: 50px; line-height: 50px; text-align: center; width: 50px !important; height: 50px !important; } .postFormatIcon.icon-post::after { content: '---'; font-size: 110px; width: 40px; display: block; line-height: 8px; color: #fff; position: absolute; left: 7px; top: 1px; font-weight: 300; } .postFormatIcon.icon-quote:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); margin-top: 5px; } /* post */ .post { padding: 30px 0 60px 0; } .post + .post { padding: 60px 0 60px 0; } .fullWidth .post { padding: 60px 0 110px 0; } .fullWidth .post + .post { padding: 110px 0 110px 0; } .fullWidth.sideBarHide .post { padding: 30px 30px 60px 30px; } .fullWidth.sideBarHide .post + .post { padding: 60px 30px 60px 30px; } .single-post .fullWidth .post { padding: 30px 0 60px 0; } .post:after { content: ''; display: block; height: 0; clear: both; } .post h1 { /* margin: 0 0 5px 0; */ } .post h2 { margin: 0 0 20px 0; } .post p { padding: 0; margin: 0 0 22px 0; color: #8b8b8b; font-weight: 400; word-spacing: 2px; font-size: 14px; line-height: 23px; } .post .blogStreampageColumns { margin-bottom: 0; width: 100%; } .post.emptyPostFormatIcon { } .post.emptyPostTitle .postFormatIcon { padding: 0 0 30px 0; } .post.emptyPostInfo h1, .post.emptyPostInfo h2 { margin: 0 0 30px 0; } .isotopeItem .postThumb, .post .postThumb { margin: 0 0 30px 0; } .post .postThumb.thumbZooom { position: relative; } .post .postThumb.thumbZooom .thumb-ico { position: absolute; left: 50%; top: 65%; color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 50px; margin: -25px 0 0 -25px; opacity: 0; } .post .postThumb.thumbZooom:hover .thumb-ico { top: 50%; opacity: 1; } .isotopeItem .postThumb img, .post .postThumb img { display: block; } .post .videoThumb { margin: 0 0 30px 0; } .readMore { padding: 30px 0 0px 0; clear: both; } .readMore a { background-color: #474e5e; } .postSharing + .readMore { padding: 60px 0 0px 0; } /* single post without sidebar */ .single .sideBarHide .postFormatIcon, .single .sideBarHide .post h1, .single .sideBarHide .postInfo { text-align: center; margin-left: auto; margin-right: auto; } .single .sideBarHide .postFormatIcon.icon-post::after { left: 5px; } .single .sideBarHide .postInfo .postTags a { font-weight: 400; letter-spacing: 2px; } .single .sideBarHide .postDate { text-align: center; font-size: 14px; color: #8b8b8b; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; } .single .sideBarHide .singlePage { padding: 30px 0 30px 0 } .single .sideBarHide .postFormatIcon { display: none; } .single .sideBarHide .postTags .icon { font-size: 18px; margin-right: 5px; color: #d0d1cb; } .single .sideBarHide .author .authorSoc { max-width: 340px; float: right; padding: 0 0 0 50px; } .single .sideBarHide .author .authorSoc h3, .single .sideBarHide .author .authorSoc ul { display: inline-block; } .single .sideBarHide .author .authorSoc h3 { vertical-align: text-bottom; margin-right: 10px; } .single .wrapWide, .category .wrapWide, .sideBarRight .wrapWide, .sideBarLeft .wrapWide { padding-bottom: 60px; } .sideBarWide .wrapWide { max-width: 850px; } .sideBarWide .postFormatIcon, .sideBarWide .post h1, .sideBarWide .postInfo { text-align: center; margin-left: auto; margin-right: auto; } .sideBarWide .postFormatIcon.icon-post::after { left: 5px; } .sideBarWide .postInfo .postTags a { font-weight: 400; letter-spacing: 2px; } .sideBarWide .postDate { text-align: center; font-size: 14px; color: #8b8b8b; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; } .sideBarWide .singlePage { padding: 30px 0 30px 0 } .sideBarWide .postFormatIcon { display: none; } .sideBarWide .postTags .icon { font-size: 18px; margin-right: 5px; color: #d0d1cb; } .sideBarWide .author .authorSoc { max-width: 340px; float: right; padding: 0 0 0 50px; } .sideBarWide .author .authorSoc h3, .sideBarWide .author .authorSoc ul { display: inline-block; } .sideBarWide .author .authorSoc h3 { vertical-align: text-bottom; margin-right: 10px; } .sideBarWide .readMore { padding: 20px 0 0 0; text-align: center; } .sideBarWide .readMore a { padding: 0; background: none; background-color: none; font-size: 14px; color: #8b8b8b; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; } .sideBarWide .readMore a:hover, .sideBarWide .sc_button.sc_button_skin_dark.sc_button_style_bg:hover { background: none; background-color: none; } .sideBarWide .author { padding: 30px 0 60px 0; } .sideBarWide span.icon.icon-post, .sideBarWide .postSharing .postSpan .revInfo, .sideBarWide .postSharing .postSpan .icon, .sideBarWide .postSharing .postShare.active .revInfo { padding: 0; background: none; background-color: none; margin: 0; box-shadow: none; font-weight: 400; } .sideBarWide .postSharing .postSpan:hover .revInfo, .sideBarWide .postSharing .postSpan:hover .icon { background: none; background-color: none; } .sideBarWide .postSharing span.icon.icon-post { margin-right: 5px; color: #d0d1cb; font-size: 12px; } .sideBarWide .postSharing .postSpan .revInfo { font-size: 10px; color: #8b8b8b; text-transform: uppercase; letter-spacing: 2px; } .sideBarWide .postSharing { text-align: center; } .sideBarWide .postSharing .postShare .share-social { width: auto; top: 0; display: block !important; border: none; background: none; background-color: none; padding: 0; margin: 0; position: relative; box-shadow: none; } .sideBarWide .postSharing .postShare .share-social:after { display: none; } .sideBarWide .postSharing .postShare .share-item img { margin: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: block; } .sideBarWide .postSharing .postShare .share-social li { padding: 0; margin: 0; display: inline-block; width: 36px; height: 36px; margin: 0 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .sideBarWide .postSharing .postShare .share-social li a { top: 0; bottom: 0; width: 100%; height: 100%; display: block; } .sideBarWide .postSharing .postSpan { display: block; } .sideBarWide .postSharing .postShare .share-social li:hover { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } body:not(.single) .sideBarWide .post { padding: 80px 0 110px 0; } .sideBarWide .post + .post { padding: 110px 0; } .sideBarWide .postSharing .share { padding-top: 40px; } body.single .post { padding-bottom: 0 !important; padding-top: 30px !important; } /* blog Streampage */ .blogStreampage { } /* viewmore */ #viewmore_link { text-align: center; } #viewmore_link .sc_button { } #viewmore_link.loading .sc_button { display: none; } #viewmore_link .viewmore_loader { display: none; } #viewmore_link .viewmore_loader .viewmore_preloader { display: block; height: 70px; position: relative; } #viewmore_link .viewmore_loader .viewmore_preloader:before { width: 40px; height: 40px; margin: -20px -20px 0 0; } #viewmore_link.loading .viewmore_loader { display: block; } /* post format */ .format-standard { } .format-gallery { } .format-video { } .format-audio { } .format-link { } .format-image { } .format-status { } .format-aside { } .format-chat { } .format-quote .sc_quote { margin: 0; font-style: normal; font-size: 24px; position: relative; color: #000; } .format-quote .sc_quote .icon:before { content: '“'; display: block; height: 30px; color: #8b8b8b; width: 30px; line-height: 75px; position: absolute; font-size: 75px; left: 0; top: 0; } /* attachment Thumb */ .attachmentSection .post_title { } .attachmentThumb .attcWrap, .attachmentThumb .attcNav .attcInf, .attachmentThumb .attcNav .attcIcon { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .attachmentThumb { position: relative; } .attachmentThumb .attachmentImg, .attachmentThumb .attachmentImg img { display: block; } .attachmentThumb .attcWrap { display: table; position: absolute; width: 100%; top: 50%; left: 0; z-index: 3; height: 200px; margin: -100px 0 0 0; overflow: hidden; opacity: 0; } .attachmentThumb:hover .attcWrap { opacity: 1; } .attachmentThumb .attcPosition { display: table-cell; vertical-align: middle; text-align: center; } .attachmentThumb .attcNav { display: block; width: 50%; color: #000; min-height: 50px; } .attachmentThumb .attcNav.attcPrev { float: left; } .attachmentThumb .attcNav.attcNext { float: right; } .attachmentThumb .attcNav .attcInf { display: block; min-height: 50px; background-color: #fff; padding: 0 20px; opacity: 0.9; } .attachmentThumb .attcNav .attcInf .attcHead { font-weight: 400; display: block; font-size: 14px; margin: 8px 0 0 0; line-height: 16px; } .attachmentThumb .attcNav .attcInf .attcDesc { display: block; font-size: 12px; line-height: 14px; padding: 2px 0 5px 0; } .attachmentThumb .attcNav.attcPrev .attcInf { float: left; text-align: left; margin: 0 0 0 -200%; } .attachmentThumb .attcNav.attcPrev:hover .attcInf { margin: 0; padding: 0 20px 0 70px; } .attachmentThumb .attcNav.attcNext .attcInf { float: right; text-align: right; margin: 0 -200% 0 0; } .attachmentThumb .attcNav.attcNext:hover .attcInf { margin: 0; padding: 0 70px 0 20px; } .attachmentThumb .attcNav .attcIcon { display: inline-block; height: 50px; width: 50px; background-color: #fff; position: absolute; z-index: 1; top: 50%; margin: -25px 0 0 0; } .attachmentThumb .attcNav.attcPrev .attcIcon { left: -50px; } .attachmentThumb:hover .attcNav.attcPrev .attcIcon { left: 50px } .attachmentThumb .attcNav.attcPrev:hover .attcIcon { left: 0; } .attachmentThumb .attcNav.attcNext .attcIcon { right: -50px; } .attachmentThumb:hover .attcNav.attcNext .attcIcon { right: 50px; } .attachmentThumb .attcNav.attcNext:hover .attcIcon { right: 0; } .attachmentThumb .attcNav .attcIcon:before { display: block; width: 50px; height: 50px; font-size: 30px; text-align: center; line-height: 50px; } /* ------------------------------------------------------------------[Page 404]------------------------------------------------------------------- */ .page404 { padding: 0; } .page404 .title404 { font-size: 46px; line-height: 50px; text-align: center; letter-spacing: 0px; } .page404 .subTitle404 { text-align: center; } .page404 p { font-size: 12px; line-height: 16px; text-align: center; font-weight: 400; color: #8b8b8b; } .page404 p b { font-weight: 600; } .error404 .subCategory { display: none; } /* ------------------------------------------------------------------[/Page 404]------------------------------------------------------------------- */ /* NoPost */ .noPost { padding: 70px 0; } .noPost .titleNoPost { font-size: 40px; text-align: center; } .noPost .subTitleNoPost { font-size: 30px; text-align: center; } .noPost p { font-size: 20px; line-height: 30px; text-align: center; font-weight: 300; color: #000; } .noPost p b { font-weight: 600; } /* NoPost */ .noSearch { padding: 70px 0; } .noSearch .titleSearch { font-size: 40px; text-align: center; } .noSearch .subTitleSearch { font-size: 30px; text-align: center; } .noSearch p { font-size: 20px; line-height: 30px; text-align: center; font-weight: 300; color: #000; } .noSearch p b { font-weight: 600; } /* category */ .subCategory { background-color: #f57c84; text-align: center; padding: 30px 0; margin: 0 0 60px 0; } .sliderShow .subCategory { margin: 0; } .subCategory h1 { font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 8px; margin-top: 0; color: #fff; max-width: 1240px; margin: 0 auto; } .subCategory .categoryDescription { padding: 3px 0 0 0; font-size: 10px; color: #fff; letter-spacing: 3px; max-width: 1240px; margin: 0 auto; text-transform: uppercase; } .subCategory { padding: 30px; } /* author */ section.author { overflow: hidden; border: none !important; padding: 0; padding: 30px 0 60px 0; } .author .authorSoc { max-width: 230px; float: left; padding: 0 30px 0 0; } .author .authorSoc h3 { } .author .authorInfo { overflow: hidden; padding: 25px; margin: 0 0 10px 0; background-color: #fbfcf7; border-radius: 5px; } .author .authorInfo .authorAva { width: 60px; height: 60px; float: left; } .author .authorInfo .authorAva img { width: 100%; } .author .authorInfo .authorTitle { margin: 0 0 0 70px; font-size: 14px; line-height: 14px; font-weight: 400; color: #000; padding: 0 0 10px 0; } .author .authorInfo .authorTitle a { text-transform: uppercase; } .author .authorInfo .authorDescription { margin: 0 0 0 70px; font-size: 14px; line-height: 20px; } /* soc links */ .socLinks { } .socLinks:after { content: ''; height: 0; display: block; clear: both; } ul.social_style_images { margin: 0; padding: 0; overflow: hidden; } ul.social_style_images li { float: left; list-style: none; padding: 0; margin: 0; } ul.social_style_images li a { display: block; width: 36px; height: 36px; overflow: hidden; margin: 0 10px 0px 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } ul.social_style_images li a img { display: block; width: 36px; height: 36px; } ul.social_style_images li a:hover {opacity: 0.6;} ul.social_style_icon { } /* related post */ .related { padding: 60px 0; } .related h3 { padding: 0 0 40px 0; } /* post style BOX */ .postBox .postBoxItem .postThumb:before, .postBox .postBoxItem .postBoxInfo .postBoxCategory .postBox .postBoxItem .postBoxInfo h4, .postBox .postBoxItem .sc_video_frame .sc_video_frame_thumb:before { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .postBox .postBoxItem .postBoxInfo h4 { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .postBox .postBoxItem .postBoxInfo .postBoxCategory { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .postBox { width: 100%; overflow: hidden; } .postBox .postBoxItem { position: relative; display: block; text-align: center; } .postBox .postBoxItem .postThumb { width: 100%; height: 100%; overflow: hidden; position: relative; } .postBox .postBoxItem .postThumb img { width: 100%; height: auto; display: block; } .postBox .postBoxItem .sc_video_frame .sc_video_frame_thumb:before, .postBox .postBoxItem .postThumb:before { content: ''; display: block; position: absolute; z-index: 4; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0; } .postBox .postBoxItem:hover .sc_video_frame .sc_video_frame_thumb:before, .postBox .postBoxItem:hover .postThumb:before { opacity: 0.8; } .postBox .postBoxItem .postThumb.noneThumb { position: relative; } .postBox .postBoxItem .postThumb.noneThumb .iconThumb { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; line-height: 40px; color: #dedede; } .postBox .postBoxItem .postThumb.noneThumb .iconThumb:before { display: block; width: 40px; height: 40px; text-align: center; line-height: inherit; font-size: 40px; } /* post format */ .postBox .postBoxItem .sc_video_frame { padding: 0; } .postBox .postBoxItem .sc_video_frame .sc_video_frame_info_wrap .sc_video_frame_info .sc_video_frame_icon { width: 75px; height: 75px; line-height: 0; } .postBox .postBoxItem .sc_video_frame .sc_video_frame_info_wrap .sc_video_frame_info .sc_video_frame_icon:before { font-size: 75px; opacity: 1; } .postBox .postBoxItem:hover .sc_video_frame .sc_video_frame_info_wrap .sc_video_frame_info .sc_video_frame_icon:before { opacity: 0; } .postBox.sc_columns_2 .postBoxItem .postBoxInfoWrap { height: 650px; margin: -325px 0 0 0; } .postBox.sc_columns_3 .postBoxItem .postBoxInfoWrap { height: 420px; margin: -210px 0 0 0; } .postBox.sc_columns_4 .postBoxItem .postBoxInfoWrap { height: 310px; margin: -155px 0 0 0; } .postBox.sc_columns_5 .postBoxItem .postBoxInfoWrap { height: 250px; margin: -125px 0 0 0; } .postBox.sc_columns_6 .postBoxItem .postBoxInfoWrap { height: 210px; margin: -105px 0 0 0; } .postBox .postBoxItem .postBoxInfoWrap { color: #fff; position: absolute; z-index: 8; top: 50%; left: 0; display: table; width: 100%; cursor: pointer; opacity: 0; } .postBox .postBoxItem:hover .postBoxInfoWrap { opacity: 1; } .postBox .postBoxItem .postBoxInfo { display: table-cell; vertical-align: middle; } .postBox .postBoxItem .postBoxInfo h4 { color: #fff; letter-spacing: -1px; padding: 0 15px 15px 15px; line-height: normal; opacity: 0; } .postBox .postBoxItem:hover .postBoxInfo h4 { opacity: 1; padding: 0 15px; } .postBox .postBoxItem .postBoxInfo .postBoxCategory { text-transform: uppercase; font-size: 14px; padding: 15px 15px 0 15px; opacity: 0; } .postBox .postBoxItem:hover .postBoxInfo .postBoxCategory { opacity: 1; } .postBox .postBoxItem .postBoxInfo .postBoxCategory a { display: inline-block; color: #fff; line-height: 14px; } .postBox.sc_columns_2 .postBoxItem .postBoxInfo h4 { font-size: 32px; } .postBox.sc_columns_3 .postBoxItem .postBoxInfo h4 { font-size: 28px; } .postBox.sc_columns_4 .postBoxItem .postBoxInfo h4 { font-size: 23px; } .postBox.sc_columns_5 .postBoxItem .postBoxInfo h4 { font-size: 18px; } .postBox.sc_columns_6 .postBoxItem .postBoxInfo h4 { font-size: 16px; } .postBox.sc_columns_2 .postBoxItem .postBoxCategory, .postBox.sc_columns_3 .postBoxItem .postBoxCategory { font-size: 14px; } .postBox.sc_columns_4 .postBoxItem .postBoxCategory, .postBox.sc_columns_5 .postBoxItem .postBoxCategory { font-size: 12px; } .postBox.sc_columns_6 .postBoxItem .postBoxCategory { font-size: 10px; } /* comments */ /* ------------------------------------------------------------------[Comments]------------------------------------------------------------------- */ .comments { padding: 60px 0 20px 0; } .comments .commentsTitle { padding: 0 0 30px 0; } .comments ul.commentsList { margin: 0; padding: 0; } .comments li.commItem { list-style: none; padding: 0 0 30px 0 } .comments li.commItem:after { content: ''; display: block; height: 0; clear: both; } .comments li.commItem + .commItem { border-top: 1px solid #ddd; padding: 40px 0 30px 0; } .comments .comment-respond + li.commItem { border-top: 1px solid #ddd; padding: 40px 0 0 0; margin: 40px 0 0 0; } .comments li.commItem ul.children { border-top: 1px solid #ddd; padding: 40px 0 0 30px; margin: 30px 0 0 40px; } .comments li.commItem ul.children li { padding: 0; } .comments li.commItem ul.children .comment-respond + li { padding: 40px 0 0 0; } .comments li.commItem ul.children li + li { padding: 40px 0 0 0; margin: 30px 0 0 0; } .comments .commWrap:after { content: ''; height: 0; display: block; clear: both; } .comments.avatars .commWrap .commentBody { margin: 0 0 0 80px; } .comments .commWrap .commentAva { float: left; width: 60px; height: 60px; padding: 0 0 10px 0; } .comments .commWrap .commentAva img { width: 100%; border-radius: 5px; } .comments .commentInfo { padding: 0 0 15px 0; font-size: 14px; line-height: 12px; } .comments .commentInfo span + span { display: inline-block; padding: 0 0 0 20px; margin: 0 0 0 20px; color: #000; font-weight: 400; } .comments .commentInfo .commAuthor { font-weight: 600; line-height: 12px; text-transform: uppercase; } .comments .commentInfo .commAuthor a { text-transform: uppercase; font-weight: 600; } .comments .commentInfo .commDate a { } .comments .commentInfo .commReply a { } .comments .commentContent { font-size: 14px; } .comments .commentContent p { margin: 0 0 10px 0; } .comments .commentModeration .icon { margin: 0 5px 0 0; } .comments .commentModeration:after { content: ''; display: block; width: 100px; height: 0px; border-bottom: 1px solid #ddd; margin: 10px 0; } /* form */ .form { } .form .formName { } .form .formEmail { } .form .formWebsite { } .form .formMessage { padding: 0 0 40px 0; } .commForm { padding: 60px 0 30px 0; } .commForm .form-submit { display: none; } .commForm .comment-reply-title { display: none; } .commentsList ul.children .comment-respond { padding: 30px 0 0 0; } .commentsList .comment-respond { padding: 0; } .commentsList .comment-respond .sc_form_message textarea { margin: 0 0 30px 0; } .commentsList .comment-respond .sc_result { display: none; } .commentsList .comment-respond .form-submit { display: none; } .commentsList .comment-respond .comment-reply-title { text-align: right; } .commentsList .comment-respond .comment-reply-title a { display: inline-block; font-size: 12px; height: 16px; } .commentsList .comment-respond .comment-reply-title a:before { bottom: -4px; } .commentsList .comment-respond .comment-reply-title a:after { content: ''; font-family: 'fontello'; display: inline-block; width: 0; height: 0; text-align: right; font-size: 0; overflow: hidden; } .commentsList .comment-respond .formMessage { padding: 0 0 40px 0; } /* ------------------------------------------------------------------[/Comments]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Isopote]------------------------------------------------------------------- */ /* isotope */ /* hoverIncrease zoom effect */ .hoverIncrease { position: relative; } .hoverIncrease img { position: relative; z-index: 5; display: block; } .hoverIncrease .hoverShadow { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; display: block; background-color: #000; opacity: 0; filter: alpha(opacity=0); } .hoverIncrease .hoverIcon { width: 0; height: 0; font-size: 0; line-height: 0; line-height: 5px; margin: 0; position: absolute; left: 50%; top: 50%; display: block; background: #fff; z-index: 7; text-align: center; color: #000; opacity: 0; filter: alpha(opacity=0); } .hoverIncrease .hoverIcon:before { content: '\e83f'; font-family: "fontello"; display: block; } .hoverIncrease:hover .hoverIcon { width: 50px; height: 50px; font-size: 20px; line-height: 50px; margin: -25px 0 0 -25px; opacity: 0.8; filter: alpha(opacity=80); } .hoverIncrease:hover .hoverShadow { opacity: 0.8; filter: alpha(opacity=80); } /* filter */ .isotopeFiltr { } .isotopeFiltr ul { padding: 0; margin: 0 0 70px 0; text-align: center; } .isotopeFiltr ul li { display: inline-block; } .isotopeFiltr ul li + li { margin: 0 0 0 5px; } .isotopeFiltr ul li a { font-size: 12px; margin: 0 4px 4px 0; margin-left: 0px; display: block; color: rgb(255, 255, 255); border-radius: 5px; padding: 4px 12px; font-weight: 500; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .isotopeWrap { margin: 0 0 30px 0; } .blogStylePortfolio .wrapWide, .error404 .wrapWide{width: 100%;} .blogStylePortfolio .isotopeWrap { margin: 0 0 0px 0; padding: 0 20px; } .blogStylePortfolio.bodyStyleFullWide.sideBarHide .isotopeWrap { padding: 0; } .sideBarShow .blogStylePortfolio .isotopeWrap { margin: 0; } .isotopeWrap:after { content: ''; clear: both; height: 0; display: block; } .isotopeWrap .isotopeItem { padding: 0; opacity: 0; overflow: hidden; cursor: pointer; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out; } .isotopeWrap .isotopeItem.fullItemWrap, .isotopeWrap .isotopeItem.isotopeActive { cursor: default; } .isotopeWrap .isotopeItem.isotopeItemShow { opacity: 1; } .isotopeWrap .isotopeItem:after { content: ''; display: block; position: absolute; bottom: -35px; left: 50%; width: 0; height: 0; z-index: 12; margin: 0 0 0 -50px; border-style: solid; border-width: 0 50px 35px 50px; border-color: transparent transparent #fff transparent; -webkit-transition: bottom 0.3s ease-out; -moz-transition: bottom 0.3s ease-out; -o-transition: bottom 0.3s ease-out; transition: bottom 0.3s ease-out; } .isotopeWrap .isotopeItem.isotopeActive:after { bottom: 0; } .isotopeWrap .isotopeItem.isotopeActive .isotopeMore { display: none; } .isotopeWrap .isotopeItem .isotopeItemWrap { position: relative; overflow: hidden; } .isotopeWrap .isotopeItem .thumb { } .isotopeWrap .isotopeItem .thumb img { display: block; width: 100%; } .isotopeWrap .isotopeItem .thumb.noneThumb { position: relative; } .isotopeWrap .isotopeItem .thumb.noneThumb .iconThumb { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; line-height: 40px; color: #dedede; } .isotopeWrap .isotopeItem .thumb.noneThumb .iconThumb:before { display: block; width: 40px; height: 40px; text-align: center; line-height: inherit; font-size: 40px; } .isotopeWrap .isotopeItem .isotopeContentWrap { position: absolute; left: 0; top: 50%; display: table; width: 100%; height: 1000px; margin: -550px 0 0 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; opacity: 0; z-index: 3; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .isotopeWrap .isotopeItem.isotopeActive .isotopeContentWrap, .isotopeWrap .isotopeItem:hover .isotopeContentWrap { opacity: 1; margin: -500px 0 0 0; } .isotopeWrap .isotopeItem .isotopeContent { vertical-align: middle; display: table-cell; padding: 0 20px; } .isotopeWrap .isotopeItem .isotopeContent .isotopeTitle { letter-spacing: 0; color: #fff; margin: 0 0 15px 0; } .isotopeWrap .isotopeItem .isotopeContent .isotopeTitle a { color: #fff; } .isotopeWrap .isotopeItem .isotopeContent .isotopeTitle a:hover { } .isotopeWrap .isotopeItem .isotopeContent .isotopeExcerpt { color: #fff; font-size: 14px; margin: 0 0 10px 0; line-height: 16px; } .isotopeWrap .isotopeItem .isotopeContent .isotopeCats { font-size: 14px; text-transform: uppercase; } .isotopeWrap .isotopeItem .isotopeContent .isotopeCats a { color: #fff; } .isotopeWrap .isotopeItem .isotopeContent .isotopeCats a .hoverLine { bottom: 1px; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeContent .isotopeExcerpt { display: none; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeContent .isotopeCats { font-size: 12px; } .isotopeWrap.portfolio_mini .isotopeItem:after { margin: 0 0 0 -25px; border-width: 0 25px 20px 25px; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeMore { width: 24px; height: 24px; margin: 0 0 0 -12px; } .isotopeWrap.portfolio_mini .isotopeItem:hover .isotopeMore { bottom: 15px; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeMore:before { font-size: 24px; line-height: 24px; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeRating { } .isotopeWrap.portfolio_mini .isotopeItem .isotopeRating .rInfo { padding: 2px 0; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeRating .rDelta { margin: -5px 0 0 0; height: 10px; line-height: 10px; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeRating .rDelta span:before { font-size: 10px; } .isotopeWrap.portfolio_mini .isotopeItem .isotopeRating:after { border-width: 15px 20px 0 20px; } .isotopeWrap.portfolio_big .isotopeItem .isotopeContent .isotopeTitle { font-size: 200%; line-height: 40px; margin: 0 0 30px 0 } .isotopeWrap.portfolio_big .isotopeItem .isotopeContent .isotopeExcerpt { margin: 0 0 30px 0; } .isotopeWrap.portfolio_medium .isotopeItem .isotopeContent .isotopeTitle { font-size: 150%; } .isotopeWrap.portfolio_mini.isotopeItem .isotopeContent .isotopeTitle { font-size: 120%; } .isotopeWrap .isotopeItem .isotopeMore, .isotopeWrap .isotopeItem .isotopeRating { -webkit-transition: all 0.3s ease-out 0.2s; -moz-transition: all 0.3s ease-out 0.2s; -o-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; } .isotopeWrap .isotopeItem .isotopeRating { position: absolute; left: 50%; margin: 0 0 0 -70px; z-index: 4; color: #fff; width: 0; text-align: center; border-style: solid; border-width: 70px 70px 0px 70px; } .isotopeWrap .isotopeItem.isotopeActive .isotopeRating, .isotopeWrap .isotopeItem:hover .isotopeRating { top: 0; } .isotopeWrap .isotopeItem .isotopeRating { height: 62px; } .isotopeWrap .isotopeItem .isotopeRating span { display: block; } .isotopeWrap .isotopeItem .isotopeRating span.rInfo { padding: 10px 0; position: relative; z-index: 1; margin-top: -60px; width: 140px; margin-left: -70px; font-size: 18px; } .isotopeWrap .isotopeItem .isotopeRating span.rDelta { margin: -12px 0 0 0; height: 20px; line-height: 20px; font-size: 14px; position: relative; z-index: 1; } .isotopeWrap .isotopeItem .isotopeMore { width: 50px; height: 50px; position: absolute; left: 50%; bottom: -200px; margin: 0 0 0 -25px; z-index: 4; color: #fff; text-align: center; opacity: 0.2; } .isotopeWrap .isotopeItem .isotopeMore:before { font-size: 50px; line-height: 50px; } .isotopeWrap .isotopeItem:hover .isotopeMore { bottom: 30px; display: none; } /* full isotope */ .isotopeWrap .fullItemWrap { padding: 0; left: 0 !important; padding: 0 20px; right: 0; min-height: 250px; z-index: 1; position: relative; overflow: hidden; } .isotopeWrap .fullItemWrap .fullItemClosed { position: absolute; right: 30px; top: 30px; z-index: 3; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; } .isotopeWrap .fullItemWrap .fullItemClosed:before { font-size: 25px; } .isotopeWrap .fullItemWrap .fullItemClosed:hover { } .isotopeWrap .fullItemWrap .fullContent { background-color: #fff; position: relative; z-index: 2; padding: 70px 0; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .isotopeWrap .fullItemWrap .fullContent.ajaxShow { opacity: 1; } .isotopeWrap .fullItemWrap .fullContent .sc_columns_item { margin-bottom: 0; } .isotopeWrap .fullItemWrap .fullContent .post { padding: 0; } .isotopeWrap .fullItemWrap .isotopeNav { display: block; position: absolute; top: 0; width: 100px; height: 100%; line-height: 100px; font-size: 70px; cursor: pointer; text-align: center; margin: -50px 0 0 0; color: #000; } .isotopeWrap .fullItemWrap .isotopeNav:hover { } .isotopeWrap .fullItemWrap .isotopeNav:before { display: block; position: absolute; left: 0; top: 50%; margin: -50px 0 0 0; width: 100px; height: 100px; line-height: 100px; } .isotopeWrap .fullItemWrap .isotopeNav.isoPrev { left: 0; } .isotopeWrap .fullItemWrap .isotopeNav.isoNext { right: 0; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* gallery */ /* ------------------------------------------------------------------[/Isotope]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Gallery]------------------------------------------------------------------- */ .gallery { margin: 0 -5px; } .gallery .gallery-item { margin: 0 !important; position: relative; overflow: hidden;} .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { width: 100%; border: none !important; display: block; } .gallery .gallery-item .gallery-icon { margin: 0; } .gallery .gallery-item .gallery-caption { opacity: 0; position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); max-width: 100%; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; padding: 10px !important;} .gallery .gallery-item .gallery-caption div { display: table; width: 100%; height: 100%; } .gallery .gallery-item .gallery-caption h4 { color: #fff; padding: 0 20px; letter-spacing: 0; line-height: 26px; display: table-cell; vertical-align: middle; } .gallery .gallery-item:hover .gallery-caption { opacity: 1; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 10px; padding: 5px 5px 0 5px; margin: 0; line-height: 10px; } .gallery.gallery-columns-8 .gallery-caption { font-size: 11px; padding: 5px 5px 0 5px; margin: 0; line-height: 11px; } .gallery.gallery-columns-7 .gallery-caption { font-size: 12px; padding: 5px 5px 0 5px; margin: 0; line-height: 12px; } .gallery.gallery-columns-6 .gallery-caption { font-size: 13px; padding: 5px 5px 0 5px; margin: 0; line-height: 13px; } .gallery.gallery-columns-5 .gallery-caption, .gallery.gallery-columns-4 .gallery-caption, .gallery.gallery-columns-3 .gallery-caption, .gallery.gallery-columns-2 .gallery-caption, .gallery.gallery-columns-1 .gallery-caption { padding: 5px 5px 0 5px; margin: 0; } /* ------------------------------------------------------------------[/Gallery]------------------------------------------------------------------- */ /* login popup */ /* standard popUp */ .user-popUp { position: relative; padding: 0; width: auto; max-width: 680px; margin: 20px auto; } .user-popUp .sc_tabs { margin: 0; } .user-popUp .mfp-close { display: none; } .user-popUp .formItems { padding: 40px; text-align: center; } .user-popUp .formItems form { padding: 0; margin: 0; position: relative; } .user-popUp .formItems:after { content: ''; height: 0; display: block; clear: both; } .user-popUp .formItems.loginFormBody { margin: 0 -1px 0 0; } .user-popUp .formItems.loginFormBody .remember { color: #99a2ac; font-size: 12px; height: 15px; line-height: 15px; padding: 20px 0; } .user-popUp .formItems.loginFormBody .remember #rememberme { float: left; vertical-align: middle; margin: 0 5px 0 0; padding: 0; } .user-popUp .formItems.loginFormBody .remember label { float: left; vertical-align: middle; color: #99a2ac; font-size: 14px; } .user-popUp .formItems.loginFormBody .remember .forgotPwd { float: right; } .user-popUp .formItems.loginFormBody .remember .forgotPwd:hover { color: #888888; } .user-popUp .formItems.registerFormBody .i-agree { color: #99a2ac; font-size: 14px; height: 15px; line-height: 15px; padding: 20px 0; text-align: center; display: inline-block; } .user-popUp .formItems.registerFormBody .i-agree #i-agree { float: left; vertical-align: middle; margin: 0 5px 0 0; padding: 0; } .user-popUp .formItems.registerFormBody .i-agree label { float: left; vertical-align: middle; color: #c0c1ba; } .user-popUp .formItems.registerFormBody .i-agree a { display: inline-block; margin: 0 0 0 5px; float: left; line-height: 13px; } .user-popUp .formItems.registerFormBody .i-agree a:hover { color: #888888; } .user-popUp .formItems.registerFormBody .formDescription { font-size: 10px; padding-left: 20px; } .user-popUp .formItems .formList .loginSoc { padding: 10 px 0; height: 32px; } .user-popUp .formItems .formList .loginSoc .iconLogin { width: 32px; height: 32px; display: block; float: left; background: #000; } .user-popUp .formItems .formList .loginSoc .iconLogin + .iconLogin { margin: 0 0 0 5px; } .user-popUp .formItems .formList .loginSoc .iconLogin:before { display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; } .user-popUp .formItems .formList .loginSoc .iconLogin.fb { background-color: #3b5998; color: #ced5e5; } .user-popUp .formItems .formList .loginSoc .iconLogin.tw { background-color: #00acee; color: #bfeafb; } .user-popUp .formItems .formList .loginSoc .iconLogin.gg { background-color: #dd4b39; color: #f6d2cd; } .user-popUp .formItems .formList .formButton { padding: 0; margin-top: 20px; } .user-popUp .formItems .sc_columns_item { } .user-popUp .formItems .sc_columns_item + .sc_columns_item { } .user-popUp .formItems .sc_columns_item .formList { padding: 0 15px 0 0; } .user-popUp .formItems .sc_columns_item + .sc_columns_item .formList { padding: 0 0 0 15px; text-align: left; } .user-popUp .formItems .formList li { list-style: none; display: block; color: #99a2ac; font-size: 14px; } .user-popUp .formItems .formList li + li { padding: 15px 0 0 0; } .user-popUp .formItems .result { margin: 15px 0 0 0; display: none; } .user-popUp .formItems .result p { margin: 0; margin: 0; } .user-popUp #registerForm input, .user-popUp .formLogin input, .user-popUp .formPass input { background-color: #eff0ea; } .user-popUp #registerForm h3 { margin-bottom: 35px; } .user-popUp .sc_required { font-size: 12px; text-align: right; } .user-popUp .formButton .sendEnter { padding: 13px 28px !important; } .user-popUp .formButton { text-align: center; margin-top: 20px; } .user-popUp .formButton a { background-color: #5ea281 !important; border: 2px solid #5ea281 !important; } .user-popUp .formButton a:after { border-top: 13px solid #41715a !important; } .user-popUp .formButton a:hover { color: #5ea281 !important; background-color: #41715a !important; } .user-popUp .formList .formButton a { padding: 13px 28px !important; font-size: 14px; } .user-popUp .formList .formButton { text-align: left; } .user-popUp .sc_tabs.sc_tabs_style_1 ul li a, .user-popUp .sc_tabs.sc_tabs_style_1 .sc_tabs_array { border: none; } .user-popUp .sc_tabs ul.sc_tabs_titles li a { letter-spacing: 2px; color: #8b8b8b; } .user-popUp .sc_tabs ul.sc_tabs_titles li { margin: 0; float: right; } /* ------------------------------------------------------------------[/Content]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Footer & Widgets]------------------------------------------------------------------- */ footer { } footer.footerWidget { padding: 70px 0 0 0; } footer .widget_area { margin-bottom: 0 !important; padding: 0 0 40px 0; } footer .widget_area.widget_second { padding: 40px 0; } footer.footer { text-align: center; padding: 100px 0; } footer.footer .social_icons .icon { font-size: 25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } footer.footer .social_icons:hover .icon { color: #000; font-size: 35px; } footer.footer .social_links { display: inline-block; } footer.footer .logo { padding-bottom: 60px; } /* top */ .topWidget { padding: 0; border-width: 0 0 1px 0; border-style: solid; border-color: #ddd; margin: 0 0 70px 0; } .topWidget .widget_area { padding: 0 0 40px 0; } .topWidget .widget_area.widget_second { padding: 0 0 40px 0; } /* google maps */ #sc_googlemap_footer { height: 350px; } /* copyright */ .copyright { padding: 30px 0; font-size: 16px; font-weight: 300; } /* float */ .wp-caption, .sc_image { position: relative; overflow: hidden; max-width: 100%; } .wp-caption.alignleft, .wp-caption.alignright, .sc_image.alignleft, .sc_image.alignright { margin-top: 5px; } .wp-caption img, .sc_image img { display: block; width: 100% !important; } .wp-caption a, .sc_image a { display: block; } .wp-caption .wp-caption-text, .sc_image .sc_image_caption { margin: 0; padding: 12px; position: absolute; left: 0; right: 0; bottom: -100%; background-color: rgba(0, 0, 0, 0.6); color: #fff; } .sc_image .sc_image_caption { bottom: 0; } .wp-caption:hover .wp-caption-text, .sc_image:hover .sc_image_caption { bottom: 0; } .alignleft { float: left; margin: 0 30px 20px 0; } .alignright { float: right; margin: 0 0 20px 30px; } .aligncenter { margin: 0 auto 30px auto; clear: both; } .alignnone { margin: 0 0 30px 0; } /* WP Styles */ .sticky { } .sticky .sticky_label { } .gallery-caption { } .bypostauthor { } /* Widget */ .sideBar .widgetWrap { margin: 30px 0 0 0; } .sideBar .widgetWrap:after { content: ''; height: 0; display: block; clear: both; } .sideBar .widgetWrap + .widgetWrap { padding: 50px 0 0 0; margin: 50px 0 0 0; } .widgetWrap .title { font-size: 20px; color: #232121; letter-spacing: 3px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .widgetWrap ul { margin: 0; padding: 0 0 0 15px; } .widgetWrap ul > li { font-size: 14px; margin: 2px 0; font-weight: 500; } .widgetWrap ul > li a { color: #8b8b8b; font-weight: 500; } .widgetWrap ul > li a:hover { } /* Widget calendar */ .widget_calendar { font-size: 14px; } .widget_calendar table { width: 100%; border-spacing: 1px; border-collapse: separate } .widget_calendar table a { -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .widget_calendar table td { padding: 0; } .widget_calendar table caption { padding: 0 0 10px 0; font-weight: 600; line-height: 24px; text-align: left;font-size: 20px; color: #232121; letter-spacing: 3px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .widget_calendar table thead { font-size: 12px; font-weight: 900; color: #222222; } .widget_calendar table thead th { height: 35px; width: 41px; line-height: 35px; color: #8b8b8b; text-transform: uppercase; font-weight: 500; text-align: center; } .widget_calendar table tfoot td { height: 35px; line-height: 35px; } .widget_calendar table tfoot td a { display: block; height: 35px; line-height: 35px; text-transform: uppercase; font-weight: 600; font-size: 12px; color: #222; } .widget_calendar table tfoot td#prev { text-align: left; } .widget_calendar table tfoot td#next { text-align: right; } .widget_calendar table tbody { } .widget_calendar table tbody td { text-align: center; vertical-align: middle; height: 35px; line-height: 35px; color: #b5b69d; font-weight: 500; font-size: 14px; width: 41px; } .widget_calendar table tbody td a { display: block; height: 35px; width: 35px; position: relative; margin: auto; border-radius: 5px; } .widget_calendar table tbody td a:before { content: ''; display: block; width: 4px; height: 4px; position: absolute; left: 50%; margin: 0 0 0 -2px; bottom: 4px; } .widget_calendar table tbody td a:hover { color: #fff } .widget_calendar table tbody td#today { outline: 0 !important; } .widget_calendar table tbody td#today span { border: 1px solid #5ea281; border-radius: 5px; width: 33px; height: 33px; display: inline-block; } .widget_calendar table tbody td a { color: #b5b69d; } /* Widget tags */ .widget_tag_cloud { } .widget_tag_cloud .tagcloud { overflow: hidden; } .widget_tag_cloud a { float: left; font-size: 12px !important; margin: 0 4px 4px 0; margin-left: 0px; display: block; color: rgb(255, 255, 255); border-radius: 5px; padding: 4px 12px; font-weight: 500; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .widget_tag_cloud a:hover { color: #fff; } .tagcloud a:hover {color: #fff !important; } /* Widget search */ .widget_search .searchFormWrap { position: relative; height: 35px; } .widget_search .searchFormWrap .searchSubmit { float: right; width: 90px; margin: 0 0 0 3px; padding: 0; } .widget_search .searchFormWrap .searchSubmit input { height: 35px; text-align: center; border-radius: 5px; border: 0; color: #fff; } .widget_search .searchFormWrap .searchSubmit input:hover { background-color: #474e5e; } .widget_search .searchFormWrap .searchField { overflow: hidden; border-radius: 5px; } .widget_search .searchFormWrap .searchField input { width: 100%; height: 35px; padding: 0 13px; display: block; background-color: #fff; color: #bebebe; border: 1px solid #fff; -webkit-appearance: none; font-size: 12px; } .widget_search .searchFormWrap .searchField input:focus { color: #000; border-color: #fff; } .widget_search .searchFormWrap .searchField input:-moz-placeholder { color: #bebebe; } .widget_search .searchFormWrap .searchField input::-webkit-input-placeholder { color: #bebebe; } /* Widget recent comments */ .widget_recent_comments ul > li { color: #8b8b8b; list-style: none; position: relative; margin: 0; } .widget_recent_comments ul > li + li { margin: 15px 0 0 0; } .widget_recent_comments ul > li:before { content: '\e800'; font-family: "fontello"; color: #8b8b8b; width: 14px; height: 14px; text-align: center; line-height: 14px; font-size: 12px; position: absolute; left: -20px; top: 5px; } .widget_recent_comments ul > li a { } /* Widget recent reviews */ .widget_recent_reviews .post_review { position: relative; } .widget_recent_reviews .post_item + .post_item { padding: 30px 0 0 0; } .widget_recent_reviews .post_item .post_thumb { width: 60px; height: 60px; float: left; margin: 0 15px 0 0; } .widget_recent_reviews .post_item .post_thumb img { width: 100%; } .widget_recent_reviews .post_item .post_wrapper { overflow: hidden; } .widget_recent_reviews .post_item .post_wrapper .post_title { font-size: 14px; margin: 0 0 4px 0; } .widget_recent_reviews .post_item .post_wrapper .post_info { font-size: 13px; line-height: 18px; } .widget_recent_reviews .post_item .post_wrapper .post_info .post_date { } .widget_recent_reviews .post_item .post_wrapper .post_info .post_author { } .widget_recent_reviews .post_item .post_wrapper .post_info .link_review { display: block; } .widget_recent_reviews .post_item .post_wrapper .post_info .post_review { display: inline-block; color: #fff; height: 20px; line-height: 20px; } .widget_recent_reviews .post_item .post_wrapper .post_info .post_review:after { content: ''; position: absolute; right: -10px; top: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #5ea281; width: 0; height: 0; } .widget_recent_reviews .post_item .post_wrapper .post_info .post_review .post_review_number { padding: 0 0 0 5px; } .widget_recent_reviews .post_item .post_wrapper .post_info .post_review .review_icon { font-size: 10px; line-height: 20px; } /* widget flickr */ .widget_flickr { } .widget_flickr .flickr_images { overflow: hidden; margin: 0 -5px 0 0; } .widget_flickr .flickr_images .flickr_badge_image { float: left; width: 32%; margin: 0 2px 2px 0; height: auto; } .widget_flickr .flickr_images .flickr_badge_image a { display: block; margin: 0; position: relative; } .widget_flickr .flickr_images .flickr_badge_image img { display: block; width: 100%; } .widget_flickr .flickr_images .flickr_badge_image a:before { content: ''; background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } .widget_flickr .flickr_images .flickr_badge_image a:hover:before { opacity: 0.8; } .widget_flickr .flickr_images .flickr_badge_image a:after { font-family: "fontello"; content: '\e831'; color: #fff; position: absolute; width: 32px; height: 32px; z-index: 3; top: 50%; left: 50%; margin: -20px 0 0 -16px; text-align: center; line-height: 32px; font-size: 20px; opacity: 0; } .widget_flickr .flickr_images .flickr_badge_image a:hover:after { opacity: 1; margin: -16px 0 0 -16px; } /* widget twitter */ .widget_twitter { } .widget_twitter ul { padding: 0 0 0 25px; margin: 0; } .widgetWrap.widget_twitter ul > li { color: #000; list-style: none; position: relative; } .widget_twitter ul > li + li { margin: 20px 0 0 0; padding: 0; } .widget_twitter ul > li:before { content: '\e820'; font-family: "fontello"; text-align: left; font-size: 20px; width: 25px; height: 25px; position: absolute; display: block; top: 0; left: -25px; } .widget_twitter ul > li a { } .widget_twitter ul > li a:hover { } /* widget socials */ footer .widget_socials { padding: 0 0 20px 0; } .widget_socials .social_style_images { padding: 0 0 10px 0; } .widget_socials .logo_image { text-align: center; padding: 0 0 20px 0; } .widget_socials .logo_image img { display: inline-block; } .widget_socials .logo_descr { padding: 0 0 20px 0; font-size: 14px; } /* rss */ .widget_rss { } .widget_rss ul { } .widget_rss ul li { line-height: 20px; } .widget_rss ul li + li { padding: 30px 0 0 0; } .widget_rss ul li .rss-date, .widget_rss ul li .rssSummary { color: #000; } .widget_rss ul li a { } /* widget popular posts */ .widget_trex_post { } .widget_trex_post .ui-tabs-nav { overflow: hidden; padding: 0 0 20px 0; } .widget_trex_post .ui-tabs-nav li { list-style: none; float: left; } .widget_trex_post .ui-tabs-nav li a { display: block; padding: 5px 20px; border: 1px solid #5ea281; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; } .widget_trex_post .ui-tabs-nav li.ui-state-active a { color: #fff; } .widget_trex_post .post_item { overflow: hidden; } .widget_trex_post .post_item + .post_item { padding: 20px 0 0 0; } .widget_trex_post .post_item .post_thumb { width: 60px; height: 60px; float: left; margin: 0 15px 0 0; } .widget_trex_post .post_item .post_thumb img { width: 100%; } .widget_trex_post .post_item .post_wrapper { overflow: hidden; } .widget_trex_post .post_item .post_wrapper .post_title { font-size: 14px; margin: 0 0 4px 0; } .widget_trex_post .post_item .post_wrapper .post_title a { color: #8b8b8b; text-transform: none; font-size: 14px; font-weight: 400; letter-spacing: 0px; } .widget_trex_post .post_item .post_wrapper .post_info { font-size: 13px; line-height: 18px; font-weight: 400; color: #000; } .widget_trex_post .post_item .post_wrapper .post_info .post_date { margin: 0 0 4px 0; display: inline-block; } .widget_trex_post .post_item .post_wrapper .post_info .post_author { } .widget_trex_post .post_item .post_wrapper .post_info .post_comments_text { display: block; } .widget_trex_post .post_item .post_wrapper .post_info .post_comments { } .widget_trex_post .post_item .post_wrapper .post_info .post_comments .comments_icon { padding: 0 5px; } /* ------------------------------------------------------------------[Footer & Widgets]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Custom options]------------------------------------------------------------------- */ /* custom options */ body.custom_options_opened .custom_options { right: 0; } .custom_options_shadow { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 998; background-color: #000; opacity: 0.5; display: none; } .custom_options_shadow.sc_loader_show:before { background-color: #fff; } .custom_options { position: fixed; z-index: 999; right: -260px; top: 0; width: 260px; height: 100%; padding: 20px 0 0 0; -webkit-transition: right 0.3s ease-out; -moz-transition: right 0.3s ease-out; -o-transition: right 0.3s ease-out; transition: right 0.3s ease-out; -moz-box-sizing: border-box; box-sizing: border-box; } .admin-bar .custom_options { padding: 52px 0 0 0; } .custom_options .co_section { border-bottom-style: solid; border-bottom-width: 1px; padding: 40px; position: relative; } .custom_options .co_header { text-align: center; text-transform: uppercase; border-style: solid; border-width: 1px 0; font-size: 16px; height: 45px; line-height: 45px; padding: 0 25px; } .custom_options .co_header .co_ico { width: 45px; height: 45px; line-height: 45px; text-align: center; margin: 80px 0 0 -70px; float: left; } .custom_options .co_header .co_ico:before { } .custom_options.co_show_reset .co_header { text-align: center; } .custom_options .co_header .co_reset { display: inline-block; margin: 0 -100px 0 0; float: right; height: 45px; line-height: 45px; font-size: 12px; } .custom_options .co_header .co_reset:before { font-size: 30px; line-height: 45px; display: block; float: left; margin: 0 5px 0 0; } .custom_options.co_show_reset .co_header .co_reset { margin: 0; } .custom_options .co_label { text-transform: uppercase; font-weight: 300px; text-align: center; font-size: 14px; margin: 0 0 5px 0; } .custom_options .co_block_center { text-align: center; } .custom_options .co_iten_inline { display: inline-block; margin: 0; } /* === image check === */ .custom_options .co_image_check a:after, .custom_options .co_image_check a:before, .custom_options .co_image_check .co_bg_preview { -webkit-transition: all 0.3s ease-out 0.2s; -moz-transition: all 0.3s ease-out 0.2s; -o-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; } .custom_options .co_image_check { position: relative; } .custom_options .co_image_check a { display: inline-block; margin: 2px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; } .custom_options .co_image_check a:before { content: ''; display: block; margin: -6px auto 0 auto; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; z-index: 3; opacity: 0; } .custom_options .co_image_check a.current:before { opacity: 1; } .custom_options .co_image_check a:after { content: '\e84b'; font-family: "fontello"; opacity: 0; display: block; opacity: 0; } .custom_options .co_image_check a.active:after { opacity: 1; } .custom_options .co_image_check .co_bg_preview { display: block; position: absolute; left: 0; right: 0; opacity: 0; border-width: 1px; border-style: solid; z-index: 2; height: 0; pointer-events: none; } .custom_options .co_image_check a.current .co_bg_preview { opacity: 1; height: 140px; } .custom_options .co_image_check .co_pattern_wrapper { width: 20px; height: 20px; } .custom_options .co_image_check .co_image_wrapper { width: 50px; height: 33px; } .custom_options .co_image_check .co_pattern_wrapper .co_bg_preview { bottom: 29px; } .custom_options .co_image_check .co_image_wrapper .co_bg_preview { bottom: 41px; } .custom_options .co_image_check .co_pattern_wrapper:after { width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #161616; } .custom_options .co_image_check .co_image_wrapper:after { width: 50px; height: 33px; line-height: 33px; font-size: 14px; color: #fff; } /* === bg images list === */ .custom_options .co_image_check#co_bg_images_list { text-align: center; } .custom_options .co_image_check#co_bg_images_list .co_bg_preview { background-repeat: no-repeat; background-position: center center; -webkit-background-size: 140% auto; -moz-background-size: 140% auto; -o-background-size: 140% auto; background-size: 140% auto; } /* === bg pattern list === */ .custom_options .co_image_check#co_bg_pattern_list { text-align: center; } .custom_options .co_image_check#co_bg_pattern_list a { border: 1px solid #c0c2c5; } .custom_options .co_image_check#co_bg_pattern_list .co_bg_preview { background-repeat: repeat; background-position: center center; } /* === switch === */ .custom_options .co_switch_box { border-width: 1px; border-style: solid; margin: 0 auto; position: relative; } .custom_options .co_switch_box:after { content: ''; display: block; height: 0; clear: both; } .custom_options .co_switch_box a { display: block; text-transform: uppercase; font-size: 12px; } .custom_options .co_switch_box .switcher { position: absolute; height: 28px; left: 0; top: 0; z-index: -1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* horizontal */ .custom_options .co_switch_box.co_switch_horizontal { width: 200px; } .custom_options .co_switch_box.co_switch_horizontal a { width: 50%; float: left; height: 28px; line-height: 28px; text-align: center; } .custom_options .co_switch_box.co_switch_horizontal .switcher { width: 50%; } .custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_3 { width: 200px; } .custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_3 a { width: 33.3333%; } .custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_3 .switcher { width: 33.3333%; } .custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_4 { width: 200px; } .custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_4 a { width: 25%; } .custom_options .co_switch_box.co_switch_horizontal.co_switch_columns_4 .switcher { width: 25%; } /* vertical */ .custom_options .co_switch_box.co_switch_vertical { width: 100%; height: auto; } .custom_options .co_switch_box.co_switch_vertical a { display: block; height: 28px; line-height: 28px; text-align: left; padding: 0 10px 0 30px; overflow: hidden; } .custom_options .co_switch_box.co_switch_vertical .switcher { width: 100%; } .custom_options .co_switch_box.co_switch_vertical .switcher:before { content: '\e84b'; font-family: "fontello"; display: block; height: 28px; width: 28px; text-align: center; font-size: 10px; line-height: 28px; } /* === color pic === */ .co_colorpic_list { text-align: center; } .custom_options .iColorPicker { width: 25px; height: 25px; display: inline-block; margin: 2px; background-repeat: no-repeat; background-position: center center; cursor: pointer; vertical-align: middle; position: relative; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .custom_options .iColorPicker span, .custom_options .iColorPicker.current:before { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .custom_options .iColorPicker span { display: block; position: absolute; bottom: -28px; left: 50%; font-size: 12px; text-align: center; opacity: 0; color: #a1a1a1; width: 0; margin: 0; overflow: hidden; height: 20px; line-height: 20px; } .custom_options .iColorPicker.current span { opacity: 1; margin: 0 0 0 -50px; width: 100px; } .custom_options .iColorPicker.current:before { content: ''; display: block; height: 0; width: 0; position: absolute; left: 50%; bottom: -8px; border-style: solid; border-width: 0 5px 6px 5px; margin: 0 0 0 -3px; z-index: 2; opacity: 0; } .custom_options .iColorPicker.current:before { opacity: 1; } .iColorPickerTable { background-color: rgba(51, 51, 51, 0.5); padding: 5px; color: #fff; z-index: 999999; margin: 5px 0 0 0; } .iColorPickerTable .colorPickerTable td { -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } .iColorPickerTable .colorPickerTable thead { } .iColorPickerTable .colorPickerTable thead tr td { width: 15px; height: 15px; overflow: hidden; line-height: 0; cursor: pointer; } .iColorPickerTable .colorPickerTable thead tr td:hover { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5) inset; } .iColorPickerTable .colorPickerTable tbody tr { } .iColorPickerTable .colorPickerTable tbody tr td { vertical-align: middle; text-align: center; height: 50px; } /* scroll bar */ .custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_wrapper { padding: 0; } .custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_slide { float: none; } .admin-bar .custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_bar { padding: 99px 0 0 0; } .custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_bar { width: 6px; padding: 67px 0 0 0; } .custom_options .sc_scroll.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag { width: 2px; margin: 0 auto; } /* === dark === */ .custom_options.co_dark, .custom_options.co_dark a, .custom_options.co_dark .co_label, .custom_options.co_dark .co_header, .custom_options.co_dark .co_header .co_ico { color: #a1a1a1; } .custom_options.co_dark .co_header .co_reset:hover { color: #fff; } .custom_options.co_dark .co_image_check#co_bg_pattern_list a, .custom_options.co_dark .co_header, .custom_options.co_dark .co_switch_box { border-color: #262628; } .custom_options.co_dark .co_image_check .co_bg_preview { border-color: #373737 } .custom_options.co_dark .co_image_check a:before, .custom_options.co_dark .co_image_check .co_bg_preview:after { border-color: #373737 transparent transparent transparent; } .custom_options.co_dark .iColorPicker.current:before { border-color: transparent transparent #262628 transparent; } .custom_options.co_dark .iColorPicker span, .custom_options.co_dark .co_switch_box .switcher { background-color: #262628; } .custom_options.co_dark .co_header .co_ico, .custom_options.co_dark { background: #161616; } .custom_options.co_dark .co_section { border-bottom-color: #262628 } .custom_options.co_dark .iColorPicker { background-image: url(images/colorpic_dark.png); } .custom_options.co_dark .sc_scroll.sc_scroll_vertical .sc_scroll_bar { background-color: #161616; } .custom_options.co_dark .sc_scroll.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag { background-color: #a1a1a1; } /* === light === */ .custom_options.co_light, .custom_options.co_light a, .custom_options.co_light .co_label, .custom_options.co_light .co_header, .custom_options.co_light .co_header .co_ico { color: #787878; } .custom_options.co_light .co_header .co_reset:hover { color: #000; } .custom_options.co_light .co_header { border-color: #e0e0e0; } .custom_options.co_light .co_image_check#co_bg_pattern_list a, .custom_options.co_light .co_switch_box { border-color: #c4c4c4; } .custom_options.co_light .co_image_check .co_bg_preview { border-color: #c4c4c4; } .custom_options.co_light .co_image_check a:before, .custom_options.co_light .co_image_check .co_bg_preview:after { border-color: #c4c4c4 transparent transparent transparent; } .custom_options.co_light .iColorPicker.current:before { border-color: transparent transparent #c4c4c4 transparent; } .custom_options.co_light .iColorPicker span { color: #fff; } .custom_options.co_light .iColorPicker span, .custom_options.co_light .co_switch_box .switcher { background-color: #c4c4c4; } .custom_options.co_light .co_header .co_ico, .custom_options.co_light { background: #f5f7f8; } .custom_options.co_light .co_section { border-bottom-color: #e0e0e0 } .custom_options.co_light .iColorPicker { background-image: url(images/colorpic_light.png); } .custom_options.co_light .sc_scroll.sc_scroll_vertical .sc_scroll_bar { background-color: #f5f7f8; } .custom_options.co_light .sc_scroll.sc_scroll_vertical .sc_scroll_bar .swiper-scrollbar-drag { background-color: #161616; } /* ------------------------------------------------------------------[/Custom options]------------------------------------------------------------------- */ /* ------------------------------------------------------------------[Color schemes]------------------------------------------------------------------- */ footer .social_style_images li a { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } /********** blue ***********/ .color_scheme_blue footer { background-color: #53acbc; } .color_scheme_blue footer .widget_tag_cloud a { background-color: #7ccbd8; } .color_scheme_blue footer .widget_tag_cloud a:hover { background-color: #3099ac; color: #7ccbd8; } .color_scheme_blue footer .widgetWrap .title, .color_scheme_blue footer div, .color_scheme_blue footer a, .color_scheme_blue footer .widgetWrap ul > li { color: #fff; } .color_scheme_blue footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_blue footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_blue footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_blue footer .widgetWrap ul > li a { color: #a2f1fe; } .color_scheme_blue footer.footer { background-color: #2f9aac; } .color_scheme_blue footer .widget_recent_comments ul > li:before { color: #a2f1fe; } footer .social_style_images li a:hover { opacity: 0.5; } /*********** green *******************/ .color_scheme_green footer { background-color: #528e72; } .color_scheme_green footer.footer { background-color: #41715a; } .color_scheme_green footer .widget_tag_cloud a { } .color_scheme_green footer .widget_tag_cloud a:hover { background-color: #60a181; } .color_scheme_green footer .widgetWrap .title, .color_scheme_green footer div, .color_scheme_green footer a, .color_scheme_green footer .widgetWrap ul > li, .color_scheme_green footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_green footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_green footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_green footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_green footer .widgetWrap ul > li a { color: #a7d692; } .color_scheme_green footer .widgetWrap ul > li a:hover, .color_scheme_green footer .widget_recent_comments ul > li a { color: #a7d692; } .color_scheme_green footer .widget_recent_comments ul > li:before { color: #a7d692; } /*********** red *******************/ .color_scheme_red .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #b2a45d; } .color_scheme_red .sc_wave.sc_type_2 { background-image: url(images/wave_2_red.png); height: 13px; } .color_scheme_red footer { background-color: #df574b; } .color_scheme_red footer.footer { background-color: #cb483e; } .color_scheme_red footer .widget_tag_cloud a { background-color: #f98c83; } .color_scheme_red footer .widget_tag_cloud a:hover { background-color: #cb483e; } .color_scheme_red footer .widgetWrap .title, .color_scheme_red footer div, .color_scheme_red footer a, .color_scheme_red footer .widgetWrap ul > li, .color_scheme_red footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_red footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_red footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_red footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_red footer .widgetWrap ul > li a { color: #74140d; } .color_scheme_red footer .widgetWrap ul > li a:hover, .color_scheme_red footer .widget_recent_comments ul > li a { color: #74140d; } .color_scheme_red footer .widget_recent_comments ul > li:before { color: #74140d; } /*********** darkseagreen *******************/ .color_scheme_darkseagreen .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #799184; } .color_scheme_darkseagreen .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #f4e789; } .color_scheme_darkseagreen .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #f4e789; } .color_scheme_darkseagreen .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #e1cc3f; } .color_scheme_darkseagreen .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #e1cc3f; } .color_scheme_darkseagreen .sc_around_item a { color: #523f31; } .color_scheme_darkseagreen .sc_around_head { border: 3px solid #f6756f; } .color_scheme_darkseagreen .sc_around_line { border-top: 3px dotted #f6756f; } .color_scheme_darkseagreen .sc_wave.sc_type_2 { background-image: url(images/wave_2_darkseagreen.png); height: 13px; } .color_scheme_darkseagreen .sc_button.sc_button_style_shadow { background-color: #685142; } .color_scheme_darkseagreen .sc_button.sc_button_style_shadow::after { border-top: 26px solid #533d2d; } .color_scheme_darkseagreen .sc_button.sc_button_style_shadow { border: 2px solid #685142; } .color_scheme_darkseagreen .sc_button.sc_button_style_shadow:hover { background-color: #907665; color: #44342A; border: 2px solid #685142; } .color_scheme_darkseagreen footer { background-color: #7b9280; } .color_scheme_darkseagreen footer.footer { background-color: #b8dcc2; } .color_scheme_darkseagreen footer .widget_tag_cloud a { background-color: #93aa98; } .color_scheme_darkseagreen footer .widget_tag_cloud a:hover { background-color: #b8dcc2; } .color_scheme_darkseagreen footer .widgetWrap .title, .color_scheme_darkseagreen footer div, .color_scheme_darkseagreen footer a, .color_scheme_darkseagreen footer .widgetWrap ul > li, .color_scheme_darkseagreen footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_darkseagreen footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_darkseagreen footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_darkseagreen footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_darkseagreen footer .widgetWrap ul > li a { color: #A7C7AE; } .color_scheme_darkseagreen footer .widgetWrap ul > li a:hover, .color_scheme_darkseagreen footer .widget_recent_comments ul > li a { color: #A7C7AE; } .color_scheme_darkseagreen footer .widget_recent_comments ul > li:before { color: #A7C7AE; } /*********** darkolivegreen *******************/ .color_scheme_darkolivegreen .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #4fb4b6; } .color_scheme_darkolivegreen .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #e5e6d6; } .color_scheme_darkolivegreen .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #e5e6d6; } .color_scheme_darkolivegreen .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #d2d2bd; } .color_scheme_darkolivegreen .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #d2d2bd; } .color_scheme_darkolivegreen .sc_around_head { border: 3px solid #f38e40; } .color_scheme_darkolivegreen .sc_around_line { border-top: 3px dotted #f38e40; } .color_scheme_darkolivegreen .sc_wave.sc_type_2 { background-image: url(images/wave_2_darkolivegreen.png); height: 13px; } .color_scheme_darkolivegreen .sc_button.sc_button_style_shadow { background-color: #e3b32b; } .color_scheme_darkolivegreen .sc_button.sc_button_style_shadow::after { border-top: 26px solid #ac830f; } .color_scheme_darkolivegreen .sc_button.sc_button_style_shadow { border: 2px solid #e3b32b; } .color_scheme_darkolivegreen .sc_button.sc_button_style_shadow:hover { background-color: #A88932; color: #F5DD98; border: 2px solid #e3b32b; } .color_scheme_darkolivegreen footer { background-color: #87a935; } .color_scheme_darkolivegreen footer.footer { background-color: #54722c; } .color_scheme_darkolivegreen footer .widget_tag_cloud a { background-color: #476224; } .color_scheme_darkolivegreen footer .widget_tag_cloud a:hover { background-color: #ADCD84; } .color_scheme_darkolivegreen footer .widgetWrap .title, .color_scheme_darkolivegreen footer div, .color_scheme_darkolivegreen footer a, .color_scheme_darkolivegreen footer .widgetWrap ul > li, .color_scheme_darkolivegreen footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_darkolivegreen footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_darkolivegreen footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_darkolivegreen footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_darkolivegreen footer .widgetWrap ul > li a { color: #476224; } .color_scheme_darkolivegreen footer .widgetWrap ul > li a:hover, .color_scheme_darkolivegreen footer .widget_recent_comments ul > li a { color: #476224; } .color_scheme_darkolivegreen footer .widget_recent_comments ul > li:before { color: #476224; } /*********** dimgray *******************/ .color_scheme_dimgray .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #56938d; } .color_scheme_dimgray .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #f4e789; } .color_scheme_dimgray .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #f4e789; } .color_scheme_dimgray .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #e1cc3f; } .color_scheme_dimgray .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #e1cc3f; } .color_scheme_dimgray .sc_around_item { color: #355b57; } .color_scheme_dimgray .sc_around_item a { color: #355b57; } .color_scheme_dimgray .sc_around_head { border: 3px solid #f6756f; } .color_scheme_dimgray .sc_around_line { border-top: 3px dotted #f6756f; } .color_scheme_dimgray .sc_wave.sc_type_2 { background-image: url(images/wave_2_dimgray.png); height: 13px; } .color_scheme_dimgray .sc_button.sc_button_style_shadow { background-color: #f6756f; } .color_scheme_dimgray .sc_button.sc_button_style_shadow::after { border-top: 26px solid #c25550; } .color_scheme_dimgray .sc_button.sc_button_style_shadow { border: 2px solid #f6756f; } .color_scheme_dimgray .sc_button.sc_button_style_shadow:hover { background-color: #C75E59; color: #F7B5B2; border: 2px solid #f6756f; } .color_scheme_dimgray footer { background-color: #4f5759; } .color_scheme_dimgray footer.footer { background-color: #404548; } .color_scheme_dimgray footer .widget_tag_cloud a { background-color: #97d2cd; } .color_scheme_dimgray footer .widget_tag_cloud a:hover { background-color: #75c2ba; } .color_scheme_dimgray footer .widgetWrap .title, .color_scheme_dimgray footer div, .color_scheme_dimgray footer a, .color_scheme_dimgray footer .widgetWrap ul > li, .color_scheme_dimgray footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_dimgray footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_dimgray footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_dimgray footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_dimgray footer .widgetWrap ul > li a { color: #97d2cd; } .color_scheme_dimgray footer .widgetWrap ul > li a:hover, .color_scheme_dimgray footer .widget_recent_comments ul > li a { color: #97d2cd; } .color_scheme_dimgray footer .widget_recent_comments ul > li:before { color: #97d2cd; } /*********** darkslateblue *******************/ .color_scheme_darkslateblue .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #56938d; } .color_scheme_darkslateblue .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #ffffff; } .color_scheme_darkslateblue .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #ffffff; } .color_scheme_darkslateblue .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #dfddd9; } .color_scheme_darkslateblue .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #dfddd9; } .color_scheme_darkslateblue .sc_around_item a { color: #3d3d3f; } .color_scheme_darkslateblue .sc_around_head { border: 3px solid #e1684b; } .color_scheme_darkslateblue .sc_around_line { border-top: 3px dotted #e1684b; } .color_scheme_darkslateblue .sc_wave.sc_type_2 { background-image: url(images/wave_2_darkseagreen.png); height: 13px; } .color_scheme_darkslateblue .sc_button.sc_button_style_shadow { background-color: #ebc54a; } .color_scheme_darkslateblue .sc_button.sc_button_style_shadow::after { border-top: 26px solid #c69b22; } .color_scheme_darkslateblue .sc_button.sc_button_style_shadow { border: 2px solid #ebc54a; } .color_scheme_darkslateblue .sc_button.sc_button_style_shadow:hover { background-color: #C0A13E; color: #F5DB87; border: 2px solid #ebc54a; } .color_scheme_darkslateblue footer { background-color: #735ba5; } .color_scheme_darkslateblue footer.footer { background-color: #564480; } .color_scheme_darkslateblue footer .widget_tag_cloud a { background-color: #beadea; } .color_scheme_darkslateblue footer .widget_tag_cloud a:hover { background-color: #61449d; } .color_scheme_darkslateblue footer .widgetWrap .title, .color_scheme_darkslateblue footer div, .color_scheme_darkslateblue footer a, .color_scheme_darkslateblue footer .widgetWrap ul > li, .color_scheme_darkslateblue footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_darkslateblue footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_darkslateblue footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_darkslateblue footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_darkslateblue footer .widgetWrap ul > li a { color: #beadea; } .color_scheme_darkslateblue footer .widgetWrap ul > li a:hover, .color_scheme_darkslateblue footer .widget_recent_comments ul > li a { color: #beadea; } .color_scheme_darkslateblue footer .widget_recent_comments ul > li:before { color: #beadea; } /*********** mediumpurple *******************/ .color_scheme_mediumpurple .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #3ca190; } .color_scheme_mediumpurple .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #f9ca6b; } .color_scheme_mediumpurple .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #f9ca6b; } .color_scheme_mediumpurple .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #bf956f; } .color_scheme_mediumpurple .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #bf956f; } .color_scheme_mediumpurple .sc_around_item a { color: #414141; } .color_scheme_mediumpurple .sc_around_head { border: 3px solid #e1684b; } .color_scheme_mediumpurple .sc_around_line { border-top: 3px dotted #e1684b; } .color_scheme_mediumpurple .sc_wave.sc_type_2 { background-image: url(images/wave_2_mediumpurple.png); height: 13px; } .color_scheme_mediumpurple .sc_wave.sc_type_1 { background-image: url(images/wave_1_mediumpurple.png); height: 8px; } .color_scheme_mediumpurple .sc_button.sc_button_style_shadow { background-color: #4ac9b4; } .color_scheme_mediumpurple .sc_button.sc_button_style_shadow::after { border-top: 26px solid #2b9281; } .color_scheme_mediumpurple .sc_button.sc_button_style_shadow { border: 2px solid #4ac9b4; } .color_scheme_mediumpurple .sc_button.sc_button_style_shadow:hover { background-color: #369E8D; color: #7BEAD8; border: 2px solid #4ac9b4; } .color_scheme_mediumpurple footer { background-color: #ffe989; } .color_scheme_mediumpurple footer.footer { background-color: #888bb6; } .color_scheme_mediumpurple footer .widget_tag_cloud a { background-color: #ffb66f; } .color_scheme_mediumpurple footer .widget_tag_cloud a:hover { background-color: #ff8053; color: #000; } .color_scheme_mediumpurple footer .widgetWrap .title, .color_scheme_mediumpurple footer div, .color_scheme_mediumpurple footer a, .color_scheme_mediumpurple footer .widgetWrap ul > li, .color_scheme_mediumpurple footer .widget_recent_comments ul > li:before { color: #000; } .color_scheme_mediumpurple footer.footer div, .color_scheme_mediumpurple footer.footer a { color: #fff; } .color_scheme_mediumpurple footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #000; } .color_scheme_mediumpurple footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_mediumpurple footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_mediumpurple footer .widgetWrap ul > li a { color: #ff8053; } .color_scheme_mediumpurple footer .widgetWrap ul > li a:hover, .color_scheme_mediumpurple footer .widget_recent_comments ul > li a { color: #ff8053; } .color_scheme_mediumpurple footer .widget_recent_comments ul > li:before { color: #ff8053; } /*********** brown *******************/ .color_scheme_brown .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #69a09a; } .color_scheme_brown .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #fff; } .color_scheme_brown .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #fff; } .color_scheme_brown .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #74aba4; } .color_scheme_brown .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #74aba4; } .color_scheme_brown .sc_around_item a { color: #4d413a; } .color_scheme_brown .sc_around_head { border: 3px solid #f9731c; } .color_scheme_brown .sc_around_line { border-top: 3px dotted #f9731c; } .color_scheme_brown .sc_wave.sc_type_2 { background-image: url(images/wave_2_brown.png); height: 13px; } .color_scheme_brown .sc_button.sc_button_style_shadow { background-color: #f9731c; } .color_scheme_brown .sc_button.sc_button_style_shadow::after { border-top: 26px solid #e74919; } .color_scheme_brown .sc_button.sc_button_style_shadow { border: 2px solid #f9731c; } .color_scheme_brown .sc_button.sc_button_style_shadow:hover { background-color: #D25706; color: #F7C7A7; border: 2px solid #f9731c; } .color_scheme_brown footer { background-color: #8f663c; } .color_scheme_brown footer.footer { background-color: #704e2b; } .color_scheme_brown footer .widget_tag_cloud a { background-color: #e2a105; } .color_scheme_brown footer .widget_tag_cloud a:hover { background-color: #e74919; } .color_scheme_brown footer .widgetWrap .title, .color_scheme_brown footer div, .color_scheme_brown footer a, .color_scheme_brown footer .widgetWrap ul > li, .color_scheme_brown footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_brown footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_brown footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_brown footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_brown footer .widgetWrap ul > li a { color: #e2a105; } .color_scheme_brown footer .widgetWrap ul > li a:hover, .color_scheme_brown footer .widget_recent_comments ul > li a { color: #e2a105; } .color_scheme_brown footer .widget_recent_comments ul > li:before { color: #e2a105; } /*********** violet *******************/ .color_scheme_violet .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #b76157; } .color_scheme_violet .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #fcb8a9; } .color_scheme_violet .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #fcb8a9; } .color_scheme_violet .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #ea594d; } .color_scheme_violet .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #ea594d; } .color_scheme_violet .sc_around_item a { color: #53371c; } .color_scheme_violet .sc_around_head { border: 3px solid #ea594d; } .color_scheme_violet .sc_around_line { border-top: 3px dotted #ea594d; } .color_scheme_violet .sc_wave.sc_type_2 { background-image: url(images/wave_2_violet.png); height: 13px; } .color_scheme_violet .sc_button.sc_button_style_shadow { background-color: #fad260; } .color_scheme_violet .sc_button.sc_button_style_shadow::after { border-top: 26px solid #dab038; } .color_scheme_violet .sc_button.sc_button_style_shadow { border: 2px solid #fad260; } .color_scheme_violet .sc_button.sc_button_style_shadow:hover { background-color: #CFA52F; color: #F9DC8B; border: 2px solid #fad260; } .color_scheme_violet footer { background-color: #84cbc5; } .color_scheme_violet footer.footer { background-color: #868ad1; } .color_scheme_violet footer .widget_tag_cloud a { background-color: #27bbc1; } .color_scheme_violet footer .widget_tag_cloud a:hover { background-color: #008f95; } .color_scheme_violet footer .widgetWrap .title, .color_scheme_violet footer div, .color_scheme_violet footer a, .color_scheme_violet footer .widgetWrap ul > li, .color_scheme_violet footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_violet footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_violet footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_violet footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_violet footer .widgetWrap ul > li a { color: #079ca2; } .color_scheme_violet footer .widgetWrap ul > li a:hover, .color_scheme_violet footer .widget_recent_comments ul > li a { color: #079ca2; } .color_scheme_violet footer .widget_recent_comments ul > li:before { color: #079ca2; } /*********** darkblue *******************/ .color_scheme_darkblue .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #b48b4b; } .color_scheme_darkblue .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #e9e2d4; } .color_scheme_darkblue .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #e9e2d4; } .color_scheme_darkblue .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #a07f43; } .color_scheme_darkblue .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #a07f43; } .color_scheme_darkblue .sc_around_item a { color: #3b4649; } .color_scheme_darkblue .sc_around_head { border: 3px solid #e2a105; } .color_scheme_darkblue .sc_around_line { border-top: 3px dotted #e2a105; } .color_scheme_darkblue .sc_wave.sc_type_2 { background-image: url(images/wave_2_darkblue.png); height: 13px; } .color_scheme_darkblue .sc_button.sc_button_style_shadow { background-color: #e86b55; } .color_scheme_darkblue .sc_button.sc_button_style_shadow::after { border-top: 26px solid #cf5b47; } .color_scheme_darkblue .sc_button.sc_button_style_shadow { border: 2px solid #e86b55; } .color_scheme_darkblue .sc_button.sc_button_style_shadow:hover { background-color: #B65544; color: #FFB4A7; border: 2px solid #e86b55; } .color_scheme_darkblue footer { background-color: #e86b55; } .color_scheme_darkblue footer.footer { background-color: #221e1f; } .color_scheme_darkblue footer .widget_tag_cloud a { background-color: #5E5658; } .color_scheme_darkblue footer .widget_tag_cloud a:hover { background-color: #382B2E; } .color_scheme_darkblue footer .widgetWrap .title, .color_scheme_darkblue footer div, .color_scheme_darkblue footer a, .color_scheme_darkblue footer .widgetWrap ul > li, .color_scheme_darkblue footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_darkblue footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_darkblue footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_darkblue footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_darkblue footer .widgetWrap ul > li a { color: #221e1f; } .color_scheme_darkblue footer .widgetWrap ul > li a:hover, .color_scheme_darkblue footer .widget_recent_comments ul > li a { color: #221e1f; } .color_scheme_darkblue footer .widget_recent_comments ul > li:before { color: #221e1f; } /*********** sneaker *******************/ .color_scheme_sneaker .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #462a68; } .color_scheme_sneaker .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #d0dd71; } .color_scheme_sneaker .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #d0dd71; } .color_scheme_sneaker .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #a8b35b; } .color_scheme_sneaker .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #a8b35b; } .color_scheme_sneaker .sc_around_item a { color: #232323; } .color_scheme_sneaker .sc_around_head { border: 3px solid #5a3585; } .color_scheme_sneaker .sc_around_line { border-top: 3px dotted #5a3585; } .color_scheme_sneaker .sc_wave.sc_type_2 { background-image: url(images/wave_2_sneaker.png); height: 13px; } .color_scheme_sneaker .sc_button.sc_button_style_shadow { background-color: #f28693; } .color_scheme_sneaker .sc_button.sc_button_style_shadow::after { border-top: 26px solid #c76571; } .color_scheme_sneaker .sc_button.sc_button_style_shadow { border: 2px solid #f28693; } .color_scheme_sneaker .sc_button.sc_button_style_shadow:hover { background-color: #B65544; color: #FFB4A7; border: 2px solid #f28693; } .color_scheme_sneaker footer { background-color: #8255B6; } .color_scheme_sneaker footer.footer { background-color: #5a3585; } .color_scheme_sneaker footer .widget_tag_cloud a { background-color: #5A3585; } .color_scheme_sneaker footer .widget_tag_cloud a:hover { background-color: #AF8ADA; } .color_scheme_sneaker footer .widgetWrap .title, .color_scheme_sneaker footer div, .color_scheme_sneaker footer a, .color_scheme_sneaker footer .widgetWrap ul > li, .color_scheme_sneaker footer .widget_recent_comments ul > li:before { color: #fff; } .color_scheme_sneaker footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff; } .color_scheme_sneaker footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_sneaker footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_sneaker footer .widgetWrap ul > li a { color: #000000; } .color_scheme_sneaker footer .widgetWrap ul > li a:hover, .color_scheme_sneaker footer .widget_recent_comments ul > li a { color: #000000; } .color_scheme_sneaker footer .widget_recent_comments ul > li:before { color: #000000; } /* ------------------------------------------------------------------[/Color schemes]------------------------------------------------------------------- */ /*********** cyan *******************/ /*@import url('http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,900,800');*/ .lato, .copyright, .color_scheme_cyan footer a, .color_scheme_cyan footer span, .color_scheme_cyan footer div{font-family: 'Lato', sans-serif; } .color_scheme_cyan h6{letter-spacing: 6px;} .color_scheme_cyan .sc_tabs ul.sc_tabs_titles li a{font-weight: 400;} .color_scheme_cyan .sc_rocks_row .sc_rocks_progressbar .sc_rocks_shadow { border-bottom: 22px solid #222528 } .color_scheme_cyan .sc_rocks_row .sc_rocks_progress .sc_rocks_before { border-bottom: 25px solid #cbeefb } .color_scheme_cyan .sc_rocks_row .sc_rocks_foot::before { border-top: 11px solid #cbeefb } .color_scheme_cyan .sc_rocks_row .sc_rocks_progress .sc_rocks_after { border-bottom: 25px solid #50c0e0 } .color_scheme_cyan .sc_rocks_row .sc_rocks_foot::after { border-top: 11px solid #50c0e0 } .color_scheme_cyan .sc_around_item a { color: #232323 } .color_scheme_cyan .sc_around_item a:hover { color: #40BADD;} .color_scheme_cyan .sc_around_head { border: 3px solid #40badd } .color_scheme_cyan .sc_around_line { border-top: 3px dotted #40badd } .color_scheme_cyan .sc_wave.sc_type_2 {background-image: url(images/wave_2_cyan.png); height: 13px; } .color_scheme_cyan .sc_button.sc_button_style_shadow { background-color: #40badd;} .color_scheme_cyan .sc_button.sc_button_style_shadow::after { border-top: 26px solid #c76571 ;display: none;} .color_scheme_cyan .sc_button.sc_button_style_shadow { border: 2px solid #40badd;font-weight: 400; padding: 35px;} .color_scheme_cyan .sc_button.sc_button_style_shadow:hover {background-color: #2093B3; color: #C7EBF5; border: 2px solid #1C7A94; } .color_scheme_cyan footer { background-color: #24AAD0;} .color_scheme_cyan footer.footer { background-color: #2f3235 } .color_scheme_cyan footer .widget_tag_cloud a { background-color: #145F74;} .color_scheme_cyan footer .widget_tag_cloud a:hover { background-color: #73CBE4;} .color_scheme_cyan footer .widgetWrap .title, .color_scheme_cyan footer div, .color_scheme_cyan footer a, .color_scheme_cyan footer .widgetWrap ul > li, .color_scheme_cyan footer .widget_recent_comments ul > li:before { color: #fff } .color_scheme_cyan footer .widget_trex_post .post_item .post_wrapper .post_title a { color: #fff } .color_scheme_cyan footer .widget_trex_post .post_item .post_wrapper .post_info .post_date, .color_scheme_cyan footer .widget_trex_post .post_item .post_wrapper .post_info .post_author, .color_scheme_cyan footer .widgetWrap ul > li a { color: #000000 } .color_scheme_cyan footer .widgetWrap ul > li a:hover, .color_scheme_cyan footer .widget_recent_comments ul > li a { color: #000000 } .color_scheme_cyan footer .widget_recent_comments ul > li:before { color: #000000 } .color_scheme_cyan .sc_tabs.sc_tabs_style_3 .sc_tabs_array { background-color: #f6f6f8 } .color_scheme_cyan .sc_tabs.sc_tabs_style_3 ul.sc_tabs_titles li.ui-tabs-active { background-color: #f6f6f8 } .color_scheme_cyan .sc_tabs.sc_tabs_style_3 ul.sc_tabs_titles li { background-color: #92d5e8 } .color_scheme_cyan .sc_team_vertical .sc_team_line:after { color: #92d5e8 } .color_scheme_cyan .sc_team_vertical .sc_team_item_title { color: #2f3235 } .color_scheme_cyan .sc_team_vertical .sc_team_item_position { color: #bbbfbf } .color_scheme_cyan .sc_more div { color: #e4e8ec } .color_scheme_cyan .sc_more {color: #2f3235; font-weight: 100;} .color_scheme_cyan .sc_tabs.sc_tabs_style_3 ul.sc_tabs_titles li a { font-size: 13px } .color_scheme_cyan .sc_button.sc_button_style_regular, .color_scheme_cyan .sc_button.sc_button_style_shadow {border: 2px solid #40badd; color:#40badd; background-color: transparent !important; z-index: 2;} .color_scheme_cyan .sc_around_image { width: 60% } .color_scheme_cyan .sc_around_left, .color_scheme_cyan .sc_around_right { width: 20% } .color_scheme_cyan .sc_around_item { font-weight: 400 } .color_scheme_cyan .sc_around_image .sc_around_bg {height: 140%; top: -12%; } .color_scheme_cyan .sc_island_item .sc_island_title::after { border: 3px solid #24aad0 } .color_scheme_cyan .sc_island_item .sc_island_title::before {content: ''; height: 140px; border-left: 1px solid #89c7d9;} .color_scheme_cyan.menuSmartScrollShow.menuStyleFixed #header.fixedTopMenuShow .menuFixedWrap { background-color: #ededeb; } .color_scheme_cyan .sc_button.sc_button_style_regular:hover, .color_scheme_cyan .sc_button.sc_button_style_shadow:hover{background-color: transparent !important;} .color_scheme_cyan .sc_button.sc_button_style_regular:before, .color_scheme_cyan .sc_button.sc_button_style_shadow:before { background: #40badd; content: ''; position: absolute; top: 0; bottom: 0; left: 30%; right: 30%; opacity: 0; z-index: -1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .color_scheme_cyan .sc_button.sc_button_style_regular:hover, .color_scheme_cyan .sc_button.sc_button_style_shadow:hover{color: #fff;} .color_scheme_cyan .sc_button.sc_button_style_regular:hover:before, .color_scheme_cyan .sc_button.sc_button_style_shadow:hover:before { left: 0%; right: 0%; opacity: 1; } /* ------------------------------------------------------------------[/Color schemes]------------------------------------------------------------------- */