@import '/media/plg_system_jtaldef/index/css/2d8f57a1c42e7a42dfa034a079ad987b.css?110b493af6cccbcf66718c10720ab189';
  html { position: relative; min-height: 100%; } body { height: 100%; overflow-x: hidden; } .shine-header { position: relative; z-index: 1; } .row.flex { display: flex; flex-wrap: wrap; } .row.flex.flex-items-middle { align-items: center; } .row.flex.flex-items-top { align-items: top; } .row.flex.flex-items-bottom { align-items: bottom; } .sunfw-content { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } img { max-width: 100%; } .button-cyan { background: #5fc6b6; color: #FFF; font-weight: bold; } .btn { padding: 10px 20px; } .snfwComponent { padding: 30px 15px; } .sunfw-scrollup { background-color: #000; display: none; position: fixed; bottom: 30px; right: 30px; color: #999; z-index: 999; padding: 8px 12px; transition: color 0.3s linear, background 0.3s ease-out; -moz-transition: color 0.3s linear, background 0.3s ease-out; -webkit-transition: color 0.3s linear, background 0.3s ease-out; } .sunfw-scrollup:hover { text-decoration: none; } .sunfw-scrollup.position-center { left: 48%; bottom: 0; right: auto; } .sunfw-scrollup.position-left { left: 30px; right: auto; } .sunfw-switcher a.btn { padding: 5px 10px; margin-bottom: 1px; color: #000; border-radius: 0; } .sunfw-switcher a.btn.active, .sunfw-switcher a.btn:active { box-shadow: none; border-bottom: 1px solid #000; } .text-info { background: #dbe7f8; border-bottom: 2px solid #b7d2f2; border-top: 2px solid #b7d2f2; margin-bottom: 10px; padding-top: 20px; margin-top: 30px; } #kunena.layout i[class*=" icon-"] { width: auto; } .page-header { margin: 10px 0 0; border-bottom: none; padding-bottom: 0; } .article-info dd { display: inline-block; padding: 0 5px; } .article-info dd:first-child { padding-right: 0; } .sunfw-direction-rtl .article-info dd:first-child { padding-left: 0; padding-right: inherit; } .icons .btn-group a.dropdown-toggle { padding: 0; } .icons .btn-group a.dropdown-toggle span.caret { margin-left: 3px; } .sunfw-direction-rtl .icons .btn-group a.dropdown-toggle span.caret { margin-right: 3px; margin-left: inherit; } .icons .btn-group.open a.dropdown-toggle { box-shadow: none; } .item-page .icons { float: right; margin-bottom: 15px; } .sunfw-direction-rtl .item-page .icons { float: left; } .item-page .articleBody { clear: both; } .content-category .cat-children { padding-top: 10px; } .content-category .cat-children h3.page-header { margin: 10px 0; font-size: 18px; } .layout-item .blog .page-header h1, .layout-item .blog .page-header h2 { margin-bottom: 0; } .layout-item .blog .article-info { margin-bottom: 3px; } .layout-item .content-category .cat-children h3.page-header { font-size: 15px; margin: 0; padding: 0; } .blog-featured h2 { margin-bottom: 5px; } .blog-featured .article-info { margin-bottom: 5px; } form#searchForm { border: 1px solid #ecf0f3; padding: 15px; } form#searchForm .btn-toolbar { background: #ecf0f3 none repeat scroll 0 0; padding: 15px; } form#searchForm .searchintro { margin: 10px 0; } form#searchForm fieldset { margin-top: 15px; } form#searchForm fieldset legend { padding-bottom: 8px; margin-bottom: 10px; } form#searchForm fieldset label input { display: inline-block; position: inherit; margin: 0 3px 0; } form#searchForm p.counter { padding: 10px 0; } dl.search-results { margin: 10px 0; padding: 0 15px; } dl.search-results dt.result-title { padding-top: 5px; } .chzn-container-single .chzn-single span { margin-right: 0; } .sunfw-direction-rtl .chzn-container-single .chzn-single span { margin-left: 0; margin-right: inherit; } #adminForm fieldset.filters label.filter-search-lbl span { margin-right: 10px; } .sunfw-direction-rtl #adminForm fieldset.filters label.filter-search-lbl span { margin-left: 10px; margin-right: inherit; } ul.list-striped { padding: 10px 0; list-style-type: none; } ul.list-striped li, ul.list-striped dd { border-bottom: 1px solid #ddd; padding: 8px; } ul.list-striped li:nth-child(2n+1), ul.list-striped dd:nth-child(2n+1) { background-color: #f9f9f9; } ul.list-striped li:hover, ul.list-striped dd:hover { background-color: #f5f5f5; } ul.list-striped li div.list-title a, ul.list-striped dd div.list-title a { font-weight: bold; } .newsfeed figure { padding: 10px 0; } .sunfw-sticky.sunfw-sticky-open { background: #FFF; position: fixed; top: 0; left: 0; width: 100%; right: 0; z-index: 9; } .disable-responsive #sunfw-wrapper { width: 1170px !important; } .demo-top-info { margin: 0; line-height: 41px; text-align: right; } .demo-top-info span { margin: 0 10px; } .demo-top-info span:last-child { margin-right: 0; } .demo-top-info span i { font-size: 16px; margin-right: 5px; } .jsn-header { border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; position: relative; z-index: 999; } .sunfw-menu-head { margin: 0; } .sunfw-menu-head.navbar-default { background: transparent; border: none; } .sunfw-menu-head.navbar-default .navbar-nav > li:first-child > a { border-left: 1px solid #ececec; } .sunfw-menu-head.navbar-default .navbar-nav > li > a { color: #7d7d7d; font-size: 11px; font-weight: 400; border-right: 1px solid #ececec; padding: 10px 20px; text-transform: uppercase; } .sunfw-menu-head.navbar-default .navbar-nav > li > a > span:not(.caret) { display: inline-block; vertical-align: top; } .sunfw-menu-head.navbar-default .navbar-nav > li > a .caret { margin-left: 0; border: none; } .sunfw-direction-rtl .sunfw-menu-head.navbar-default .navbar-nav > li > a .caret { margin-right: 0; margin-left: inherit; } .sunfw-menu-head.navbar-default .navbar-nav > li > a span.menutitle { line-height: 45px; position: relative; display: inline-block; } .sunfw-menu-head.navbar-default .navbar-nav > li > a span.menutitle::before { bottom: 2px; content: ""; display: block; height: 2px; position: absolute; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s; width: 0; } .sunfw-menu-head.navbar-default .navbar-nav > li:hover > a span.menutitle::before, .sunfw-menu-head.navbar-default .navbar-nav > li.active > a span.menutitle::before { width: 25px; } .sunfw-menu-head.navbar-default.jsn-menu-sticky { background: #FFF; } .sunfw-menu-head.navbar-default .navbar-nav > .active > a, .sunfw-menu-head.navbar-default .navbar-nav > .active > a:hover, .sunfw-menu-head.navbar-default .navbar-nav > .active > a:focus, .sunfw-menu-head.navbar-default .dropdown-menu > .active > a, .sunfw-menu-head.navbar-default .dropdown-menu > .active > a:hover, .sunfw-menu-head.navbar-default .dropdown-menu > .active > a:focus, .sunfw-menu-head.navbar-default li.current > a { background: transparent; } .sunfw-menu { padding: 0; } .sunfw-menu .sunfw-tpl-menu { float: right; } .sunfw-direction-rtl .sunfw-menu .sunfw-tpl-menu { float: left; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: inherit; } .container_skitter, .container_skitter .image img { width: 100% !important; } .label_skitter { left: 50% !important; top: 60% !important; margin-top: -100px; margin-left: -580px; width: 400px !important; max-width: 100%; opacity: 1; background: rgba(0, 0, 0, 0.6) !important; padding: 20px; } .label_skitter p.jsn-themeslider-caption-title { text-transform: uppercase; font-size: 1.4em; color: #fff; padding: 8px 0; display: inline-block; font-family: Roboto; } .label_skitter .jsn-themeslider-caption-description { text-transform: capitalize; font-size: 4em; color: #fff; padding: 5px 0; display: block; font-family: Roboto; } .jsn-demo-page .demo-newsletter-join { background: #111 url(../../../media/joomlashine/jsn-one/backgrounds/recent-work.png); } .jsn-demo-page .demo-join-newsletter { padding: 50px 0; width: 1170px; margin: 0 auto; max-width: 100%; } .jsn-demo-page .demo-join-newsletter .heading { float: left; color: #fff; font-size: 2em; font-weight: 400; line-height: 50px; margin: 0; } .sunfw-direction-rtl .jsn-demo-page .demo-join-newsletter .heading { float: right; } .jsn-demo-page .demo-join-newsletter .link-button { float: right; } .sunfw-direction-rtl .jsn-demo-page .demo-join-newsletter .link-button { float: left; } .demo-welcome .demo-wrapper { padding: 50px 0 80px; } .featured-fashion { padding: 20px 0 10px; } .featured-fashion .text-heading span { font-size: 14px; } .featured-fashion h2 { color: #363636; } .grid-layout .grid-col .grid-col_inner { margin-right: 20px; } .grid-gallery { width: 100%; } .grid-gallery:after { content: ''; display: block; clear: both; } .grid-gallery, .grid-gallery li { list-style: none; margin: 0; padding: 0; } .grid-gallery li { float: left; width: 125px; padding: 0 5px 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all ease-in-out .8s; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .grid-gallery li .pthumb { border-radius: 3px; } .grid-gallery li .pthumb .mask i { top: -20%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; line-height: 40px; } .grid-gallery li .pthumb .mask:hover i { top: 45%; } .grid-gallery li img { float: left; } .grid-gallery li > * { margin: 0; padding: 0; } .grid-gallery li.large { width: 250px; } .grid-gallery.five-col li { width: 20%; } .grid-gallery.five-col li.large { width: 40%; } .grid-gallery.four-col li { width: 25%; } .grid-gallery.four-col li.large { width: 50%; } .services-box { text-align: center; } .services-box .sb-content-wrap p { margin-top: 30px; position: relative; } .services-box .sb-content-wrap p:after, .services-box .sb-content-wrap p:before { content: ''; background: #CCC; height: 1px; width: 140px; left: 50%; margin-left: -70px; top: -10px; position: absolute; } .services-box .sb-content-wrap p:after { width: 70px; margin-left: -35px; transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .services-box .icon-box { width: 90px; height: 90px; display: inline-block; margin: 10px auto; text-align: center; line-height: 85px; border-radius: 50%; font-size: 45px; position: relative; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; overflow: hidden; } .services-box.single-icon .icon-box { border: none; overflow: inherit; border-radius: 0; margin: 0 0 20px 0; } .services-box.standard-box { text-align: left; } .services-box.standard-box .icon-box { width: 25px; height: 25px; float: left; margin: 6px 12px 0 0; padding: 0; line-height: 14px; background: none; } .services-box.standard-box .icon-box i { font-size: 30px; color: #3d3d3d; max-height: 35px; max-width: 35px; } .services-box.standard-box .sb-content-wrap p { padding: 0; margin-top: 10px; } .services-box.standard-box h2 { color: #333; } .services-box.standard-box .sb-content-wrap p:before, .services-box.standard-box .sb-content-wrap p:after { display: none; } .text-heading { text-align: left; } .sunfw-direction-rtl .text-heading { text-align: right; } .text-heading, .text-heading h3 { position: relative; line-height: 2.3em; color: #222; } .text-heading h3 { font-weight: 500; } .jsn-text-heading-wapper .text-heading h3 { background: #FFF; color: #222; position: relative; display: inline-block; padding: 0; padding-right: 20px; margin-top: 0; font-size: 22px; line-height: 22px; font-weight: 500; } .sunfw-direction-rtl .jsn-text-heading-wapper .text-heading h3 { padding-left: 20px; padding-right: inherit; } .text-heading.large-head, .text-heading.large-head2 { text-align: center; margin-bottom: 25px; position: relative; } .text-heading.large-head > h2 { font-size: 22px; line-height: 47px; color: #222; margin: 10px 0 8px; } .text-heading.large-head:before, .text-heading.large-head2:before { width: 160px; left: 50%; left: 50%; margin-left: -80px; top: 56px; } .sunfw-direction-rtl .text-heading.large-head:before, .sunfw-direction-rtl .text-heading.large-head2:before { right: 50%; left: auto; } .sunfw-direction-rtl .text-heading.large-head:before, .sunfw-direction-rtl .text-heading.large-head2:before { margin-right: -80px; margin-left: inherit; } .text-heading:before { content: ''; height: 1px; width: 100%; background-color: #e4e4e4; position: absolute; top: 12px; right: 0; } .sunfw-direction-rtl .text-heading:before { left: 0; right: auto; } .text-heading:after, .text-heading h3:after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #FFF; border: 1px solid #d9d9d9; top: 8px; right: 0; position: absolute; } .sunfw-direction-rtl .text-heading:after, .sunfw-direction-rtl .text-heading h3:after { left: 0; right: auto; } .large-head.text-heading h3:after { display: none; } .text-heading span { max-width: 52%; margin: 0 auto; } .text-heading.large-head span { padding-top: 5px; display: block; color: #333; } .text-heading.large-head:after { width: 60px; left: 50%; margin-left: -30px; top: 55px; height: 3px; border: none; border-radius: 0; right: auto; } .sunfw-direction-rtl .text-heading.large-head:after { right: 50%; left: auto; } .sunfw-direction-rtl .text-heading.large-head:after { margin-right: -30px; margin-left: inherit; } .sunfw-direction-rtl .text-heading.large-head:after { left: auto; right: auto; } .sec-recent-work1 .white span { color: #777; } .sec-recent-work1 .text-heading.large-head > h2 { color: #fff; } .sec-recent-work1 .portfolio { margin: 0 0 25px; } .sec-mobile-ready .text-block { color: #fff; margin-top: 10%; position: relative; } .sunfw-section .demo-join-newsletter .btn.btn-primary { padding: 18px 25px 18px 22px; } .sunfw-section .demo-join-newsletter .btn.btn-primary span { padding-left: 35px; } .port-wrap { padding: 0; margin: 0; max-width: 1170px; margin: 0 auto; transition: all ease-in-out .6s; -moz-transition: all ease-in-out .6s; -ms-transition: all ease-in-out .6s; -o-transition: all ease-in-out .6s; -webkit-transition: all ease-in-out .6s; } .port-wrap:after { content: ''; display: block; clear: both; } .port-item { position: relative; float: left; margin: 0; padding: 0; padding: 10px; overflow: hidden; text-align: center; width: 25%; } .port-item > * { margin: 0; padding: 0; } .port-wrap.port-full-width { max-width: 100%; } .port-wrap.no-space .port-item { padding: 0; } .port-wrap.no-space .port-item:nth-child(2n) .port-meta .triangle { border-bottom-color: #f0f0f0; } .port-wrap.no-space .port-item:nth-child(2n) .port-meta { background: #f0f0f0; } .port-wrap.no-desc .port-item .port-meta { display: none; } .port-wrap.no-space .port-item .p-item .port-meta, .port-wrap.no-space .port-item .p-item .pthumb, .port-wrap.no-desc .port-item .p-item .port-meta, .port-wrap.no-desc .port-item .p-item .pthumb { border: none; border-radius: 0; } .port-5col .port-item { width: 19.99%; } .port-4col .port-item { width: 24.99%; } .port-3col .port-item { width: 33%; } .port-2col .port-item { width: 50%; } .p-item { width: 100%; height: 100%; } .p-item .pthumb { width: 100%; height: 100%; position: relative; overflow: hidden; padding: 0; margin: 0; border-radius: 3px 3px 0 0; } .p-item .pthumb h3 { position: absolute; top: 65%; right: 0; height: 30px; margin: -25px 0 0 0; font-family: "Roboto", Arial, Tahoma; font-size: 20px; line-height: 1.2; display: block; width: 100%; text-align: center; color: #FFF; transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -ms-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; transform: scale(3, 3); -moz-transform: scale(3, 3); -ms-transform: scale(3, 3); -o-transform: scale(3, 3); -webkit-transform: scale(3, 3); opacity: 0; } .p-item .pthumb h3 a { color: #fff; } .p-item .pthumb:hover h3 { transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); opacity: 1; } .p-item .pthumb img { width: 100%; } .p-item .pthumb .mask { width: 100%; height: 100%; position: absolute; background: transparent; z-index: 9; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; } .p-item .pthumb:hover .mask { background: rgba(0, 0, 0, 0.8); } .p-item .pthumb .mask .glass { background: rgba(255, 255, 255, 0.1); width: 80%; height: 220%; left: -120%; top: -90%; display: inline-block; position: absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .p-item .pthumb:hover .mask .glass { left: -50%; } .p-item .pthumb .mask i, .p-item .pthumb .mask span.details { width: 50px; height: 50px; display: inline-block; color: #FFF; font-size: 16px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; line-height: 50px; text-align: center; position: absolute; top: 40%; margin-top: -20px; margin-left: -20px; transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; z-index: 10; } .p-item .pthumb .mask i:hover { color: #fff; } .p-item .pthumb .mask span.details { width: 120px; height: 50px; display: block; left: 50%; top: auto; margin-left: -60px; } .p-item .pthumb .mask .zoom { right: 10px; } .sunfw-direction-rtl .p-item .pthumb .mask .zoom { left: 10px; right: auto; } .p-item .pthumb:hover .mask .zoom { bottom: 10px; } .p-item .pthumb:hover .mask .info, .p-item .pthumb:hover .mask .details { transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; } .p-item .pthumb img { transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; position: relative; z-index: 8; float: left; } .p-item .pthumb:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); } .p-item .pthumb:hover .single-gallery img { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; } .p-item .port-meta { width: 100%; height: 100%; padding: 10px; border: 1px solid #e4e4e4; border-top: none; text-align: left; border-radius: 0 0 3px 3px; display: block; position: relative; background: #FFF; } .p-item .port-meta .triangle { position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; z-index: 99; } .p-item .port-meta h3 { margin: 0; display: block; padding: 5px 0; line-height: 20px; font-size: 18px; } .p-item .port-meta .cat { padding: 5px 0; display: inline-block; } .p-item .port-meta p { display: block; } .demo-promo-box { text-align: center; background: url(../../../media/joomlashine/jsn-one/backgrounds/bg-poly.png); padding: 60px 0 90px; } .demo-promo-box .promo-heading { color: #fff; font-size: 4em; margin: 0; padding: 20px 0; } .demo-promo-box .btn-group .link-button { margin: 15px 8px; padding: 15px 32px; font-size: 14px; } .owl-theme .owl-controls { margin-top: 0; text-align: center; position: absolute; bottom: -45px; right: 4px; top: auto; } .sunfw-direction-rtl .owl-theme .owl-controls { left: 4px; right: auto; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel.owl-theme .owl-item { float: left; } .sunfw-direction-rtl .owl-carousel.owl-theme .owl-item { float: right; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .grabbing { cursor: url(grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } #sunfw-master .owl-theme .owl-controls .owl-page span { background: #cccccc; border-radius: 50%; height: 8px; margin: 5px 4px; transition: all 0.3s ease-in-out 0s; width: 8px; } .discount-percentage .sale-info { background: #d3471b; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; color: #ffffff; display: block; font-size: 16px; height: 55px; line-height: 36px; padding: 15px; position: absolute; right: -10px; text-indent: -6px; top: -12px; width: 55px; } .sunfw-direction-rtl .discount-percentage .sale-info { -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; } .sunfw-direction-rtl .discount-percentage .sale-info { left: -10px; right: auto; } #jsn-pos-breadcrumbs { border-bottom: 1px solid #ececec; margin-bottom: 15px; padding: 5px 0; } .breadcrumb { background: transparent none repeat scroll 0 0; font-size: 0.9em; list-style: outside none none; margin: 0; padding: 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .sunfw-direction-rtl .breadcrumb { -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .breadcrumb li { display: inline-block; margin: 0; text-shadow: 0 1px 0 #ffffff; font-size: 12px; } .breadcrumb li:first-child a { padding-left: 0; } .breadcrumb li a, .breadcrumb li span { color: #404040; } .breadcrumb li a, .breadcrumb li span + span { display: inline-block; } .breadcrumb li span + span { font-weight: bold; padding: 0 5px; } .breadcrumb a { padding: 0 5px; } .breadcrumb > li > .divider { padding: 0 !important; } .breadcrumb li.active:first-child span.divider { background: transparent none repeat scroll 0 0; padding: 0 5px 0 0; } .breadcrumb .active { color: #999999; } .breadcrumb > li + li::before { color: #a6a6a6; content: "\f0da"; font-family: FontAwesome; padding: 0 5px; font-size: 11px; } ul.menu-sidemenu { box-sizing: border-box; list-style-type: none; margin: 0; padding: 0; } ul.menu-sidemenu li i[class*="fa-"], ul.menu-sidemenu li i[class*="jsn-icon-"] { display: none; } ul.menu-sidemenu li::before { display: none; } ul.menu-sidemenu ul { border: 1px solid #ececec; padding: 5px 15px; } ul.menu-sidemenu li { border-bottom: 1px solid rgba(150, 150, 150, 0.2); margin: 0; padding: 0; position: relative; } ul.menu-sidemenu li ul { position: absolute; top: 0; } ul.menu-sidemenu li a { color: #7d7d7d; cursor: pointer; display: block; text-decoration: none; transition: all 0.2s ease-in-out 0s; } ul.menu-sidemenu > li > a { color: #999999; padding: 10px 0; } ul.menu-sidemenu li > a > span { display: block; } ul.menu-sidemenu ul { background: #fbfbfb; opacity: 0; padding: 0 15px; transform: scale(0.8, 0.8); transition: all 0.3s ease-in-out 0s; visibility: hidden; } ul.menu-sidemenu li:hover > ul { opacity: 1; transform: scale(1, 1); visibility: visible; } ul.menu-sidemenu li a { position: relative; } ul.menu-sidemenu li > a::before { bottom: -1px; content: ""; display: block; height: 1px; margin-left: 0; position: absolute; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s; width: 0; } ul.menu-sidemenu li:hover > a::before, ul.menu-sidemenu li.active > a::before { width: 45px; } ul.menu-sidemenu li:hover > a, ul.menu-sidemenu li.active > a { background-color: transparent; } ul.menu-sidemenu li i[class*="jsn-icon-"] { display: none; } ul.menu-sidemenu.menu-iconmenu li i[class*="jsn-icon-"] { display: inline-block; font-size: 16px; line-height: 18px; } ul.menu-sidemenu.menu-iconmenu > li > a > span { line-height: 16px; } ul.menu-sidemenu li a span.jsn-menudescription { display: none; } ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription { display: block; } ul.menu-sidemenu.menu-richmenu.menu-iconmenu > li > a span { line-height: 1.5; } [class*="solid-"] ul.menu-sidemenu > li > a { padding: 10px 0; } h3.box-title { color: #555; font-size: 16px; letter-spacing: 2px; margin: 0; text-transform: uppercase; font-weight: 400; } .sunfw-pos-left .module-style, .sunfw-pos-right .module-style { margin-top: 30px; } #jsn_form_1.jsn-uniform.jsn-master .jsn-columns-container .jsn-column-item { padding-left: 20px; } .sunfw-direction-rtl #jsn_form_1.jsn-uniform.jsn-master .jsn-columns-container .jsn-column-item { padding-right: 20px; padding-left: inherit; } .Section .Grid.container { margin: 0 auto; } .Section .Grid.container .Cards { position: relative; } .Section .Grid.container .Cards .pb-content { background: #FFF; } .Section .Grid.container .Cards img { transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; position: relative; z-index: 8; float: left; } .Section .Grid.container .Cards .pb-image:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); } .Section .Grid.container .Cards .pb-image { position: relative; } .Section .Grid.container .Cards .pb-image:before { background: transparent; content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; z-index: 9; } .Section .Grid.container .Cards .pb-image:hover:before { background: rgba(0, 0, 0, 0.8); } .Section .Grid.container .Cards .pb-image:after { background: rgba(255, 255, 255, 0.1); content: " "; width: 80%; height: 220%; left: -120%; top: -90%; display: inline-block; position: absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; z-index: 10; } .Section .Grid.container .Cards .pb-image:hover:after { left: -50%; } .bg_img .Custom_HTML span { color: #777; } .bg_img .text-heading h1, .bg_img .text-heading h3 { color: #FFF; } .text-heading span, div.text-heading.large-head span { line-height: 1.7; padding-top: 13px; } .join_now .jsn-row-container > .jsn-form-content, .join_now .jsn-row-container .form-actions { display: inline-block; } .join_now .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group { padding: 0; border: none; } .join_now .control-group label.control-label { display: none; } .join_now .form-actions { padding: 0 !important; margin: 0 !important; } .join_now .controls input { width: 318px; padding: 11px 10px; border-radius: 2px; margin: 0 !important; border: 1px solid #fff; } .jsn-row-container .jsn-text-center { display: none; } @media (max-width: 768px) { .join_now .controls input { width: 90% !important; } } .join_now .jsn-row-container > .jsn-text-center { display: none; } .join_now .form-actions button.btn { border-radius: 2px; margin-left: 15px; font-weight: normal; padding: 10px 25px; box-shadow: none; } @media (max-width: 768px) { .join_now .form-actions button.btn { margin-left: 0; float: none; } } @media (max-width: 768px) { .text-responsive { font-size: 22px !important; } } .contact .control-group label.control-label { display: none; } .contact .controls input { padding: 10px; border-radius: 2px; margin: 0 !important; border: 1px solid #eee; } .contact .controls textarea { width: 95% !important; padding: 10px; border: 1px solid #eee; } .contact .form-actions { padding-top: 0 !important; margin-top: 0 !important; } .contact .form-actions button.btn { font-weight: normal; box-shadow: none; padding: 10px 25px; margin-top: 0; margin-left: -4px; } div.jsn-error-page h1 { font-size: 200px; line-height: 1; } div.jsn-error-page .jsn-search input.form-control { background: #ebebeb; width: 315px; margin-right: 15px; font-size: 13px; padding: 9px 10px; } div.jsn-error-page .content-inner h3 { font-size: 33px; text-transform: capitalize; line-height: 1.4; font-weight: bold; margin: 0; } .coming-soon #sunfw-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .coming-soon .sunfw-section { display: table; width: 100%; height: 100%; text-align: center; background: #fff !important; } .coming-soon .sunfw-section > div { display: table-cell; vertical-align: middle; } .coming-soon .jsn-uniform form { text-align: center; } .coming-soon .join_now .controls input { background: #ebebeb !important; line-height: 20px; } @media (max-width: 768px) { .coming-soon .join_now .controls input { margin-bottom: 10px !important; } } .join_now .controls .help-block { position: absolute; } .join_now .jsn-master .jsn-bootstrap .alert { display: inline-block; min-width: 150px; } .join_now .jsn-master .jsn-bootstrap .alert p { margin-bottom: 5px; } .contact .controls input { width: 100%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .contact .controls textarea { width: 100% !important; } .banner img { width: 100%; } @media (max-width: 768px) { div.text-heading span { max-width: 85%; } .pb-item .pb-heading > .pb-icon { float: left; margin-top: 3px !important; } .container-fluid .col-xs-12 { padding: 0; } .join_now .jsn-row-container > .jsn-form-content, .join_now .jsn-row-container .form-actions { display: block; } .join_now .jsn-row-container .form-actions { margin-top: 10px !important; } .contact .form-actions button.btn { margin-left: 5px; } } @media (max-width: 480px) { div.sunfw-section.sunfw-flex-component > div, div.sunfw-section.sunfw-flex-component .item-page { padding: 0; } div.join_now .jsn-row-container > .jsn-form-content, div.join_now .jsn-row-container .form-actions { display: block; } .jsn-uniform.jsn-master .jsn-bootstrap { padding-left: 0; } .contact .jsn-uniform > .jsn-bootstrap { padding: 0; } body div.jsn-error-page h1 { font-size: 80px; } body h1.coming-soon span { font-size: 60px !important; } .sunfw-section .container-fluid { padding: 0; } .container-fluid .pb-stackable.pb-grid > .pb-column:not(.pb-row) { padding: 0 !important; } .text-heading h3 { margin-top: 0; } div.text-heading.large-head, div.text-heading.large-head2 { margin-bottom: 10px; } .Section .Grid.container .Cards img { float: none; } .Section .Grid.container .Cards { text-align: center; padding-top: 15px; } .Section .Grid.container .Cards .pb-image img { width: 100%; } div.text-heading span { max-width: 100%; } .text-heading:after, .text-heading h3:after { display: none; } .pb-grid > .pb-column { display: block !important; width: 100% !important; } .module-style.join_now { padding: 0 30px; } .join_now .control-group label.control-label { display: none !important; } .join_now .jsn-bootstrap .jsn-form-content .control-group { width: 98%; } body div.jsn-error-page .jsn-search input.form-control { width: 100%; margin-bottom: 10px; } #sunfw_section_content-bottom .pb-section > div { padding: 0 30px; } div.pb-stackable.pb-grid > .pb-column:not(.pb-row) { padding: 0 !important; } .pb-column > .pb-column { padding-top: 15px !important; } #pe3_q { margin-top: 10px !important; margin-bottom: 5px !important; } #sunfw-wrapper #jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, #sunfw-wrapper #jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea { width: 100% !important; } .coming-soon .join_now .controls input { margin-top: 0 !important; } .join_now .form-actions button.btn { margin-bottom: 10px !important; } } .sunfw-section .demo-join-newsletter .btn.btn-primary { padding: 18px 25px 18px 22px; } .sunfw-section .demo-join-newsletter .btn.btn-primary span { padding-left: 35px; } .sunfw-content .pb-centered .pb-column .pb-card .pb-header, .sunfw-content .pb-centered .pb-column > .pb-heading { display: block; } .sunfw-content .pb-column > .pb-heading > span { display: block; text-align: center; } .intro-items.pb-item { align-items: flex-start; } .pb-button { -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .sunfw-direction-rtl .pb-button { -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } div[class*="lightbox-"] h3.box-title { border-bottom: 1px solid #ececec; padding-bottom: 15px; } div.lightbox-1 h3.box-title { display: block; } div[class*="richbox-"] h3.box-title { padding: 10px; } div.lightbox-1 h3.box-title span { position: relative; } div[class*="richbox-"] .module-body, div[class*="lightbox-"] .module-body { margin-top: 15px; } div.lightbox-1 h3.box-title span::before { bottom: -16px; content: ""; height: 1px; left: -20px; position: absolute; width: 50px; } .sunfw-direction-rtl div.lightbox-1 h3.box-title span::before { right: -20px; left: auto; } ul.menu-treemenu, ul.menu-treemenu ul { list-style: outside none none; margin: 0; padding: 0; } [class*="box-"] ul.menu-treemenu { margin-top: -10px; } ul.menu-treemenu li { margin: 0; padding: 0; position: relative; } ul.menu-treemenu li a { color: #999999; cursor: pointer; display: block; padding: 8px 12px; text-decoration: none; } ul.menu-treemenu li a i { margin-right: 8px; } .sunfw-direction-rtl ul.menu-treemenu li a i { margin-left: 8px; margin-right: inherit; } ul.menu-treemenu li a span.description { padding-left: 20px; } .sunfw-direction-rtl ul.menu-treemenu li a span.description { padding-right: 20px; padding-left: inherit; } ul.menu-treemenu > li > a { border-bottom: 1px solid rgba(150, 150, 150, 0.2); padding: 6px 0 10px; } ul.menu-treemenu li a span { display: block; } ul.menu-treemenu ul li > a > span { background: transparent url("../images/icons/dot-grey.jpg") no-repeat scroll left center; padding-left: 18px; } ul.menu-treemenu li a { display: inline-block; position: relative; width: 100%; font-size: 13px; } ul.menu-treemenu li > a::before { bottom: -1px; content: ""; display: block; height: 1px; margin-left: 0; position: absolute; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s; width: 0; } ul.menu-treemenu li:hover > a::before, ul.menu-treemenu li.active > a::before { width: 45px; } ul.menu-treemenu ul li { margin: 0; } ul.menu-treemenu ul li a { padding-left: 15px; } ul.menu-treemenu ul ul li a { padding-left: 30px; } ul.menu-treemenu ul ul ul li a { padding-left: 45px; } ul.menu-treemenu ul ul ul ul li a { padding-left: 60px; } ul.menu-treemenu ul ul ul ul ul li a { padding-left: 75px; } ul.menu-treemenu li:hover > a, ul.menu-treemenu li.active > a { background-color: transparent; } .form-builder .choices-required { margin-left: 20px; } #search-searchword { height: auto; padding: 9px 12px; } .sunfw-social .social li { line-height: 39px; padding-top: 0; padding-bottom: 0; } .sunfw-social ul li i { font-size: 14px; } #sunfw_section_top .col-xs-12:last-child { padding-right: 0; } .sunfw-logo { padding-top: 9px; padding-bottom: 9px; } .social li { text-align: center; line-height: 30px; border-left: 1px solid #ececec; padding: 8px 14px; } .social li:last-child { border-right: 1px solid #ececec; } .social li:hover i { color: #000; } .cookialaw { display: none; z-index: 999; } .cookialaw p { line-height: 34px; margin-bottom: 0; } .cookialaw.top { top: 0; } .cookialaw.left { left: 0; } .sunfw-direction-rtl .cookialaw.left { right: 0; left: auto; } .cookialaw.right { right: 0; } .sunfw-direction-rtl .cookialaw.right { left: 0; right: auto; } .cookialaw.bottom { bottom: 0; } .cookialaw.fixed { position: fixed; } .cookialaw.full { width: 100%; } .cookialaw.show { display: block; } .subscribe .btn { line-height: 20px; border-radius: 0; } .module-title .box-title.fa:before { padding-right: 5px; padding-left: 0; } .sunfw-direction-rtl .module-title .box-title.fa:before { padding-left: 5px; padding-right: inherit; } .sunfw-direction-rtl .module-title .box-title.fa:before { padding-right: 0; padding-left: inherit; } .sunfw-breadcrumb { padding: 40px 0; } .sunfw-breadcrumb .breadcrumb { background: transparent; margin: 0; padding: 0; } .sunfw-breadcrumb .breadcrumb > .active { color: #FFF; } .menu-sidemenu ul.menu li { position: relative; } .menu-sidemenu ul.menu li a, .menu-sidemenu ul.menu li > span.separator { transition: color 0.3s linear, background 0.3s ease-out; -moz-transition: color 0.3s linear, background 0.3s ease-out; -webkit-transition: color 0.3s linear, background 0.3s ease-out; } .menu-sidemenu ul.menu li ul { position: absolute; top: 0; z-index: -1; width: 200px; list-style: none; padding: 0; background: #FFF; border: 1px solid #ccc; right: -200px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .sunfw-direction-rtl .menu-sidemenu ul.menu li ul { left: -200px; right: auto; } .menu-sidemenu ul.menu li:hover > ul { opacity: 100; z-index: 10; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .menu-sidemenu ul.menu li:hover > ul li a, .menu-sidemenu ul.menu li:hover > ul li > span.separator { font-size: 12px; cursor: pointer; display: block; -webkit-transition: color 0.3s linear 0s, background 0.3s ease-out 0s; -moz-transition: color 0.3s linear 0s, background 0.3s ease-out 0s; -ms-transition: color 0.3s linear 0s, background 0.3s ease-out 0s; -o-transition: color 0.3s linear 0s, background 0.3s ease-out 0s; transition: color 0.3s linear 0s, background 0.3s ease-out 0s; } .menu-sidemenu ul.menu li:hover > ul li a:hover, .menu-sidemenu ul.menu li:hover > ul li > span.separator:hover { color: #FFF; } .menu-sidemenu.layout-right ul.menu li ul { right: auto; left: -200px; } .sunfw-direction-rtl .menu-sidemenu.layout-right ul.menu li ul { left: auto; right: auto; } .sunfw-direction-rtl .menu-sidemenu.layout-right ul.menu li ul { right: -200px; left: auto; } .edit #adminForm .btn-toolbar { padding-bottom: 10px; } .edit #adminForm fieldset ul.nav-tabs > li > a { display: block !important; } .edit #adminForm fieldset .tab-content { padding-top: 15px; } .edit #adminForm fieldset .tab-content .control-label > label { display: inline-block !important; padding-top: 10px; } .edit #adminForm fieldset .tab-content #jform_state-lbl { padding-top: 10px; } .edit #adminForm fieldset .tab-content #jform_title { margin-bottom: 10px; } .edit #adminForm fieldset .tab-content .controls input { padding: 1px 10px; } .edit #adminForm fieldset .tab-content .controls textarea { padding: 10px; } .edit #adminForm fieldset .tab-content .controls .chzn-search input { padding: 4px 20px 4px 5px; } .edit #adminForm fieldset .tab-content .controls > .chzn-container { width: 250px !important; } .edit #adminForm fieldset .tab-content .controls .chzn-container-single .chzn-single { height: 30px; line-height: 29px; } .edit #adminForm fieldset .tab-content .controls .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height: 30px; } .edit #adminForm fieldset .tab-content .controls .input-append > input { display: inline-block !important; } .edit #adminForm fieldset .tab-content .controls .input-append .btn { padding: 7px 10px; position: relative; top: -1px; line-height: 20px; border-style: solid; border-color: #CCC; border-width: 1px 1px 1px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .edit #adminForm fieldset .tab-content .controls .input-append span.icon-calendar:before { content: "\f274"; font-family: FontAwesome; } .edit #adminForm .btn-toolbar { padding-top: 10px; } .edit #adminForm .btn-toolbar .btn { border: 1px solid #CCC; } .sunfw-view-modules #modules-form .btn-toolbar { padding-top: 10px; } .sunfw-view-modules #modules-form .btn-toolbar .btn { border: 1px solid #ccc; } .sunfw-view-modules #modules-form .control-group { padding-bottom: 10px; } .sunfw-view-modules #modules-form .control-group .control-label { text-align: left; } .sunfw-view-modules #modules-form .control-group .control-label label { display: inline-block !important; } .sunfw-view-modules #modules-form .control-group .radio input[type="radio"] { margin-left: 0; } .sunfw-view-modules #modules-form .control-group .radio label, .sunfw-view-modules #modules-form .control-group .checkbox label { padding-right: 5px; } .sunfw-view-modules #modules-form .control-group input { padding: 1px 10px; } .sunfw-view-modules #modules-form .control-group textarea { padding: 10px; } .sunfw-view-modules #modules-form .control-group .chzn-search input { padding: 4px 20px 4px 5px; } .sunfw-view-modules #modules-form .control-group > .chzn-container { width: 250px !important; } .sunfw-view-modules #modules-form .control-group .chzn-container-single .chzn-single { height: 30px; line-height: 29px; } .sunfw-view-modules #modules-form .control-group .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height: 30px; } .sunfw-view-modules #modules-form .control-group .input-append > input { display: inline-block !important; } .sunfw-view-modules #modules-form .control-group .input-append .btn { padding: 5px 10px; position: relative; top: -1px; line-height: 20px; border-style: solid; border-color: #CCC; border-width: 1px 1px 1px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sunfw-view-modules #modules-form .control-group .input-append span.icon-calendar:before { content: "\f274"; font-family: FontAwesome; } .sunfw-view-modules #modules-form .control-group .btn-toolbar { padding-bottom: 10px; } .btn.jmodedit { background: #FFF; border: 1px solid #CCC; padding: 6px 10px; width: 33px !important; height: 33px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn.jmodedit .icon-edit:before { content: "\f044"; font-size: 14px; line-height: 1; color: #333; font-family: FontAwesome; } .our-team .Section .Grid.container .Items { position: relative; } .our-team .Section .Grid.container .Items .pb-content { background: #FFF; } .our-team .Section .Grid.container .Items img { transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; position: relative; z-index: 8; float: left; } .our-team .Section .Grid.container .Items .pb-image:hover img { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); } .our-team .Section .Grid.container .Items .pb-image { position: relative; } .our-team .Section .Grid.container .Items .pb-image:before { background: transparent; content: " "; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; z-index: 9; } .our-team .Section .Grid.container .Items .pb-image:hover:before { background: rgba(0, 0, 0, 0.8); } .our-team .Section .Grid.container .Items .pb-image:after { background: rgba(255, 255, 255, 0.1); content: " "; width: 80%; height: 220%; left: -120%; top: -90%; display: inline-block; position: absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; z-index: 10; } .our-team .Section .Grid.container .Items .pb-image:hover:after { left: -50%; } .top-info .pb-grid { margin: 0; } ul.sunfw-tpl-menu .menudescription { display: block; font-size: 12px; text-transform: initial; } ul.sunfw-tpl-menu li > a > i { padding-right: 8px; line-height: 45px; display: inline-block; } .sunfw-direction-rtl ul.sunfw-tpl-menu li > a > i { padding-left: 8px; padding-right: inherit; } ul.sunfw-tpl-menu > li { position: relative; } ul.sunfw-tpl-menu > li.megamenu { position: static; } ul.sunfw-tpl-menu > li.right > ul { right: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.right > ul { left: 0; right: auto; } ul.sunfw-tpl-menu > li.left > ul { left: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.left > ul { right: 0; left: auto; } ul.sunfw-tpl-menu > li.center > ul { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.center > ul { right: 50%; left: auto; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.center > ul { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } ul.sunfw-tpl-menu > li.full-width { position: static; } ul.sunfw-tpl-menu > li.full-width > ul { left: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.full-width > ul { right: 0; left: auto; } ul.sunfw-tpl-menu > li > ul { background: #fff; z-index: 1; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu { padding: 10px; position: absolute; border: 1px solid #ebebeb; width: 100%; background: #fbfbfb; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer { padding: 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 { color: #909090; clear: both; border-bottom: 1px solid #e8e8e8; display: block; font-size: 12px; font-weight: normal; margin: 0; padding: 0 0 5px; text-shadow: none; text-transform: uppercase; position: relative; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3:before { bottom: -1px; content: ""; display: block; height: 2px; position: absolute; transition: all 0.2s ease-in 0s; width: 45px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer .custom p { color: #555555; margin: 10px 0 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li { padding: 0; list-style: none; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li ul { opacity: 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li:hover ul { opacity: 1; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form { padding-top: 15px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form #form-login-remember, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form .checkbox { margin-bottom: 5px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form ul.unstyled { display: none; position: relative; opacity: 1; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul { display: block; position: relative; width: 100%; right: 0; padding: 10px 0 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul ul { position: absolute; width: 100%; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li { line-height: 26px; font-weight: normal; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li a { color: #9b9b9b; padding: 5px 0; font-weight: normal; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul { display: block; left: 100%; top: 0; border: 1px solid #ccc; z-index: 2; background-color: #fff; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul { right: 100%; left: auto; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul a { width: 100%; display: block; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li ul { padding: 0 15px; border-color: #e1e1e1; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li ul li, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li ul li { list-style: none; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li ul li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li ul li a { font-size: 14px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li:last-child, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li:last-child { border-bottom: none; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li:last-child > a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li:last-child > a { border-bottom: none; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li > a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li > a { border-bottom: 1px solid #F0F0F0; position: relative; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li > a:before, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li > a:before { bottom: 0; content: ""; display: block; height: 1px; position: absolute; transition: all 0.2s ease-in 0s; width: 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li:hover > a:before, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul.nav.menu li.active > a:before, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li:hover > a:before, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul.nav.menu li.active > a:before { width: 45px; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-social ul { position: relative; left: 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu li a:hover { background: transparent; } ul.sunfw-tpl-menu > li.dropdown-submenu ul { margin: 0; padding: 0; position: absolute; width: 200px; left: auto; display: none; list-style: none; text-align: left; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; border-color: #ececec; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul { text-align: right; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul { -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul { -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li { padding: 0 15px; position: relative; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul { top: 0; left: 100%; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul { right: 100%; left: auto; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a { font-size: 12px; padding: 10px 0; position: relative; color: #7d7d7d; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:before { background-color: #e5e5e5; height: 1px; bottom: 0; content: ""; left: 0; position: absolute; width: 100%; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:before { right: 0; left: auto; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:hover { background: transparent; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a .menutitle::before { bottom: 0; content: ""; display: block; height: 1px; position: absolute; transition: all 0.2s ease-in 0s; width: 0; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li:last-child a:before { display: none; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > a span.menutitle::before, ul.sunfw-tpl-menu > li.dropdown-submenu ul li.active > a span.menutitle::before { width: 45px; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s; } ul.sunfw-tpl-menu > li.dropdown-submenu ul.sunfw-submenu-level-2 { margin-left: 1px; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul.sunfw-submenu-level-2 { margin-right: 1px; margin-left: inherit; } ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu:hover > .dropdown-menu { display: block; opacity: 1; filter: alpha(opacity=100); } ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret { right: 0; top: 16px; position: absolute; border-bottom: 3px solid transparent; border-left: 3px dashed; border-top: 3px solid transparent; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret { left: 0; right: auto; } ul.sunfw-tpl-menu > li.dropdown-submenu.sunfw-submenu-flipback ul li a .menutitle::before { right: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu.sunfw-submenu-flipback ul li a .menutitle::before { left: 0; right: auto; } ul.sunfw-tpl-menu > li.dropdown-submenu.sunfw-submenu-flipback li.dropdown-submenu .caret { border-bottom: 3px solid transparent; border-right: 3px dashed; border-top: 3px solid transparent; border-left: none; } ul.sunfw-tpl-menu ul.sunfw-tpl-menu ul li.parent ul li a span.caret { border-bottom: 3px solid transparent; border-top: 3px solid transparent; border-left: 3px dashed; } ul.sunfw-tpl-menu #menu_item_menu ul.sunfw-megamenu-sub-menu li.current > a:before, ul.sunfw-tpl-menu ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li.current > a:before { width: 45px; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s; } ul.sunfw-tpl-menu ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li.parent > a .caret { right: 0; top: 16px; position: absolute; border-bottom: 3px solid transparent; border-left: 3px dashed; border-top: 3px solid transparent; } .sunfw-direction-rtl ul.sunfw-tpl-menu ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li.parent > a .caret { left: 0; right: auto; } @media (min-width: 768px) { ul.sunfw-tpl-menu .sunfw-submenu-flipback ul { right: 0; left: auto !important; } ul.sunfw-tpl-menu .sunfw-submenu-flipback ul ul { right: 100%; } ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu { text-align: right; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu { text-align: left; } ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu .caret { left: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu .caret { right: 0; left: auto; } ul.sunfw-tpl-menu .sunfw-submenu-flipback ul li:hover > ul { left: auto !important; right: 100%; } ul.sunfw-tpl-menu .sunfw-submenu-flipback.center { position: static; } ul.sunfw-tpl-menu .sunfw-submenu-flipback.center > ul { width: 100% !important; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback.center > ul { right: 0; left: auto; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback.center > ul { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } ul.sunfw-tpl-menu > li ul ul.dropdown-menu { top: 0; left: 100%; } .sunfwMenuFading .sunfw-megamenu-sub-menu, .sunfwMenuFading .dropdown-menu, .sunfwMenuSlide .sunfw-megamenu-sub-menu, .sunfwMenuSlide .dropdown-menu { display: none; } .sunfwMenuNoneEffect ul.sunfw-tpl-menu > li > ul { display: none; } .sunfwMenuNoneEffect ul.sunfw-tpl-menu > li:hover > ul { display: block; } @media (max-width: 1024px) { ul.sunfw-tpl-menu .sunfw-submenu-flipback .sunfw-mega-menu ul { right: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback .sunfw-mega-menu ul { left: 0; right: auto; } } @media (max-width: 767px) { .sunfw-menu { position: relative; z-index: 999; } ul.sunfw-tpl-menu { float: none; width: 100%; } ul.sunfw-tpl-menu.navbar-nav { margin: 0; } ul.sunfw-tpl-menu > li ul { -webkit-box-shadow: none !important; box-shadow: none !important; display: none !important; position: relative !important; border-top: 1px solid #ccc !important; } ul.sunfw-tpl-menu > li ul.menuShow { float: none; display: block !important; width: 100%; } ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu { display: none !important; padding: 0 12px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: none; -o-transition: none; transition: none; } ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu.menuShow { display: block !important; left: 0; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a::before { display: none; } ul.sunfw-tpl-menu > li.megamenu { position: relative; } ul.sunfw-tpl-menu > li.megamenu .sunfw-megamenu-sub-menu { width: 100% !important; padding: 0px 20px 0; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu [class*="col-xs-"] { width: 100%; padding: 0; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu .row { margin: 0; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul { display: block !important; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.unstyled { display: none !important; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu h3 { margin-top: 0; padding: 10px 15px; } ul.sunfw-tpl-menu li { border-bottom: 1px solid #ccc; } ul.sunfw-tpl-menu li:last-child { border-bottom: none; } ul.sunfw-tpl-menu .caret { border: none; width: 40px; top: 0; position: absolute; right: 0; height: 100%; text-align: center; margin-top: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu .caret { left: 0; right: auto; } ul.sunfw-tpl-menu .caret:before { content: "\f105"; font-family: "FontAwesome"; color: #333; font-size: 20px; vertical-align: middle; position: relative; top: 15px; } ul.sunfw-tpl-menu .caret.open:before { content: "\f107"; } .sunfw-menu-head.navbar-default .navbar-nav > li > a { padding: 10px 15px; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.unstyled.menuShow { display: block !important; } } .disable-responsive .container { width: 1170px !important; } @media (min-width: 992px) { .container-fluid { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .sunfw-menu-head li.megamenu > .caret { display: none; } } @media (max-width: 767px) { .sunfw-logo, .sunfw-logo.padding-top-15 { padding: 0 0 5px; } .sunfw-menu-head i { color: #000; } .block-menu { position: absolute; top: 0; padding: 0; right: 0; } .sunfw-direction-rtl .block-menu { left: 0; right: auto; } .jsn-breadcrumb { padding: 40px 0; } .blog .article-info dd:last-child { float: none; } .blog .entry-content { padding: 15px; } .item-page { padding-top: 20px; } .item-page .article-info { padding-bottom: 30px; } .item-page .page-header h2 { font-size: 35px; } .layout-item .blog [class*='col-xs-'] { width: 100%; } .bottom, .bottom .align-right { text-align: center; } } @media (max-width: 480px) { .main-menu ul.sunfw-tpl-menu.navbar-nav { max-height: 400px; overflow: scroll; } #pdw_x.Custom_HTML, .menu-styles .Custom_HTML { margin: 0 10px !important; } .coming .Title.pb-text { font-size: 80px !important; } .blog .items-row [class*="col-xs-4"] { width: 100%; } .jsn-breadcrumb { padding: 30px 0; } .layout-item .slider-home { padding: 30px 0; } .layout-item .slider-home h1 { font-size: 24px; margin-bottom: 15px; } .layout-item .slider-home .btn { margin-top: 20px; } body .contact #contact-form.form-horizontal .control-group .control-label, body .contact #contact-form.form-horizontal .control-group .controls { width: 100%; display: block; clear: both; text-align: left; margin: 0; } } @media only screen and (max-width: 1366px), (max-device-width: 1366px) { .p-item .pthumb h3 { font-size: 28px; margin-top: -20px; } } @media only screen and (max-width: 836px), (max-device-width: 836px) { .j2store-module-product.span2.s1-item.feature-item { width: 100%; } .five-products-type .j2store_products_container { flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; } .pb-button { display: -webkit-inline-flex; } } @media only screen and (max-width: 880px), (max-device-width: 880px) and (min-width: 837px), (min-device-width: 837px) { .feature-item .p-info .j2store-addtocart-form .cart-action-complete p { font-size: 11px; } } @media only screen and (max-width: 880px), (max-device-width: 880px) and (min-width: 837px), (min-device-width: 837px) { .j2store_product_content_block .j2store-addtocart-form .cart-action-complete p { font-size: 12px; } } @media only screen and (max-width: 960px), (max-device-width: 960px) { .demo-join-newsletter { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkitbox-sizing: border-box; } .label_skitter { margin-left: -500px; } .featured-fashion .container { width: 100%; } .demo-join-newsletter { width: auto; padding: 30px; } .demo-join-newsletter .heading { font-size: 1.1em; line-height: 45px; } #jsn-pos-content-bottom { padding: 0 !important; } .product-block [class*="span"] { width: 100% !important; margin: 0 !important; } div.grid-layout4 .services-box.standard-box.grid-col { width: 24.96%; } div.jsn-modulecontainer:first-child, div.jsn-horizontallayout div.jsn-modulecontainer { margin-top: 30px; } .owl-carousel { margin-top: 20px; } .demo-promo-products .owl-carousel { margin-top: 0; } .label_skitter { left: 0 !important; top: auto !important; bottom: 0 !important; margin-left: 0; margin-top: 0; padding: 10px; } .jsn-themeslider-caption-title { font-size: 1em; } .jsn-themeslider-caption-description { font-size: 1.4em; padding: 0; margin: 0 10px; } .demo-promo-box .promo-heading { font-size: 2.5em; } .label_skitter { left: 0 !important; top: auto !important; bottom: 0 !important; margin-left: 0; margin-top: 0; padding: 10px !important; } .jsn-themeslider-caption-title { font-size: 1em !important; } .jsn-themeslider-caption-description { font-size: 1.4em !important; padding: 0 !important; margin: 0 10px !important; } .promo-heading { font-size: 2.5em; } .jsn-demo-page .demo-join-newsletter { width: 97%; } .jsn-demo-page .demo-join-newsletter .heading { font-size: 1.8em !important; } .j2store_product_block h2.j2store_product_title a { font-size: 13px; } .intro-items .pb-heading .Title { font-size: 0.8em !important; } .jsn-demo-page .demo-join-newsletter { padding: 30px 0; } } @media only screen and (max-width: 768px), (max-device-width: 768px) { #jsn-content-top .row-fluid.product-block [class*="span"], #jsn-content-top-below .row-fluid.product-block [class*="span"] { width: 100%; } #jsn-content-top .row-fluid.product-block .span9, #jsn-content-top-below .row-fluid.product-block .span9 { margin-left: 0; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { max-width: 100%; } .sunfw-menu-head.navbar-default .navbar-nav > li > a { padding: 10px 12px; } #sunfw_section_top { border-top: 1px solid #ececec; } .social li { padding: 8px 7px; } .demo-top-info span i { margin-right: 0; } .sunfw-direction-rtl .demo-top-info span i { margin-left: 0; margin-right: inherit; } .j2store_product_block:last-child .j2store-single-product { margin-left: 0; margin-right: 20px; } .j2store-product-list #productFilters #j2store_sortby { margin: 10px 0; } .j2store-cart-button.btn-primary { padding-left: 15px; padding-right: 15px; } .five-products-type .j2store_products_container { display: -webkit-flex; } .five-products-type li.j2store_product_block { flex: 0 0 33%; display: -webkit-inline-flex; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul { left: 100% !important; } .j2store_products_container > li { display: -webkit-flex; } } @media only screen and (max-width: 640px), (max-device-width: 640px) { .demo-promo-box .promo-heading { font-size: 3em; } } @media only screen and (max-width: 480px), (max-device-width: 480px) { .demo-join-newsletter .heading, .demo-join-newsletter .link-button { float: none; margin-bottom: 25px; } .demo-join-newsletter .heading { line-height: 30px; } .five-products-type li.j2store_product_block { flex: 0 0 100%; } div.grid-layout4 .services-box.standard-box.grid-col { width: 100%; } .text-heading.large-head span { max-width: 100%; } .label_skitter { display: none; } div.jsn-modulecontainer:first-child { margin-top: 0 !important; } .demo-promo-box { padding: 30px 0 60px; } .demo-promo-box .promo-heading { font-size: 1.5em; } .text-heading.large-head > h1 { font-size: 18px; line-height: 26px; } .text-heading.large-head:before, .text-heading.large-head2:before { top: 40px; } .text-heading.large-head:after { top: 39px; } .p-item .pthumb .mask a { display: none; } .p-item .pthumb .mask h3 { font-size: 1em; } .p-item .pthumb .mask h3 a { display: block; } .sec-recent-work1 .btn-group { white-space: normal; } .featured-fashion { padding: 0; } .demo-shop-intro .shop-intro { padding-bottom: 0px; } .jsn-demo-page .demo-join-newsletter .heading { float: none; font-size: 1.3em !important; text-align: center; line-height: 25px; margin: 0 0 20px; } .label_skitter { padding: 0 10px; } .jsn-demo-page .demo-join-newsletter { text-align: center; } .sunfw-section .demo-join-newsletter .btn.btn-primary { float: none !important; text-align: center; left: auto !important; display: inline-block; } .display-desktop { display: none; } .sunfw-menu-head.navbar-default { float: none !important; display: inline; } .heading-custom span.pb-text { font-size: 23px !important; } .sunfw-menu-head.navbar-default .navbar-nav > li > a { padding: 5px 12px; } ul.sunfw-tpl-menu .caret { width: 40px; right: 0; top: 0; border: none !important; } ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .caret { top: 0; } ul.sunfw-tpl-menu ul .caret:before { top: 0; } #menu_item_menu ul.dropdown-menu, #menu_item_menu ul.sunfw-megamenu-sub-menu ul { width: 100% !important; left: 0 !important; opacity: 1; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul { border: none; background-color: transparent; } ul.sunfw-tpl-menu ul li { border-bottom: none; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3:before { display: none; } ul.sunfw-tpl-menu > li.dropdown-submenu ul { border: none !important; } .j2store_product_block:first-child .j2store-single-product, .j2store_product_block:last-child .j2store-single-product { margin-left: 10px; margin-right: 10px; } .jsn-header { padding: 15px 0 0; } .navbar-default .navbar-toggle { margin-top: -50px; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a { border-bottom: 1px solid #ececec; } } @media only screen and (max-width: 321px), (max-device-width: 321px) { .sunfw-section .demo-join-newsletter .btn.btn-primary { left: 15%; } } .j2store_product_content_block a { font-weight: 400; } .j2store_product_content_block a i { margin-right: 5px; } .j2store_product_block .j2store-add-to-cart .j2store_cart_button i, .j2store_product_block .j2store-add-to-cart .j2store_cart_button span { display: inline-block; } .product-price-container .sale-price, .base-price { font-size: 16px; } .j2store-module-product .product-qty { display: none; } .j2store-product-module .owl-controls .owl-buttons { display: none; } .j2store_product_block1 a { color: #222; } .j2store-module-product .p-info { display: block; top: 236px; } .j2store-module-product .p-info .product-price-container { padding: 6px 0px; } .j2store-module-product .p-info .j2store-addtocart-form .cart-action-complete p { margin: 0; } .j2store-module-product .p-info .j2store-addtocart-form .cart-action-complete a { color: #8d84e4; } .s1-item:hover .p-info .j2store-add-to-cart nav { opacity: 1.0; } .p-info .j2store-add-to-cart nav { opacity: 0; } .p-info .j2store-add-to-cart nav .j2store-cart-button { text-align: center; background: transparent; margin-bottom: 7px; } .p-info .j2store-add-to-cart nav i, .sunfw-com-j2store em { color: #8d84e4; } .p-info .j2store-add-to-cart nav a:hover i, .sunfw-com-j2store em { color: #fff; } .j2store-single-product .j2store_product_content_block .j2store_add_to_cart .product-qty { display: none; } .moduletable h3 { font-size: 16px; letter-spacing: 2px; margin: 0; padding: 0 0 10px; text-transform: uppercase; font-weight: 400; } .j2store-product-filters { margin-bottom: 15px; } .j2store-minicart-button, .jsn-mod-custom .sidebar-custom, .j2store #j2store_currency { margin-bottom: 15px; } .j2store_product_content_block .j2store-addtocart-form .btn-success { line-height: 1.4em; } .j2store_product_content_block .j2store-addtocart-form .j2store_cart_button.btn-success { padding-top: 4px; padding-bottom: 2px; } .j2store_product_content_block .j2store-addtocart-form .j2store_add_to_cart .product-qty { display: none; } .base-price.strike { color: #222; font-size: 13px; text-decoration: line-through; margin-right: 5px; } .j2store_product_content_block .j2store-addtocart-form { margin-top: 12px; } .j2store_product_content_block .j2store-addtocart-form .j2store-price { margin-bottom: 8px; } .btn-info { color: #fff; background-color: #8d84e4 !important; background-image: none; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .padding-0 { padding: 0px; } .padding-top-0 { padding-top: 0px; } .padding-bottom-0 { padding-bottom: 0px; } .padding-left-0 { padding-left: 0px; } .sunfw-direction-rtl .padding-left-0 { padding-right: 0px; padding-left: inherit; } .padding-right-0 { padding-right: 0px; } .sunfw-direction-rtl .padding-right-0 { padding-left: 0px; padding-right: inherit; } .padding-5 { padding: 5px; } .padding-top-5 { padding-top: 5px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-left-5 { padding-left: 5px; } .sunfw-direction-rtl .padding-left-5 { padding-right: 5px; padding-left: inherit; } .padding-right-5 { padding-right: 5px; } .sunfw-direction-rtl .padding-right-5 { padding-left: 5px; padding-right: inherit; } .padding-10 { padding: 10px; } .padding-top-10 { padding-top: 10px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-left-10 { padding-left: 10px; } .sunfw-direction-rtl .padding-left-10 { padding-right: 10px; padding-left: inherit; } .padding-right-10 { padding-right: 10px; } .sunfw-direction-rtl .padding-right-10 { padding-left: 10px; padding-right: inherit; } .padding-15 { padding: 15px; } .padding-top-15 { padding-top: 15px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-left-15 { padding-left: 15px; } .sunfw-direction-rtl .padding-left-15 { padding-right: 15px; padding-left: inherit; } .padding-right-15 { padding-right: 15px; } .sunfw-direction-rtl .padding-right-15 { padding-left: 15px; padding-right: inherit; } .padding-20 { padding: 20px; } .padding-top-20 { padding-top: 20px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-left-20 { padding-left: 20px; } .sunfw-direction-rtl .padding-left-20 { padding-right: 20px; padding-left: inherit; } .padding-right-20 { padding-right: 20px; } .sunfw-direction-rtl .padding-right-20 { padding-left: 20px; padding-right: inherit; } .padding-25 { padding: 25px; } .padding-top-25 { padding-top: 25px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-left-25 { padding-left: 25px; } .sunfw-direction-rtl .padding-left-25 { padding-right: 25px; padding-left: inherit; } .padding-right-25 { padding-right: 25px; } .sunfw-direction-rtl .padding-right-25 { padding-left: 25px; padding-right: inherit; } .padding-30 { padding: 30px; } .padding-top-30 { padding-top: 30px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-left-30 { padding-left: 30px; } .sunfw-direction-rtl .padding-left-30 { padding-right: 30px; padding-left: inherit; } .padding-right-30 { padding-right: 30px; } .sunfw-direction-rtl .padding-right-30 { padding-left: 30px; padding-right: inherit; } .padding-35 { padding: 35px; } .padding-top-35 { padding-top: 35px; } .padding-bottom-35 { padding-bottom: 35px; } .padding-left-35 { padding-left: 35px; } .sunfw-direction-rtl .padding-left-35 { padding-right: 35px; padding-left: inherit; } .padding-right-35 { padding-right: 35px; } .sunfw-direction-rtl .padding-right-35 { padding-left: 35px; padding-right: inherit; } .padding-40 { padding: 40px; } .padding-top-40 { padding-top: 40px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-left-40 { padding-left: 40px; } .sunfw-direction-rtl .padding-left-40 { padding-right: 40px; padding-left: inherit; } .padding-right-40 { padding-right: 40px; } .sunfw-direction-rtl .padding-right-40 { padding-left: 40px; padding-right: inherit; } .padding-45 { padding: 45px; } .padding-top-45 { padding-top: 45px; } .padding-bottom-45 { padding-bottom: 45px; } .padding-left-45 { padding-left: 45px; } .sunfw-direction-rtl .padding-left-45 { padding-right: 45px; padding-left: inherit; } .padding-right-45 { padding-right: 45px; } .sunfw-direction-rtl .padding-right-45 { padding-left: 45px; padding-right: inherit; } .padding-50 { padding: 50px; } .padding-top-50 { padding-top: 50px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-left-50 { padding-left: 50px; } .sunfw-direction-rtl .padding-left-50 { padding-right: 50px; padding-left: inherit; } .padding-right-50 { padding-right: 50px; } .sunfw-direction-rtl .padding-right-50 { padding-left: 50px; padding-right: inherit; } .padding-55 { padding: 55px; } .padding-top-55 { padding-top: 55px; } .padding-bottom-55 { padding-bottom: 55px; } .padding-left-55 { padding-left: 55px; } .sunfw-direction-rtl .padding-left-55 { padding-right: 55px; padding-left: inherit; } .padding-right-55 { padding-right: 55px; } .sunfw-direction-rtl .padding-right-55 { padding-left: 55px; padding-right: inherit; } .padding-60 { padding: 60px; } .padding-top-60 { padding-top: 60px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-left-60 { padding-left: 60px; } .sunfw-direction-rtl .padding-left-60 { padding-right: 60px; padding-left: inherit; } .padding-right-60 { padding-right: 60px; } .sunfw-direction-rtl .padding-right-60 { padding-left: 60px; padding-right: inherit; } .padding-65 { padding: 65px; } .padding-top-65 { padding-top: 65px; } .padding-bottom-65 { padding-bottom: 65px; } .padding-left-65 { padding-left: 65px; } .sunfw-direction-rtl .padding-left-65 { padding-right: 65px; padding-left: inherit; } .padding-right-65 { padding-right: 65px; } .sunfw-direction-rtl .padding-right-65 { padding-left: 65px; padding-right: inherit; } .padding-70 { padding: 70px; } .padding-top-70 { padding-top: 70px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-left-70 { padding-left: 70px; } .sunfw-direction-rtl .padding-left-70 { padding-right: 70px; padding-left: inherit; } .padding-right-70 { padding-right: 70px; } .sunfw-direction-rtl .padding-right-70 { padding-left: 70px; padding-right: inherit; } .padding-75 { padding: 75px; } .padding-top-75 { padding-top: 75px; } .padding-bottom-75 { padding-bottom: 75px; } .padding-left-75 { padding-left: 75px; } .sunfw-direction-rtl .padding-left-75 { padding-right: 75px; padding-left: inherit; } .padding-right-75 { padding-right: 75px; } .sunfw-direction-rtl .padding-right-75 { padding-left: 75px; padding-right: inherit; } .margin-0 { margin: 0px; } .margin-top-0 { margin-top: 0px; } .margin-bottom-0 { margin-bottom: 0px; } .margin-left-0 { margin-left: 0px; } .sunfw-direction-rtl .margin-left-0 { margin-right: 0px; margin-left: inherit; } .margin-right-0 { margin-right: 0px; } .sunfw-direction-rtl .margin-right-0 { margin-left: 0px; margin-right: inherit; } .margin-5 { margin: 5px; } .margin-top-5 { margin-top: 5px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-left-5 { margin-left: 5px; } .sunfw-direction-rtl .margin-left-5 { margin-right: 5px; margin-left: inherit; } .margin-right-5 { margin-right: 5px; } .sunfw-direction-rtl .margin-right-5 { margin-left: 5px; margin-right: inherit; } .margin-10 { margin: 10px; } .margin-top-10 { margin-top: 10px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-left-10 { margin-left: 10px; } .sunfw-direction-rtl .margin-left-10 { margin-right: 10px; margin-left: inherit; } .margin-right-10 { margin-right: 10px; } .sunfw-direction-rtl .margin-right-10 { margin-left: 10px; margin-right: inherit; } .margin-15 { margin: 15px; } .margin-top-15 { margin-top: 15px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-left-15 { margin-left: 15px; } .sunfw-direction-rtl .margin-left-15 { margin-right: 15px; margin-left: inherit; } .margin-right-15 { margin-right: 15px; } .sunfw-direction-rtl .margin-right-15 { margin-left: 15px; margin-right: inherit; } .margin-20 { margin: 20px; } .margin-top-20 { margin-top: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-left-20 { margin-left: 20px; } .sunfw-direction-rtl .margin-left-20 { margin-right: 20px; margin-left: inherit; } .margin-right-20 { margin-right: 20px; } .sunfw-direction-rtl .margin-right-20 { margin-left: 20px; margin-right: inherit; } .margin-25 { margin: 25px; } .margin-top-25 { margin-top: 25px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-left-25 { margin-left: 25px; } .sunfw-direction-rtl .margin-left-25 { margin-right: 25px; margin-left: inherit; } .margin-right-25 { margin-right: 25px; } .sunfw-direction-rtl .margin-right-25 { margin-left: 25px; margin-right: inherit; } .margin-30 { margin: 30px; } .margin-top-30 { margin-top: 30px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-left-30 { margin-left: 30px; } .sunfw-direction-rtl .margin-left-30 { margin-right: 30px; margin-left: inherit; } .margin-right-30 { margin-right: 30px; } .sunfw-direction-rtl .margin-right-30 { margin-left: 30px; margin-right: inherit; } .margin-35 { margin: 35px; } .margin-top-35 { margin-top: 35px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-left-35 { margin-left: 35px; } .sunfw-direction-rtl .margin-left-35 { margin-right: 35px; margin-left: inherit; } .margin-right-35 { margin-right: 35px; } .sunfw-direction-rtl .margin-right-35 { margin-left: 35px; margin-right: inherit; } .margin-40 { margin: 40px; } .margin-top-40 { margin-top: 40px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-left-40 { margin-left: 40px; } .sunfw-direction-rtl .margin-left-40 { margin-right: 40px; margin-left: inherit; } .margin-right-40 { margin-right: 40px; } .sunfw-direction-rtl .margin-right-40 { margin-left: 40px; margin-right: inherit; } .margin-45 { margin: 45px; } .margin-top-45 { margin-top: 45px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-left-45 { margin-left: 45px; } .sunfw-direction-rtl .margin-left-45 { margin-right: 45px; margin-left: inherit; } .margin-right-45 { margin-right: 45px; } .sunfw-direction-rtl .margin-right-45 { margin-left: 45px; margin-right: inherit; } .margin-50 { margin: 50px; } .margin-top-50 { margin-top: 50px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-left-50 { margin-left: 50px; } .sunfw-direction-rtl .margin-left-50 { margin-right: 50px; margin-left: inherit; } .margin-right-50 { margin-right: 50px; } .sunfw-direction-rtl .margin-right-50 { margin-left: 50px; margin-right: inherit; } .margin-55 { margin: 55px; } .margin-top-55 { margin-top: 55px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-left-55 { margin-left: 55px; } .sunfw-direction-rtl .margin-left-55 { margin-right: 55px; margin-left: inherit; } .margin-right-55 { margin-right: 55px; } .sunfw-direction-rtl .margin-right-55 { margin-left: 55px; margin-right: inherit; } .margin-60 { margin: 60px; } .margin-top-60 { margin-top: 60px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-left-60 { margin-left: 60px; } .sunfw-direction-rtl .margin-left-60 { margin-right: 60px; margin-left: inherit; } .margin-right-60 { margin-right: 60px; } .sunfw-direction-rtl .margin-right-60 { margin-left: 60px; margin-right: inherit; } .margin-65 { margin: 65px; } .margin-top-65 { margin-top: 65px; } .margin-bottom-65 { margin-bottom: 65px; } .margin-left-65 { margin-left: 65px; } .sunfw-direction-rtl .margin-left-65 { margin-right: 65px; margin-left: inherit; } .margin-right-65 { margin-right: 65px; } .sunfw-direction-rtl .margin-right-65 { margin-left: 65px; margin-right: inherit; } .margin-70 { margin: 70px; } .margin-top-70 { margin-top: 70px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-left-70 { margin-left: 70px; } .sunfw-direction-rtl .margin-left-70 { margin-right: 70px; margin-left: inherit; } .margin-right-70 { margin-right: 70px; } .sunfw-direction-rtl .margin-right-70 { margin-left: 70px; margin-right: inherit; } .margin-75 { margin: 75px; } .margin-top-75 { margin-top: 75px; } .margin-bottom-75 { margin-bottom: 75px; } .margin-left-75 { margin-left: 75px; } .sunfw-direction-rtl .margin-left-75 { margin-right: 75px; margin-left: inherit; } .margin-right-75 { margin-right: 75px; } .sunfw-direction-rtl .margin-right-75 { margin-left: 75px; margin-right: inherit; } .middle { top: 50%; } .top-0 { top: 0px; } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .sunfw-direction-rtl .left-0 { right: 0px; left: auto; } .right-0 { right: 0px; } .sunfw-direction-rtl .right-0 { left: 0px; right: auto; } .top-5 { top: 5px; } .bottom-5 { bottom: 5px; } .left-5 { left: 5px; } .sunfw-direction-rtl .left-5 { right: 5px; left: auto; } .right-5 { right: 5px; } .sunfw-direction-rtl .right-5 { left: 5px; right: auto; } .top-10 { top: 10px; } .bottom-10 { bottom: 10px; } .left-10 { left: 10px; } .sunfw-direction-rtl .left-10 { right: 10px; left: auto; } .right-10 { right: 10px; } .sunfw-direction-rtl .right-10 { left: 10px; right: auto; } .top-15 { top: 15px; } .bottom-15 { bottom: 15px; } .left-15 { left: 15px; } .sunfw-direction-rtl .left-15 { right: 15px; left: auto; } .right-15 { right: 15px; } .sunfw-direction-rtl .right-15 { left: 15px; right: auto; } .top-20 { top: 20px; } .bottom-20 { bottom: 20px; } .left-20 { left: 20px; } .sunfw-direction-rtl .left-20 { right: 20px; left: auto; } .right-20 { right: 20px; } .sunfw-direction-rtl .right-20 { left: 20px; right: auto; } .top-25 { top: 25px; } .bottom-25 { bottom: 25px; } .left-25 { left: 25px; } .sunfw-direction-rtl .left-25 { right: 25px; left: auto; } .right-25 { right: 25px; } .sunfw-direction-rtl .right-25 { left: 25px; right: auto; } .top-30 { top: 30px; } .bottom-30 { bottom: 30px; } .left-30 { left: 30px; } .sunfw-direction-rtl .left-30 { right: 30px; left: auto; } .right-30 { right: 30px; } .sunfw-direction-rtl .right-30 { left: 30px; right: auto; } .top-35 { top: 35px; } .bottom-35 { bottom: 35px; } .left-35 { left: 35px; } .sunfw-direction-rtl .left-35 { right: 35px; left: auto; } .right-35 { right: 35px; } .sunfw-direction-rtl .right-35 { left: 35px; right: auto; } .top-40 { top: 40px; } .bottom-40 { bottom: 40px; } .left-40 { left: 40px; } .sunfw-direction-rtl .left-40 { right: 40px; left: auto; } .right-40 { right: 40px; } .sunfw-direction-rtl .right-40 { left: 40px; right: auto; } .top-45 { top: 45px; } .bottom-45 { bottom: 45px; } .left-45 { left: 45px; } .sunfw-direction-rtl .left-45 { right: 45px; left: auto; } .right-45 { right: 45px; } .sunfw-direction-rtl .right-45 { left: 45px; right: auto; } .top-50 { top: 50px; } .bottom-50 { bottom: 50px; } .left-50 { left: 50px; } .sunfw-direction-rtl .left-50 { right: 50px; left: auto; } .right-50 { right: 50px; } .sunfw-direction-rtl .right-50 { left: 50px; right: auto; } .top-55 { top: 55px; } .bottom-55 { bottom: 55px; } .left-55 { left: 55px; } .sunfw-direction-rtl .left-55 { right: 55px; left: auto; } .right-55 { right: 55px; } .sunfw-direction-rtl .right-55 { left: 55px; right: auto; } .top-60 { top: 60px; } .bottom-60 { bottom: 60px; } .left-60 { left: 60px; } .sunfw-direction-rtl .left-60 { right: 60px; left: auto; } .right-60 { right: 60px; } .sunfw-direction-rtl .right-60 { left: 60px; right: auto; } .top-65 { top: 65px; } .bottom-65 { bottom: 65px; } .left-65 { left: 65px; } .sunfw-direction-rtl .left-65 { right: 65px; left: auto; } .right-65 { right: 65px; } .sunfw-direction-rtl .right-65 { left: 65px; right: auto; } .top-70 { top: 70px; } .bottom-70 { bottom: 70px; } .left-70 { left: 70px; } .sunfw-direction-rtl .left-70 { right: 70px; left: auto; } .right-70 { right: 70px; } .sunfw-direction-rtl .right-70 { left: 70px; right: auto; } .top-75 { top: 75px; } .bottom-75 { bottom: 75px; } .left-75 { left: 75px; } .sunfw-direction-rtl .left-75 { right: 75px; left: auto; } .right-75 { right: 75px; } .sunfw-direction-rtl .right-75 { left: 75px; right: auto; } .font-weight-100 { font-weight: 100; } .font-weight-200 { font-weight: 200; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .font-size-1 { font-size: 1px; } .font-size-2 { font-size: 2px; } .font-size-3 { font-size: 3px; } .font-size-4 { font-size: 4px; } .font-size-5 { font-size: 5px; } .font-size-6 { font-size: 6px; } .font-size-7 { font-size: 7px; } .font-size-8 { font-size: 8px; } .font-size-9 { font-size: 9px; } .font-size-10 { font-size: 10px; } .font-size-11 { font-size: 11px; } .font-size-12 { font-size: 12px; } .font-size-13 { font-size: 13px; } .font-size-14 { font-size: 14px; } .font-size-15 { font-size: 15px; } .font-size-16 { font-size: 16px; } .font-size-17 { font-size: 17px; } .font-size-18 { font-size: 18px; } .font-size-19 { font-size: 19px; } .font-size-20 { font-size: 20px; } .font-size-21 { font-size: 21px; } .font-size-22 { font-size: 22px; } .font-size-23 { font-size: 23px; } .font-size-24 { font-size: 24px; } .font-size-25 { font-size: 25px; } .font-size-26 { font-size: 26px; } .font-size-27 { font-size: 27px; } .font-size-28 { font-size: 28px; } .font-size-29 { font-size: 29px; } .font-size-30 { font-size: 30px; } .font-size-31 { font-size: 31px; } .font-size-32 { font-size: 32px; } .font-size-33 { font-size: 33px; } .font-size-34 { font-size: 34px; } .font-size-35 { font-size: 35px; } .font-size-36 { font-size: 36px; } .font-size-37 { font-size: 37px; } .font-size-38 { font-size: 38px; } .font-size-39 { font-size: 39px; } .font-size-40 { font-size: 40px; } .font-size-41 { font-size: 41px; } .font-size-42 { font-size: 42px; } .font-size-43 { font-size: 43px; } .font-size-44 { font-size: 44px; } .font-size-45 { font-size: 45px; } .font-size-46 { font-size: 46px; } .font-size-47 { font-size: 47px; } .font-size-48 { font-size: 48px; } .font-size-49 { font-size: 49px; } .font-size-50 { font-size: 50px; } .display-inline { display: inline-block; } .p-relative { position: relative; } .p-absolute { position: absolute; } .p-fixed { position: fixed; } .p-static { position: static; } .width-5 { width: 5px; } .width-10 { width: 10px; } .width-15 { width: 15px; } .width-20 { width: 20px; } .width-25 { width: 25px; } .width-30 { width: 30px; } .width-35 { width: 35px; } .width-40 { width: 40px; } .width-45 { width: 45px; } .width-50 { width: 50px; } .width-55 { width: 55px; } .width-60 { width: 60px; } .width-65 { width: 65px; } .width-70 { width: 70px; } .width-75 { width: 75px; } .width-80 { width: 80px; } .width-85 { width: 85px; } .width-90 { width: 90px; } .width-95 { width: 95px; } .width-100 { width: 100px; } .off-canvas-base { position: absolute; background-color: #f5f5f5; z-index: 999; } .off-canvas-base .close-offcanvas { z-index: 999; color: #000; } .off-canvas-base .padding-20 a.close-offcanvas { display: none; } .offcanvas-bottom a { color: #8A91A4; } #close-offcanvas { color: #000; } body.offcanvas-open .sunfw-content::before { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s; } body[class*='-open'].offcanvas-open .sunfw-content::before { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .off-canvas-base { z-index: 10000; } @media (max-width: 767px) { body.sunfw-offCanvas > .off-canvas-base { width: 250px !important; } body.sunfw-offCanvas > .off-canvas-right { transform: translate3d(250px, 0, 0) !important; -webkit-transform: translate3d(250px, 0, 0) !important; } body.sunfw-offCanvas > .off-canvas-left { transform: translate3d(-250px, 0, 0) !important; -webkit-transform: translate3d(-250px, 0, 0) !important; } body.sunfw-offCanvas.is-right-open > .off-canvas-right { transform: translate3d(0px, 0px, 0px) !important; } body.sunfw-offCanvas.is-left-open > .off-canvas-left { transform: translate3d(0px, 0px, 0px) !important; } } .effect-left-push.is-left-open .sunfw-content { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .effect-left-push.is-left-open.sunfw-direction-rtl .sunfw-content { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .effect-left-push .off-canvas-left { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; } .effect-left-push.is-left-open .off-canvas-left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-right-push.is-right-open .sunfw-content { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .effect-right-push.is-right-open.sunfw-direction-rtl .sunfw-content { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .effect-right-push .off-canvas-right { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; } .effect-right-push.is-right-open .off-canvas-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-top-push.is-top-open .sunfw-content { -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); } .effect-top-push .off-canvas-top { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); width: 100%; height: 300px; } .effect-top-push.is-top-open .off-canvas-top { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-bottom-push.is-bottom-open .sunfw-content { -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); } .effect-bottom-push .off-canvas-bottom { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); width: 100%; height: 300px; } .effect-bottom-push.is-bottom-open .off-canvas-bottom { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } .effect-bottom-push .off-canvas-bottom { position: fixed; } .effect-left-slide .off-canvas-left { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; } .effect-left-slide.is-left-open .off-canvas-left { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-right-slide .off-canvas-right { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; } .effect-right-slide.is-right-open .off-canvas-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-top-slide .off-canvas-top { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0); width: 100%; height: 300px; } .effect-top-slide.is-top-open .off-canvas-top { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .effect-bottom-slide .off-canvas-bottom { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, 300px, 0); transform: translate3d(0, 300px, 0); width: 100%; height: 300px; } .effect-bottom-slide.is-bottom-open .off-canvas-bottom { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } .effect-bottom-slide .off-canvas-bottom { position: fixed; } .off-canvas-left .toggle-offcanvas { right: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .sunfw-direction-rtl .off-canvas-left .toggle-offcanvas { left: 0; right: auto; } .sunfw-direction-rtl .off-canvas-left .toggle-offcanvas { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .off-canvas-left .toggle-offcanvas.middle { -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); } .sunfw-direction-rtl .off-canvas-left .toggle-offcanvas.middle { -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .off-canvas-right .toggle-offcanvas { left: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .sunfw-direction-rtl .off-canvas-right .toggle-offcanvas { right: 0; left: auto; } .sunfw-direction-rtl .off-canvas-right .toggle-offcanvas { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .off-canvas-right .toggle-offcanvas.middle { -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .sunfw-direction-rtl .off-canvas-right .toggle-offcanvas.middle { -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); } .off-canvas-top .toggle-offcanvas { transform: translate(0, 100%); bottom: 0; } .off-canvas-top .toggle-offcanvas.center { transform: translate(-50%, 100%); } .off-canvas-bottom .toggle-offcanvas { top: 0; transform: translate(0, -100%); } .off-canvas-bottom .toggle-offcanvas.center { transform: translate(-50%, -100%); } .toggle-offcanvas { background: #FFF; padding: 5px 15px; line-height: 30px; text-align: center; position: absolute; border: 1px solid rgba(221, 221, 221, 0.5); } .toggle-offcanvas .fa-bars { color: #000; } .toggle-offcanvas:focus { outline: none; } .offcanvas-content > .row { margin: 0; } .offcanvas-content .container { width: 100%; } .offcanvas-content h3.module-title { padding-left: 20px; } .sunfw-direction-rtl .offcanvas-content h3.module-title { padding-right: 20px; padding-left: inherit; } .offcanvas-content .col-xs-12 { padding: 0; } .offcanvas-content ul.nav.menu li { border-bottom: 1px solid rgba(204, 204, 204, 0.3); } .offcanvas-content ul.nav.menu li a { font-size: 14px; color: #333; display: block; padding: 13px 10px 13px 20px; } .sunfw-direction-rtl .offcanvas-content ul.nav.menu li a { padding: 13px 20px 13px 10px; } .offcanvas-content ul.nav.menu .nav-child { border-top: 1px solid rgba(204, 204, 204, 0.3); } .offcanvas-content ul.nav.menu .nav-child > li:last-child { border: medium none; } .offcanvas-content ul.nav.menu ul { padding: 0; list-style: none; } .offcanvas-content #login-form { padding: 10px 15px 0; } .offcanvas-content #login-form ul { padding: 0; list-style: none; } .off-canvas-base { position: fixed; } .off-canvas-base .offcanvas-content { position: fixed; top: 0; bottom: 0; width: inherit; overflow: auto; } .toggle-offcanvas.top { top: 0; } .toggle-offcanvas.bottom { bottom: 0; } .toggle-offcanvas.middle { top: 50%; } .toggle-offcanvas.right { right: 0; } .toggle-offcanvas.left { left: 0; } .toggle-offcanvas.center { left: 50%; } .sunfw-offCanvas .only-mobile { display: none; } @media (max-width: 767px) { .sunfw-offCanvas .only-mobile { display: block; } .sunfw-offCanvas .only-mobile .close-offcanvas.toggle-offcanvas { display: block; } } .form-contact .control-group { margin-bottom: 20px; zoom: 1; } .form-contact .control-group:before { display: table; line-height: 0; content: ""; } .form-contact .control-group:after { display: table; line-height: 0; content: ""; clear: both; } .form-contact .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .sunfw-direction-rtl .form-contact .control-label { float: right; } .sunfw-direction-rtl .form-contact .control-label { text-align: left; } .form-contact .controls { display: inline-block; padding-left: 20px; width: calc(100% - 180px); } .sunfw-direction-rtl .form-contact .controls { padding-right: 20px; padding-left: inherit; } .form-contact .controls input, .form-contact .controls textarea { display: block; width: 100%; } .form-contact .help-block { margin-bottom: 0; } .form-contact input + .help-block, .form-contact select + .help-block, .form-contact textarea + .help-block, .form-contact .uneditable-input + .help-block, .form-contact .input-prepend + .help-block, .form-contact .input-append + .help-block { margin-top: 10px; } .form-contact .form-actions { padding-left: 180px; } .sunfw-direction-rtl .form-contact .form-actions { padding-right: 180px; padding-left: inherit; } .jsn-error-page { text-align: center; } .jsn-error-page h1 { color: #000; font-size: 80px; font-weight: bold; line-height: 144px; margin: 0; border-bottom: none; font-family: 'Lato', sans-serif; } .jsn-error-page #content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sunfw-direction-rtl .jsn-error-page #content { right: 0; left: auto; } .jsn-error-page .table { display: table; width: 100%; height: 100%; } .jsn-error-page .table .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .jsn-error-page .content-inner h3 { font-size: 40px; font-weight: bold; letter-spacing: 1px; line-height: 40px; margin: 0 0 20px; text-transform: uppercase; color: #000; font-family: 'Lato', sans-serif; } .jsn-error-page .content-inner p { color: #646464; font-family: Lato; font-size: 16px; margin: 0 0 10px; } .jsn-error-page .jsn-search input.form-control { border-color: #eaeaea; border-radius: 2px; box-shadow: none; height: auto; line-height: 22px; padding: 12px 20px; width: 28%; font-family: 'Lato', sans-serif; font-size: 16px; color: #c8c8c8; } .jsn-error-page .goto-home { margin: 50px 0 60px; } .jsn-error-page .goto-home a { padding: 10px 30px; background-color: #232323; color: #fff; text-transform: uppercase; border-radius: 2px; padding: 15px 30px; font-family: 'Lato', sans-serif; } .jsn-offline { border: 1px solid; border-radius: 4px; margin: 30px auto 0; max-width: 400px; padding: 20px; } .jsn-offline .form-login fieldset { border: none; } .contact #contact-form.form-horizontal .control-group { padding-bottom: 20px; } .contact #contact-form.form-horizontal .control-group:before { display: table; line-height: 0; content: " "; clear: both; } .contact #contact-form.form-horizontal .control-group .control-label { float: left; width: 150px; padding-top: 5px; text-align: right; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label { float: right; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label { text-align: left; } .contact #contact-form.form-horizontal .control-group .controls { margin-left: 170px; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls { margin-right: 170px; margin-left: inherit; } .contact #contact-form.form-horizontal .control-group .controls input { height: 34px; } .contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .contact #contact-form.form-horizontal .control-group .controls input:focus, .contact #contact-form.form-horizontal .control-group .controls textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .contact #contact-form.form-horizontal .control-group .controls input:-moz-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea:-moz-placeholder { color: #999; opacity: 1; } .contact #contact-form.form-horizontal .control-group .controls input:-ms-input-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea:-ms-input-placeholder { color: #999; } .contact #contact-form.form-horizontal .control-group .controls input::-webkit-input-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea::-webkit-input-placeholder { color: #999; } .contact #contact-form.form-horizontal .control-group .controls input::-ms-expand, .contact #contact-form.form-horizontal .control-group .controls textarea::-ms-expand { border: 0; background-color: transparent; } .contact #contact-form.form-horizontal .control-group .controls input .form-control[disabled], .contact #contact-form.form-horizontal .control-group .controls input fieldset[disabled] .form-control, .contact #contact-form.form-horizontal .control-group .controls textarea .form-control[disabled], .contact #contact-form.form-horizontal .control-group .controls textarea fieldset[disabled] .form-control { cursor: not-allowed; } .contact #contact-form.form-horizontal .control-group #jform_contact_email_copy { height: auto; margin-top: 8px; width: auto; } .contact .accordion-inner .thumbnail { clear: both; float: none !important; margin-top: 15px; } .contact .contact-links .nav > li > a { border: none; } .contact .contact-links .nav > li > a:hover, .contact .contact-links .nav > li > a:focus { background: transparent; border: none; } .contact .accordion-heading { padding: 10px 0; } .contact a:focus { outline: none; } .login { background: #FFF; border: 1px solid #ebebeb; border-radius: 0; margin-top: 20px; padding: 20px 0 30px; } .login > form { background: #FFF; border: none; border-radius: 0; margin-bottom: 0; padding: 0 30px; -webkit-box-shadow: none; box-shadow: none; } .login > form button { margin-top: 20px; } .login .form-horizontal .control-label { text-align: left; } .sunfw-direction-rtl .login .form-horizontal .control-label { text-align: right; } .login input { border-radius: 2px; height: 45px; line-height: 45px; width: 100%; border: 1px solid #ebebeb; padding: 10px; margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; max-width: 200px; } .login .control-group { position: relative; } .login .control-group #remember { height: auto; width: auto; } .login .nav.nav-stacked { padding: 15px 15px 20px; } .login .nav.nav-stacked > li > a { border: none; background: transparent; padding-bottom: 0; } .login .nav.nav-stacked > li > a:hover { border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; } #user-registration .control-group:before, #member-registration .control-group:before { display: table; content: " "; clear: both; } #user-registration .control-label, #member-registration .control-label { float: left; width: 150px; padding-top: 5px; text-align: right; } .sunfw-direction-rtl #user-registration .control-label, .sunfw-direction-rtl #member-registration .control-label { text-align: left; } #user-registration .controls, #member-registration .controls { margin-left: 170px; } .sunfw-direction-rtl #user-registration .controls, .sunfw-direction-rtl #member-registration .controls { margin-right: 170px; margin-left: inherit; } #user-registration .controls input, #member-registration .controls input { height: 34px; } #user-registration .controls input, #user-registration .controls textarea, #member-registration .controls input, #member-registration .controls textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #user-registration .controls input:focus, #user-registration .controls textarea:focus, #member-registration .controls input:focus, #member-registration .controls textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } #user-registration .controls input:-moz-placeholder, #user-registration .controls textarea:-moz-placeholder, #member-registration .controls input:-moz-placeholder, #member-registration .controls textarea:-moz-placeholder { color: #999; opacity: 1; } #user-registration .controls input:-ms-input-placeholder, #user-registration .controls textarea:-ms-input-placeholder, #member-registration .controls input:-ms-input-placeholder, #member-registration .controls textarea:-ms-input-placeholder { color: #999; } #user-registration .controls input::-webkit-input-placeholder, #user-registration .controls textarea::-webkit-input-placeholder, #member-registration .controls input::-webkit-input-placeholder, #member-registration .controls textarea::-webkit-input-placeholder { color: #999; } #user-registration .controls input::-ms-expand, #user-registration .controls textarea::-ms-expand, #member-registration .controls input::-ms-expand, #member-registration .controls textarea::-ms-expand { border: 0; background-color: transparent; } #user-registration .controls input .form-control[disabled], #user-registration .controls input fieldset[disabled] .form-control, #user-registration .controls textarea .form-control[disabled], #user-registration .controls textarea fieldset[disabled] .form-control, #member-registration .controls input .form-control[disabled], #member-registration .controls input fieldset[disabled] .form-control, #member-registration .controls textarea .form-control[disabled], #member-registration .controls textarea fieldset[disabled] .form-control { cursor: not-allowed; } .sunfw-login-nav .nav { padding-top: 10px; border: none; } .sunfw-login-nav .nav li a { padding: 5px 0; border: none; } .sunfw-login-nav .nav li a:hover { background: transparent; border: none; } #user-registration { margin-top: 30px; } .itemListView div.catItemHeader span.catItemDateCreated, .itemListView div.catItemHeader .catItemAuthor { display: inline-block; font-size: 14px; line-height: 24px; padding-right: 10px; } .sunfw-direction-rtl .itemListView div.catItemHeader span.catItemDateCreated, .sunfw-direction-rtl .itemListView div.catItemHeader .catItemAuthor { padding-left: 10px; padding-right: inherit; } .itemListView div.catItemHeader span.catItemDateCreated i, .itemListView div.catItemHeader .catItemAuthor i { padding-right: 5px; } .sunfw-direction-rtl .itemListView div.catItemHeader span.catItemDateCreated i, .sunfw-direction-rtl .itemListView div.catItemHeader .catItemAuthor i { padding-left: 5px; padding-right: inherit; } .itemListView div.catItemHeader h3.catItemTitle { padding-bottom: 5px; } .itemListView div.catItemLinks { margin-bottom: 0; } .itemListView div.catItemLinks > div { display: block; padding-right: 15px; } .sunfw-direction-rtl .itemListView div.catItemLinks > div { padding-left: 15px; padding-right: inherit; } .itemListView div.catItemLinks i { padding-right: 5px; } .sunfw-direction-rtl .itemListView div.catItemLinks i { padding-left: 5px; padding-right: inherit; } .itemListView div.catItemView { margin-bottom: 20px; } .itemListView .catItemImageBlock { margin-bottom: 0; } .itemListView div.catItemIntroText { padding-bottom: 0; } .itemListView div.catItemIntroText p:last-child { margin-bottom: 0; } .itemView .info-item > span, .itemView .info-item > div { display: inline-block; padding-right: 10px; } .sunfw-direction-rtl .itemView .info-item > span, .sunfw-direction-rtl .itemView .info-item > div { padding-left: 10px; padding-right: inherit; } .itemView .info-item .itemRatingBlock { padding: 0; } .itemView .info-item .itemRatingBlock .itemRatingForm { margin-bottom: -5px; } .itemView .info-item i { padding-right: 5px; } .sunfw-direction-rtl .itemView .info-item i { padding-left: 5px; padding-right: inherit; } .itemView div.itemToolbar { margin: 15px 0; } .itemView #comment-form .form-group label { padding-bottom: 10px; } .itemView .itemBackToTop { padding-top: 20px; } .tagView div.tagItemHeader span.tagItemDateCreated { font-size: 14px; } .tagView div.tagItemHeader span.tagItemDateCreated i { padding-right: 5px; } .sunfw-direction-rtl .tagView div.tagItemHeader span.tagItemDateCreated i { padding-left: 5px; padding-right: inherit; } .tagView div.tagItemView { margin-bottom: 30px; } .row-fluid .span12 { margin-left: 0; } #k2Container { padding: 0; } #k2Container a { color: #3d3d3d; } #k2Container ul li.odd, #k2Container ul li.even { border: none; background: none; } .latestItemsContainer, .latestItemView { margin: 0 0 50px; padding: 0; } #k2Container div.tagItemView:last-child, .latestItemsContainer:last-child, .latestItemView:last-child { margin: 0 0 0; } #k2Container div.itemRatingBlock { padding: 0; float: right; } #k2Container div.itemRatingBlock > span { padding: 3px 5px 3px 0; } #k2Container div.userItemIsFeatured { padding: 0; margin: 0 0 50px; background: none; } .userItemView { margin: 0 0 50px; } #k2Container div.itemBody { padding-bottom: 0; } #k2Container div.catItemBody, #k2Container div.catItemIntroText, #k2Container div.tagItemBody, #k2Container div.tagItemIntroText, #k2Container div.userItemBody, #k2Container div.userItemIntroText { padding: 0; font-weight: 300; } #k2Container h2.itemTitle, #k2Container h2.latestItemTitle, #k2Container h2.tagItemTitle, #k2Container h3.catItemTitle, #k2Container h3.userItemTitle { font-size: 22px; line-height: 1.3; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; margin: 0; padding: 0; } #k2Container h2.itemTitle a, #k2Container h2.latestItemTitle a, #k2Container h2.tagItemTitle a, #k2Container h3.catItemTitle a, #k2Container h3.userItemTitle a { color: #3d3d3d; } #k2Container .jsn-article-toolbar { float: left; width: 100%; padding: 11px 0 9px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } #k2Container div.itemToolbar, #k2Container div.catItemToolbar, #k2Container div.userItemToolbar { margin: 0; float: right; border: none; background: none; padding: 0; } #k2Container div.catItemToolbar div.k2FeedIcon, #k2Container div.userItemToolbar div.k2FeedIcon { padding: 0; } div.k2FeedIcon a { background: none; } div.jsn-article-toolbar div.k2FeedIcon a i { margin-right: 0; } div.k2FeedIcon a:hover { background: none; color: #595959; } #k2Container div.itemToolbar ul.jsn-article-tools { margin: 0; line-height: 16px; } #k2Container div.itemToolbar ul.jsn-article-tools li { border: none; margin-left: 8px; font-size: 12px; padding: 0; } #k2Container div.itemToolbar ul.jsn-article-tools li a { float: none; width: auto; height: auto; display: inline; background: none; font-size: 1em; color: #595959; position: inherit; } div.jsn-article-toolbar div.itemToolbar [class^="jsn-icon-"] { margin-right: 0; } div.jsn-article-toolbar div.itemToolbar .jsn-icon-email { margin-top: -1px; } div.itemToolbar ul li a span { display: none; } #k2Container div.jsn-article-info .itemDateCreated { color: #3d3d3d; font-size: 12px; } div.latestItemCommentsLink, div.catItemCommentsLink, div.userItemCommentsLink { margin: 0 0 0 10px; border-right: none; line-height: 16px; display: inline-block; color: #3d3d3d; float: left; } div.catItemCommentsLink a { line-height: 16px; } #k2Container div.itemContentFooter { margin: 0; padding: 10px 0; text-align: left; border-top: 1px solid #e4e4e4; display: inline-block; width: 100%; } #k2Container div.catItemContentFooter, #k2Container div.tagItemContentFooter, #k2Container div.userItemContentFooter, #k2Container div.latestItemReadMore { margin: 20px 0; display: inline-block; width: 100%; } a.k2ReadMore { border: 1px solid #e4e4e4; padding: 10px; border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a.k2ReadMore i.jsn-icon-link { margin: 0 3px 0 0; } div.latestItemBody { padding-bottom: 0; } #k2Container div.itemContentFooter a.itemCommentsLink { padding: 4px 0; display: block; } #k2Container div.itemContentFooter div.itemSocialSharing { padding: 0; float: left; } #k2Container div.itemContentFooter div.itemTwitterButton, #k2Container div.itemContentFooter div.itemFacebookButton, #k2Container div.itemContentFooter div.itemGooglePlusOneButton { margin: 0; float: left; } #k2Container div.itemContentFooter div.itemTwitterButton { width: 90px; } #k2Container div.itemContentFooter div.itemFacebookButton { width: 220px; } #k2Container div.itemContentFooter div.itemGooglePlusOneButton { width: 40px; } #k2Container div.itemAttachmentsBlock { padding: 8px; border-bottom: none; border-top: 1px solid #DDDDDD; } #k2Container div.itemLinks, #k2Container div.catItemLinks, #k2Container div.userItemLinks, #k2Container div.latestItemLinks { margin: 0 0 20px; display: inline-block; width: 100%; } div[class*="ItemLinks"] i.jsn-icon-tag, div[class*="itemLinks"] i.jsn-icon-tag { font-size: 15px; margin-right: 3px; color: #333; } ul[class*="ItemTags"] li a, div.itemTagsBlock ul.itemTags li a { padding: 0 3px; display: inline-block; } #k2Container div.itemLinks div.itemTagsBlock, #k2Container div.catItemLinks div.catItemTagsBlock, #k2Container div.userItemLinks div.userItemTagsBlock, #k2Container div.latestItemLinks div.latestItemTagsBlock { padding: 5px 0; margin: 10px 0 0; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; } #k2Container div.itemListCategory, #k2Container div.latestItemsCategory, #k2Container div.latestItemsCategory, #k2Container div.latestItemsCategory, #k2Container div.userBlock { border: 1px solid #e4e4e4; background: #fff; padding: 10px 20px; margin: 0 0 30px; } .itemListCategoriesBlock, div.userBlock { margin-bottom: 30px; } #k2Container div.itemLinks div.itemCategory, #k2Container div.catItemLinks div.catItemCategory, #k2Container div.userItemLinks div.userItemCategory, #k2Container div.itemLinks div.itemHits { padding: 0; margin: 7px 0 5px; border: none; display: block; } #k2Container div.itemLinks div.itemAttachmentsBlock { padding: 0; margin: 8px; border-bottom: none; } #k2Container div.itemNavigation { background: none; border-bottom: none; padding: 0; } #k2Container div.itemNavigation span.itemNavigationTitle { color: #555555; font-weight: bold; } #k2Container div.itemAuthorLatest { margin-bottom: 0; padding-top: 30px; } #k2Container div.itemRelated, #k2Container div.itemNavigation { border-top: 1px solid #e4e4e4; } #k2Container div.itemAuthorDetails h3.itemAuthorName { margin-top: 0; } #k2Container div.itemComments { padding: 0; border: none; background: none; margin: 50px 0 0; } #k2Container div.itemComments ul.itemCommentsList { margin: 0 0 35px; } #k2Container div.itemComments ul.itemCommentsList li { margin: 15px 0 0; } #k2Container div.itemComments ul.itemCommentsList .comment-avatar, #k2Container div.itemComments ul.itemCommentsList .itemCommentsWrapper { position: relative; } #k2Container div.itemComments ul.itemCommentsList .comment-avatar { display: inline-block; float: left; } #k2Container div.itemComments ul.itemCommentsList .comment-avatar:before { background: none repeat scroll 0 0 #e4e4e4; content: ""; height: 1px; position: absolute; right: -30px; top: 50%; width: 30px; } #k2Container div.itemComments ul.itemCommentsList .comment-avatar:after, #k2Container div.itemComments ul.itemCommentsList .itemCommentsWrapper:after { background: none repeat scroll 0 0 #fff; border: 1px solid #e4e4e4; border-radius: 50%; content: ""; height: 10px; margin: -5px -5px 0 0; position: absolute; right: 0; top: 50%; width: 10px; z-index: 9; } #k2Container div.itemComments ul.itemCommentsList .itemCommentsWrapper:after { left: 0; margin: 0 0 0 -6px; right: auto; top: 24px; } #k2Container div.itemComments ul.itemCommentsList .commentDate, #k2Container div.itemComments ul.itemCommentsList .commentAuthorName { padding: 0; font-weight: 300; font-size: 12px; } #k2Container div.itemComments ul.itemCommentsList .commentAuthorName a { font-weight: 400; } div.itemComments ul.itemCommentsList li span.commentDate { border-right: none; } #k2Container div.itemComments ul.itemCommentsList div.itemCommentsWrapper { padding: 10px 15px 10px; border: 1px solid #e4e4e4; border-radius: 3px; margin-left: 90px; } #k2Container div.itemComments ul.itemCommentsList li img { border: 1px solid #e4e4e4; text-align: center; line-height: 16px; border-radius: 100%; padding: 8px; width: 60px; height: 60px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #k2Container div.itemComments ul.itemCommentsList p.commentLink { padding-top: 0; margin-top: 0; } div.itemComments ul.itemCommentsList li span.commentLink a { text-decoration: none; } div.itemComments ul.itemCommentsList li p { margin: 0; padding: 0; } div.itemComments ul.itemCommentsList li p.comment-text { margin-top: 10px; } #k2Container div.itemComments div.itemCommentsForm h3 { padding: 0; margin: 10px 0 5px; } #k2Container div.itemComments p.itemCommentsFormNotes { border: none; } #k2Container div.itemComments .inputbox { color: #7d7d7d; padding: 10px; background: #fff; border: 1px solid #e4e4e4; width: 100%; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #k2Container div.itemComments #submitCommentButton { cursor: pointer; text-shadow: none; color: #fff; border: none; padding: 10px 15px; border-radius: 3px; background: #333; font-weight: 400; font-size: 15px; font-family: 'Roboto', Arial, Helvetica, sans-serif; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl { margin-bottom: 10px; } #k2Container #itemListLinks { margin: 0; } #k2Container #itemListLinks h3 { margin-top: 0; } #k2Container #itemListLinks div.itemContainer a { font-size: 1.1em; font-weight: bold; } #k2Container div.k2Pagination { margin-top: 10px; } #k2Container div.itemBackToTop { padding-top: 5px; } #k2Container div.itemBackToTop a { text-decoration: none; } div.genericItemHeader h2.genericItemTitle { font-size: 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } div.k2FeedIcon { float: right; padding: 12px 8px; } div.itemBody img, div.userItemList img, div.catItemBody img, div.tagItemBody img, div.latestItemBody img { max-width: 100%; max-width: inherit\9; border: none; padding: 0; } div.k2Pagination ul li { display: inline-block; margin: 5px 1px; } * + html div.k2Pagination ul li { display: inline; } div.latestItemsCategoryImage { float: left; margin-right: 15px; } .subCategoryContainer .subCategory { border: none; margin: 0; padding: 0; } div.subCategoryContainer { width: 100%; float: left; padding-bottom: 10px; } div.subCategoryContainer h5 { margin-top: 0; } div.subCategory a.subCategoryImage img { width: 50px; } div.subCategoryContainer p { margin-bottom: 5px; } div#itemListLinks span.catItemImage { float: left; margin-right: 5px; } div#itemListLinks span.catItemImage img { padding: 3px; } div.userBlock h2 { margin: 0; } div.userBlock div.userAdditionalInfo, div.itemAuthorBlock div.userAdditionalInfo { margin: 0 0 8px; float: left; } div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl { border-right: none; font-weight: 400; } div.itemAuthorBlock div.itemAuthorDetails p { margin: 0; } div.jsn-article-toolbar .jsn-article-info .author, div.jsn-article-toolbar .jsn-article-info .createdate { margin: 0; background: none; padding-left: 0; float: left; } div.catItemHeader span.catItemAuthor, div.itemHeader span.itemAuthor { display: inline-block; margin-right: 10px; } div.jsn-article-toolbar [class^="jsn-icon-"] { float: left; margin-right: 5px; } div.itemContainer { margin-bottom: 10px; float: none; } span.itemImage, span.userItemImage, span.catItemImage, span.latestItemImage { margin: 0 0 10px; } div.catItemView { padding: 0; } div.catItemCategory span, div.catItemTagsBlock span, div.userItemTagsBlock span, div.userItemCategory span, div.tagItemCategory span, div.latestItemTagsBlock span, div.latestItemCategory span { font-weight: 300; } #k2Container div.itemToolbar ul.jsn-article-tools li a { background: none repeat scroll 0 0 transparent; display: inline; float: none; font-size: 11px; height: auto; width: auto; } div.itemToolbar ul li a#fontIncrease { margin: 0 0 0 2px; } div.itemToolbar ul li a#fontDecrease img { background: url(font_decrease.png) 0 0 no-repeat; } div.itemToolbar ul li a#fontIncrease img { background: url(font_increase.png) 0 0 no-repeat; } div.itemToolbar ul li a#fontDecrease:before { display: none; } div.itemToolbar ul li a#fontIncrease:before { display: none; } div.itemToolbar ul li a img { vertical-align: middle; } .itemBody div.itemIntroText { font-size: 12px !important; font-weight: 300; } div.itemImageBlock, div.catItemImageBlock { padding: 0; margin: 0; } span.itemImage img, span.catItemImage img { max-width: 100% !important; padding: 0; border: none; } .itemDateModified { margin-top: 10px; float: right; font-style: italic; } div.jsn-article-info { color: #7d7d7d; } div.jsn-article-info i[class*="jsn-icon"] { margin-top: -2px; margin-right: 2px; } div.jsn-article-info .author, div.jsn-article-info .createdate { line-height: 16px; } div.catItemHeader span.catItemDateCreated, span.latestItemDateCreated, div.tagItemHeader span.tagItemDateCreated, div.userItemHeader span.userItemDateCreated { font-size: 12px; color: #3d3d3d; } div.itemComment { float: left; padding: 3px 8px; } div.hitCount { margin: 15px 0 5px; width: 100%; float: left; } div.itemNavigation a.itemPrevious, div.itemNavigation a.itemNext { padding: 0 5px; } #k2Container .jsn-article-footer { width: 100%; margin: 20px 0 5px; color: #7d7d7d; font-size: 12px; } #k2Container .jsn-article-footer .itemHits { float: left; } #k2Container .jsn-article-footer a.itemCommentsLink { float: right; padding-top: 3px; } #k2Container span.itemHits { float: none; } div.itemAuthorBlock { padding: 25px; border: 1px solid #e4e4e4; background: #fff; } div.catItemCategory, div.latestItemCategory, div.userItemCategory, div.itemCategory, #k2Container div.tagItemLinks div.tagItemCategory { padding: 0; border-bottom: none; float: left; margin-left: 10px; line-height: 16px; } #k2Container div.tagItemLinks div.tagItemCategory { border-right: none; } div.itemAuthorBlock img.itemAuthorAvatar { background: none repeat scroll 0 0 #fff; border: 1px solid #e4e4e4; border-radius: 100%; display: block; float: left; margin: 0 15px 0 0; padding: 10px; } div.itemToolbar { padding: 0; } div.itemHeader h2.itemTitle { position: relative; } #k2Container div[class*="IsFeatured"] h3 span, h2.itemTitle span.featured { position: relative; } #k2Container div[class*="IsFeatured"] h3 span sup, h2.itemTitle span.featured:after { content: 'Featured'; padding: 2px 5px 2px; border-radius: 3px; background: #CA1D04; color: #fff; font-size: 11px; position: absolute; bottom: 5px; right: -60px; } body.jsn-textstyle-news #k2Container div[class*="IsFeatured"] h3 span sup, body.jsn-textstyle-news h2.itemTitle span.featured:after { padding-top: 3px; } .k2Avatar img { border: 1px solid #e4e4e4; text-align: center; } div.latestItemList { padding: 0; } div.latestItemsUser { background: none; border: 1px solid #e4e4e4; clear: both; margin: 0 0 20px; padding: 15px; } div.latestItemsUser img, div.userBlock img, div.latestItemsCategoryImage img, div.itemListCategory img { margin: 0 15px 0 0; padding: 10px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border: 1px solid #e4e4e4; } div.latestItemIntroText { font-weight: 300; } div.latestItemsUser h2, div.latestItemsCategory h2 { font-size: 20px; margin: 0 0 5px; } div.latestItemsUser h2 a, div.latestItemsCategory h2 a { color: #3d3d3d; } div.userBlock div.userDescription, div.latestItemsUser p.latestItemsUserDescription, div.latestItemsCategory p.categoryDescription { margin: 0; padding: 0; font-size: 12px; } div.latestItemsUser p.latestItemsUserAdditionalInfo { padding: 0; margin-top: 3px; } span.userURL, span.latestItemsUserURL { font-weight: 300; font-size: 12px; } div.tagItemView { border-bottom: none; margin: 0 0 50px; padding: 0; } div.k2ItemsBlock > ul { margin: 0; list-style-type: none; } div.k2ItemsBlock .moduleItemIntrotext img { max-width: 95%; padding: 5px; background: #fff; } div.k2ItemsBlock > ul > li { margin: 0; padding: 5px 0; background: none; border-bottom: 1px solid #e4e4e4; } div.k2ItemsBlock ul.jsn-module-footer li { list-style: disc inside; margin-left: 0; } div.k2ItemsBlock div.moduleItemTitle { font-size: 1.2em; margin: 10px 0; } div.k2ItemsBlock .moduleItemAuthorAvatar img { margin: 2px 5px 0 0; } div.k2ItemsBlock div.moduleItemAuthor, div.k2ItemsBlock div.itemDateCreated { margin: 0; font-size: 12px; } div.k2ItemsBlock ul li div.moduleItemIntrotext { padding: 0; clear: both; line-height: 1.8; } div.k2ItemsBlock p.moduleItemCategory, div.k2ItemsBlock p.moduleAttachments { margin: 0.35em 0; } div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img { max-width: 100%; margin: 8px 0 0; padding: 8px; background: #fff; border: 1px solid #e4e4e4; float: none; } div.k2ItemsBlock ul li a.moduleItemReadMore { font-weight: bold; float: right; margin: 0; } div[class*="richbox-"] div.k2ItemsBlock .author, div[class*="richbox-"] div.k2ItemsBlock .createdate, div[class*="richbox-"] div.k2ItemsBlock div.moduleItemAuthor, div.box-grey div.k2ItemsBlock .author, div.box-grey div.k2ItemsBlock .createdate, div.box-grey div.k2ItemsBlock div.moduleItemAuthor { color: #D4D4D4; } div.k2LatestCommentsBlock > ul { margin: 0; list-style-type: none; } div.k2LatestCommentsBlock > ul > li { margin: 0; padding: 10px 0; background: none; border-bottom: 1px solid #333; } div.k2LatestCommentsBlock > ul > li:last-child { border-bottom: none; } div.k2LatestCommentsBlock .lcAvatar img { margin: 0 5px 0 0; line-height: 16px; border-radius: 100%; padding: 5px; border: 1px solid #e4e4e4; } div.k2LatestCommentsBlock p { margin: 3px 0; } div.k2LatestCommentsBlock div.k2FeedIcon { padding: 0; margin-top: 5px; float: left; } div.k2LatestCommentsBlock div.k2FeedIcon a { float: none; width: auto; height: auto; background-position: left center; } div.k2LatestCommentsBlock div.k2FeedIcon a span { display: inline-block; margin-left: 5px; } div.k2ItemsBlock ul li span.moduleItemHits { padding: 0 2px 0 0; margin: 0 5px 0 0; border-right: none; } div.k2ItemsBlock ul li a.moduleItemComments { border-right: none; margin: 0; padding: 0; } div.jsn-modulecontainer div[id*="k2Module"] ul li i[class*="jsn-icon-"] { display: inline-block; margin-right: 3px; } div[class*="richbox-"] div.k2LatestCommentsBlock .author, div[class*="richbox-"] div.k2LatestCommentsBlock .createdate, div.box-grey div.k2LatestCommentsBlock .author, div.box-grey div.k2LatestCommentsBlock .createdate { color: #D4D4D4; } div.k2UsersBlock > ul { margin: 0; list-style-type: none; } div.k2UsersBlock > ul > li { margin: 0; padding: 5px 0; background: none; } div.k2UsersBlock a.ubUserFeedIcon { margin: 1px 0 0 4px; } div.k2AccountPage input { margin: 3px; } .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key { padding-right: 5px; background: none; border: none; } div.k2AccountPage table tr td select, div.k2AccountPage table tr td input { margin: 3px; } .button2-left { margin-top: 5px; } div.k2UserBlock form { text-align: center; } p#form-login-remember input.inputbox { float: left; margin-right: 10px; line-height: 12px; } div.k2LoginBlock fieldset.input p#form-login-remember label { float: left; margin-top: 5px; } .itemRatingList { margin: 0 !important; } div.tagItemImageBlock, div.userItemImageBlock, div.latestItemImageBlock { float: none; } span.tagItemImage { margin: 0 0 15px; } span.tagItemImage img { padding: 0; border: none; } .k2AccountPage th.k2ProfileHeading { background: none; } div.k2AccountPage input.inputbox, div.k2AccountPage input#url { width: 365px; } div.k2CalendarBlock { height: inherit; } table.calendar tr td, table.calendar tr td.calendarDateLinked { padding: 5px; } table.calendar tr td.calendarDateLinked a, table.calendar tr td.calendarDateLinked a:hover { padding: 0; } div.solid-2 table.calendar tr td.calendarNavMonthPrev, div.solid-2 table.calendar tr td.calendarCurrentMonth, div.solid-2 table.calendar tr td.calendarNavMonthNext, div.solid-2 table.calendar tr td.calendarDayName, div.solid-2 table.calendar tr td, div.solid-2 table.calendar tr td.calendarDateEmpty { background: #222; border: none; } table.calendar tr td.calendarDateLinked a { background: inherit; } div.k2TagCloudBlock { padding: 0 8px; } div.k2TagCloudBlock a:hover { border-radius: 3px; padding: 0 8px; } body.sunfw-direction-rtl div.userItemCategory span, body.sunfw-direction-rtl div.userItemTagsBlock span, body.sunfw-direction-rtl div.catItemCategory span, body.sunfw-direction-rtl div.catItemTagsBlock span, body.sunfw-direction-rtl div.tagItemCategory span, body.sunfw-direction-rtl div.tagItemTagsBlock span, body.sunfw-direction-rtl div.latestItemCategory span, body.sunfw-direction-rtl div.latestItemTagsBlock span, body.sunfw-direction-rtl div.itemCategory span, body.sunfw-direction-rtl div.itemItemTagsBlock span { float: right; padding: 0 0 0 4px; } body.sunfw-direction-rtl #k2Container div.itemToolbar, body.sunfw-direction-rtl #k2Container div.catItemToolbar, body.sunfw-direction-rtl #k2Container div.userItemToolbar { float: left; } body.sunfw-direction-rtl div.userBlock div.userAdditionalInfo, body.sunfw-direction-rtl div.itemAuthorBlock div.userAdditionalInfo, body.sunfw-direction-rtl div.userBlock img { float: right; } body.sunfw-direction-rtl div.userBlock img { margin: 0 0 0 10px; } body.sunfw-direction-rtl div.userItemCommentsLink, body.sunfw-direction-rtl div.catItemCommentsLink { border-right: none; margin: 0 8px 0 0; padding: 0 0 0 0; float: right; } body div.k2CategoriesListBlock ul { padding: 0; } body div.k2CategoriesListBlock ul li:last-child { margin-bottom: 0; } body.sunfw-direction-rtl #k2Container #itemListLinks div.itemContainer a, body.sunfw-direction-rtl div#itemListLinks span.catItemImage { float: right; margin-right: 0; } body.sunfw-direction-rtl div.itemListCategory img { float: right; margin: 0 0 0 8px; } body.sunfw-direction-rtl div.latestItemsCategoryImage { float: right; margin-left: 8px; } body.sunfw-direction-rtl div.latestItemsCategoryImage img { margin-right: 0; } body.sunfw-direction-rtl div.k2FeedIcon { float: left; } body.sunfw-direction-rtl div.itemToolbar ul li { border-left: none; border-right: 1px solid #e4e4e4; padding: 0 8px 0 4px; } body.sunfw-direction-rtl #k2Container div.itemContentFooter div.itemTwitterButton, body.sunfw-direction-rtl #k2Container div.itemContentFooter div.itemFacebookButton, body.sunfw-direction-rtl #k2Container div.itemContentFooter div.itemGooglePlusOneButton { float: right; margin-left: 10px; } body.sunfw-direction-rtl div.itemAuthorBlock img.itemAuthorAvatar { float: right; margin: 0 0 0 8px; } body.sunfw-direction-rtl div.jsn-article-toolbar .jsn-article-info .author, body.sunfw-direction-rtl div.jsn-article-toolbar .jsn-article-info .createdate { float: right; padding-right: 0; } body.sunfw-direction-rtl div.jsn-article-toolbar [class^="jsn-icon-"] { float: right; margin-left: 5px; margin-right: 0; } body.sunfw-direction-rtl div.catItemHeader span.catItemAuthor, body.sunfw-direction-rtl div.itemHeader span.itemAuthor { margin-right: 0; margin-left: 10px; } body.sunfw-direction-rtl #k2Container div[class*="IsFeatured"] h3 span sup, body.sunfw-direction-rtl h2.itemTitle span.featured:after { right: auto; left: -65px; } body.sunfw-direction-rtl div[class*="ItemLinks"] i[class*="jsn-icon-"], body.sunfw-direction-rtl div[class*="itemLinks"] i[class*="jsn-icon-"] { float: right; margin-right: 0; margin-left: 5px; } body.sunfw-direction-rtl div.k2LatestCommentsBlock .lcAvatar img { float: right; margin: 0 0 0 5px; } body.sunfw-direction-rtl div.k2ItemsBlock .moduleItemAuthorAvatar img { float: right; margin: 5px 0 0 3px; } body.sunfw-direction-rtl div.k2ItemsBlock ul li span.moduleItemHits { margin: 0; padding: 0; border-right: none; } body.sunfw-direction-rtl div.jsn-modulecontainer div[id*="k2Module"] ul li i[class*="jsn-icon-"] { margin-right: 0; margin-left: 3px; } body.sunfw-direction-rtl div.k2ItemsBlock ul.jsn-module-footer li { margin-right: 0; } body.sunfw-direction-rtl #k2Container div.itemComments ul.itemCommentsList .commentDate, body.sunfw-direction-rtl #k2Container div.itemComments ul.itemCommentsList .commentAuthorName { padding: 0 20px 0 0; } body.sunfw-direction-rtl div.itemComments ul.itemCommentsList li img { float: right; margin-left: 5px; } body.sunfw-direction-rtl #k2Container div.itemComments ul.itemCommentsList div.itemCommentsWrapper { float: right; margin-left: 0 !important; } body.sunfw-direction-rtl #k2Container .jsn-article-footer a.itemCommentsLink { float: left; } body.sunfw-direction-rtl #k2Container div.itemRatingBlock { float: right; } body.sunfw-direction-rtl div.k2ItemsBlock ul li a.moduleItemReadMore { float: left; } body.sunfw-direction-rtl div.itemCategory span, body.sunfw-direction-rtl div.itemTagsBlock span, body.sunfw-direction-rtl #k2Container div.itemNavigation span.itemNavigationTitle { float: right; padding: 0 0 0 4px; } div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured { background: none; } fieldset.well { margin: 10px 0 10px 20px; padding: 20px; } div.k2LatestCommentsBlock div.k2FeedIcon a span.link-icon.icon-rss { width: auto; } input, textarea { width: auto; } #k2ModuleBox205 .calendar tbody td { padding: 2px; border: 1px solid #f4f4f4; } #k2Container div.itemComments input.inputbox { height: 35px; line-height: 35px; } #k2Container div.itemComments .inputbox { border-radius: 0; box-shadow: none; } div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before { display: none; } @media only screen and (max-width: 960px) { div.itemBody img, div.userItemList img, div.catItemBody img, div.tagItemBody img { max-width: 100% !important; } div.groupLeading div.itemBody img, div.groupLeading div.userItemList img, div.groupLeading div.catItemBody img, div.groupLeading div.tagItemBody img, div.groupLeading div.latestItemBody img, div.groupPrimary div.itemBody img, div.groupPrimary div.userItemList img, div.groupPrimary div.catItemBody img, div.groupPrimary div.tagItemBody img, div.groupPrimary div.latestItemBody img, div.groupSecondary div.itemBody img, div.groupSecondary div.userItemList img, div.groupSecondary div.catItemBody img, div.groupSecondary div.tagItemBody img, div.latestItemBody img { max-width: 100% !important; } } @media only screen and (max-width: 480px) { #k2Container.itemView { margin-bottom: 0; border-bottom: 1px solid #e4e4e4; } #jsn-mainbody-content, #jsn-mainbody { padding-bottom: 5px; } #k2Container div.itemComments .inputbox { width: 270px; } .recaptchatable #recaptcha_image { width: 160px !important; } .recaptchatable .recaptcha_image_cell { width: 160px !important; } #recaptcha_table tbody tr td { padding: 10px 4px !important; } .recaptcha_input_area input#recaptcha_response_field { width: 160px !important; } #k2Container div.itemContentFooter div.itemTwitterButton { margin-bottom: 10px; } div.itemContainer, div.latestItemsContainer { width: 100% !important; } div.k2AccountPage input.inputbox, div.k2AccountPage input#url { width: 45%; } #k2Container h2.itemTitle, #k2Container h2.latestItemTitle, #k2Container h2.tagItemTitle, #k2Container h3.catItemTitle, #k2Container h3.userItemTitle { font-size: 1.8em; } #k2Container div[class*="IsFeatured"] h3 span sup, h2.itemTitle span.featured:after { top: inherit; right: inherit; } .jsn-article-toolbar .itemToolbar .itemTextResizerTitle, .jsn-article-toolbar .itemToolbar #fontDecrease, .jsn-article-toolbar .itemToolbar #fontIncrease { display: none; } } @media only screen and (max-width: 320px) { .jsn-article-toolbar .jsn-article-info .itemCategory, .jsn-article-toolbar .jsn-article-info div.catItemCategory, .jsn-article-toolbar .jsn-article-info div.latestItemCategory, .jsn-article-toolbar .jsn-article-info div.userItemCategory, .jsn-article-toolbar .jsn-article-info #k2Container div.tagItemLinks div.tagItemCategory { margin-left: 3px; margin-top: 5px; } .jsn-article-toolbar div.latestItemCommentsLink, .jsn-article-toolbar div.catItemCommentsLink, .jsn-article-toolbar div.userItemCommentsLink { margin-top: 5px; } div.jsn-article-toolbar div.itemToolbar .jsn-icon-email { margin-top: -4px; } div.jsn-article-toolbar div.itemToolbar .jsn-icon-print { margin-top: -2px; } } .list-layout .j2store_product_item .j2store_product_image_block { position: relative; max-width: 250px; float: left; padding: 0; } .list-layout .j2store_product_item .j2store_product_content_block { border: medium none; float: left; height: auto; padding: 20px; position: relative; top: 0 !important; width: auto; text-align: left; } .list-layout .j2store_product_item .j2store-add-to-cart { display: block; margin-left: 0; } .list-layout .j2store_product_item .j2store-add-to-cart .button { display: inline-block; line-height: 40px; } .list-layout .j2store_product_item .j2store-add-to-cart .button i { padding-right: 5px; position: relative; top: -2px; } .list-layout .j2store_product_item .j2store_product_title { line-height: 1.4; margin-bottom: 5px; } .grid-layout .j2store_product_image_block { position: relative; } #main-j2store-product-list .pagination { margin-left: -15px; } #main-j2store-product-list .pagination ul { margin: 0; } #jsn-mainbody-content { padding: 0 0 25px; } .blog h2 { margin: 0 0 20px; } .five-products-type li.j2store_product_block { width: 20%; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-left: none; float: left; } .j2store_product_block .j2store_product_content_block { top: 252px; } .five-products-type li.j2store_product_block:hover .j2store_product_content_block { top: 50%; } .j2store_product_block h2.j2store_product_title { margin-bottom: 0; margin-top: 0; line-height: 1.4em; } .j2store_product_block h2.j2store_product_title a { font-size: 16px; line-height: 20px; color: #222; margin: 12px 0 0 0; font-weight: 400; } .j2store_product_block .product-price-container .base-price .product-element-value { font-size: 16px; } .j2store_product_block .j2store-add-to-cart { margin-top: 10px; } .j2store-add-to-cart span input.j2store-cart-button { background-color: transparent; border: none; } .j2store-addtocart-form .options input[type="radio"] { margin: 0; vertical-align: middle; } .j2store_product_block .j2store-addtocart-form .options label { display: inline; vertical-align: middle; } .j2store-sort-filters-container .form-horizontal .btn { border-radius: 0; height: 30px; } .j2store-sort-filters-container .form-horizontal .input { border-radius: 0; } #j2store_currency a { color: #e4e4e4; border: 1px solid #e4e4e4; padding: 2px 10px; display: inline-block; margin-bottom: 2px; margin-right: 2px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #j2store #j2store_currency a.active, #j2store_currency a:hover { color: #ccc; border: 1px solid #ccc; } .cart-clear-button .btn { background: #000; color: #fff; } #miniJ2StoreCart { margin-bottom: 10px; } #jsn-page .j2store-minicart-button .button { border-radius: 3px; } div.jsn-article-toolbar { display: none; } div.jsn-article-toolbar.in-article-blog { display: block; } #jsn-pos-user-top.jsn-modulescontainer { padding: 0 0 20px; border-bottom: none; } .j2store_products_container { display: flex; flex-wrap: nowrap; -moz-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; } .j2store_products_container div[class*="col-"] { margin: 0; padding: 0; } .j2store_products_container div[class*="col-"] .j2store_product_item { margin: 30px 0 0 0; } .j2store_products_container div[class*="col-"]:first-child { margin-right: 0px; margin-left: 0px; } .j2store_products_container div[class*="col-"]:last-child { margin-right: 0px; } .j2store_products_container > li { text-align: center; display: flex; width: 33.3%; padding: 15px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -wekit-box-sizing: border-box; } .product-qty input[type="text"], .product-qty input[type="number"] { min-height: 39px; vertical-align: bottom; } .j2store_products_container > li:first-child, .j2store_products_container > li:nth-child(3n+1) { padding-left: 0; } .j2store_products_container > li:nth-child(3n), .j2store_products_container > li:nth-child(3n+3) { padding-right: 0; } .j2store_products_container div[class*="col-"] div.j2store_product_item { width: 100%; position: relative; width: 100%; min-height: 335px; text-align: center; } .j2store-product-list.list-layout .j2store_products_container div[class*="col-"] div.j2store_product_item { min-height: auto; margin-top: 0; } .j2store_product_image_block { padding: 20px; position: absolute; top: 0; width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .j2store_products_container div[class*="col-"] div.j2store_product_item:hover .j2store_product_image_block { top: -10px; opacity: .5; } .j2store_products .j2store_product_block, .owl-theme .j2store_product_block { border: 1px solid #e4e4e4; border-radius: 3px; position: relative; overflow: hidden; min-height: 335px; text-align: center; margin: 0 10px 30px; } .owl-theme .j2store_product_block { margin-bottom: 0; } .j2store_products_container div[class*="col-"] .j2store-single-product { border: 1px solid #e4e4e4; border-radius: 3px; position: relative; overflow: hidden; min-height: 335px; text-align: center; margin: 0 10px 30px; } .j2store_products_container div[class*="col-"]:first-child .j2store-single-product { margin-right: 20px; margin-left: 0; } .j2store_products_container div[class*="col-"]:last-child .j2store-single-product { margin-left: 20px; margin-right: 0; } .j2store_product_content_block { background: rgba(255, 255, 255, 0.8); border-top: 1px solid #e4e4e4; padding: 10px 20px 20px; position: absolute; top: 244px; width: 100%; left: 0; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .owl-item div.j2store_product_block:hover .j2store_product_content_block, .j2store_products_container div[class*="col-"] div.j2store_product_item:hover .j2store_product_content_block { top: 50%; padding-top: 10px; border-top: none; } h2.j2store_product_title { text-transform: uppercase; margin: 0 0 10px; } h2.j2store_product_title a { color: #3d3d3d; font-size: 16px; font-weight: 400; } .j2store-price1 { display: none; } .product-price-container .strike, .product-price-container .strike span { color: #222; text-decoration: line-through; font-size: 12px; margin-right: 5px; } .base-price .strike span { font-size: 16px; } .j2store-price .product_price, .j2store-price .product_special_price, .product-price-container .base-price .product-element-value { font-size: 15px; display: inline-block; margin-right: 5px; } .j2store_product_price strike { margin-right: 5px; } .product_special_price { color: red; } .j2store-product-info input[type="radio"] { margin: -3px 2px 0 0; } .j2store_products_container div[class*="col-"] br { line-height: 10px; } .options { margin: 10px 0 15px; } .options b { font-weight: normal; } .options select { outline: none !important; margin: -4px 0 0 5px; } .j2store-single-product.detail .options select { margin: 5px 0 0 0; } .option { margin-bottom: 10px; } span.option-name, .product_quantity_input span { font-weight: 400; font-size: 13px; } .j2store-product-info label { font-weight: 300; font-size: 13px; } .j2store-price { margin-bottom: 15px; } .product_quantity_input { margin: 15px 0; } .j2store_products_container .product_quantity_input { display: none; } .j2store .product_quantity_input input { margin-bottom: 0; height: 16px; line-height: 16px; box-shadow: none; border: 1px solid #e4e4e4; border-radius: 0; text-align: center; border-radius: 3px; } div.jsn-modulecontainer ul li.j2store_product_block i[class*="jsn-icon-"] { display: inline-block; } .j2store_product_sku_category span { color: #3d3d3d; font-size: 100%; margin: 0 0 10px; } .j2store_product_sku_category span small { font-size: 1em; } .j2store_add_to_cart { margin: 0; } .j2store_add_to_cart span input.j2store-cart-button { border: none; background: none; } .j2store_product_readmore, .j2store_add_to_cart span, .j2store-add-to-cart span { line-height: 30px; color: #fff; border-radius: 3px; padding: 0 10px; height: 34px; display: inline-table; font-size: 14px; } .j2store-add-to-cart span:hover { opacity: 0.8; } .j2store_product_readmore { margin-top: 10px; } .sunfw-section .j2store_add_to_cart span input, .sunfw-section .j2store-add-to-cart span input { color: #fff; line-height: 34px !important; vertical-align: top; font-size: 14px; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 300; padding: 0 6px; margin: 0; } .j2store_product_readmore i, .j2store_add_to_cart span i, .j2store-add-to-cart span i { border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 9px; margin-right: 5px; line-height: 34px; display: inline-block; } .sunfw-direction-rtl .j2store_product_readmore i, .sunfw-direction-rtl .j2store_add_to_cart span i, .sunfw-direction-rtl .j2store-add-to-cart span i { padding-left: 9px; padding-right: inherit; } .sunfw-direction-rtl .j2store_product_readmore i, .sunfw-direction-rtl .j2store_add_to_cart span i, .sunfw-direction-rtl .j2store-add-to-cart span i { margin-left: 5px; margin-right: inherit; } a.j2store_product_readmore:hover { color: #fff; } .j2store-notification { border: 1px solid #fefefe; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 20px; text-align: center; margin-top: -45px; display: inline-block; } .j2store-notification .message { margin-bottom: 5px; display: inline-block; font-size: 14px; } .j2store-notification .cart_dialogue_close { background: #333; border-radius: 100%; font-size: 12px; font-weight: 400; height: 18px; line-height: 15px; right: 4px; top: 4px; } .j2store form { margin-bottom: 0 !important; } .j2store-product-list.list-layout .j2store_products_container { overflow: hidden; } .j2store-product-list.list-layout .j2store-products-row .j2store-single-product { background: #fff; display: block; margin: 20px 0 0; min-height: auto; } .j2store-product-list.list-layout .j2store-products-row div[class*="col-"]:first-child .j2store-single-product { margin-top: 0; } .items-row { display: flex; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 25px; } .items-row div[class*="span"] { margin-left: 2.5%; } .items-row .item { text-align: center; border-radius: 3px; border: 1px solid #e4e4e4; padding: 20px; overflow: hidden; } .items-row .item .img-intro-left, .items-row .item .img-intro-right { margin: 0; float: none; } .items-row .item .jsn-article-intro-text { display: none; } .blog > h2, .blog > h2 span { position: relative; } .blog > h2 span.subheading-category { display: inline-block; padding-right: 20px; background: #fff; } .blog > h2:before { background-color: rgba(145, 145, 145, 0.25); content: ""; height: 1px; position: absolute; top: 26px; width: 100%; } .blog > h2:after, .blog > h2 span:after { background: none repeat scroll 0 0 #fff; border: 1px solid #d4d4d4; border-radius: 50%; content: ""; height: 7px; left: auto; position: absolute; right: 0; top: 23px; width: 7px; } .article h2.contentheading, .item-page .page-header h2 { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; position: relative; margin-bottom: 20px; } .article h2.contentheading:before, .item-page .page-header h2:before { content: ''; width: 120px; bottom: -1px; height: 1px; left: 0; position: absolute; } .jsn-direction-rtl .article h2.contentheading:before, .jsn-direction-rtl .item-page .page-header h2:before { right: 0; left: auto; } .jsn-color-blue .article h2.contentheading:before, .jsn-color-blue .item-page .page-header h2:before { background: #2980B9; } .jsn-color-green .article h2.contentheading:before, .jsn-color-green .item-page .page-header h2:before { background: #6ECE97; } .jsn-color-grey .article h2.contentheading:before, .jsn-color-grey .item-page .page-header h2:before { background: #668499; } .jsn-color-orange .article h2.contentheading:before, .jsn-color-orange .item-page .page-header h2:before { background: #F38645; } .jsn-color-red .article h2.contentheading:before, .jsn-color-red .item-page .page-header h2:before { background: #e95e53; } .item-page .img-fulltext-left, .item-page .item-image { margin-right: 28px; border: 1px solid #e4e4e4; } .item-page .img-fulltext-left img, .item-page .item-image img { max-width: 400px; } .item-page p { margin-top: 0; } .label-info { padding: 5px 8px; font-weight: 300; } .item-page .j2store-product-info .j2store-price { margin-top: 20px; } .item-page .j2store-price .product_price, .item-page .j2store-price .product_special_price, .article .j2store-price .product_price, .article .j2store-price .product_special_price { font-size: 30px; } .jsn-article-text p:first-child { margin-top: 0; } .article .j2store-price, .item-page .j2store-price { margin-bottom: 0; } .j2store-view-back-button .btn-info { background-color: transparent; border: none; background-image: none; font-size: 14px; font-weight: normal; height: 25px; line-height: 1.8; color: #222; box-shadow: none; outline: none; } .j2store-view-back-button .btn-info:hover, .j2store-view-back-button .btn-info:active, .j2store-view-back-button .btn-info:focus { outline: none; } .detail .options .option .required { display: inline; float: left; color: #ff0000; } .detail .options .option { margin-bottom: 10px; } .detail .options .option b { display: block; text-transform: uppercase; } .detail .options br { display: none; } .detail .options .option select { height: 40px; border-radius: 0px; width: 100%; max-width: 230px; outline: none; border-color: #ececec; } .detail .options .option input { display: none; } .detail .options .option input[type=radio]:checked + label { background-color: #ebebeb; background-image: none; border: 1px solid #dddddd; color: #555555; } .detail .options .option label { border: 1px solid #ddd; display: inline-block; padding: 8px; text-align: center; line-height: 2; cursor: pointer; margin: 0px; } .option input[type="radio"] + label:hover { background: #222; border-color: #dddddd !important; color: #fff; } .detail .j2store-addtocart-form { margin: 0; } .detail .j2store-addtocart-form .j2store-add-to-cart { margin-left: 0; } .detail .nav-tabs li a { text-transform: uppercase; outline: none; } .detail .nav-tabs li { margin-left: 0px; } .detail .nav-tabs li:active a { outline: none; } .detail .tab-content td, tr td { border-top: none; } .detail .j2store-product-additional-images { text-align: center; } .detail .j2store-product-additional-images .additional-image-list { display: inline-flex; } .detail .j2store-product-additional-images .additional-image-list li { margin: 0; } .detail .j2store-product-additional-images .additional-image-list li img { width: 100%; } .detail .j2-image { border: 1px solid #eee; margin-top: 15px; } .detail .product-upsells-container .upsell-title, .product-crosssells-container .crossell-title { font-size: 16px; text-transform: uppercase; font-weight: normal; } .j2store-cart h3 { color: #222; font-weight: normal; font-size: 20px; text-transform: capitalize; } .j2store-order h3 { color: #222222; font-weight: normal; text-transform: uppercase; } .table-bordered { border-radius: 0; border-color: #e4e4e4; } .j2store_cartitems .table th { font-weight: 400; color: #333; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { border-radius: 0; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { border-radius: 0; } .table-bordered th, .table-bordered td { border-color: #e4e4e4; vertical-align: middle; } .table th, .table td { text-align: center; padding: 12px; } .table td:first-child { text-align: left; } .j2store_cartitems .table th:nth-child(3) { text-align: right; } .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { background: #fff; } table#cart .cart_subtotal td { border-top-color: #e4e4e4; } .j2store-cart-footer span.text { font-weight: 400; color: #333; } table#cart a div.j2storeCartRemove { margin: 0 auto; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background: #f9f9f9; } .j2store_cartitems .btn, #jsn-page .checkout-content .btn.button { border-radius: 3px; border: none; box-shadow: none; text-shadow: none; padding: 6px 15px; } .j2store_cartitems .btn.btn-warning { background: #f38645; } .j2store_cartitems .btn.btn-warning.j2store_cart_button { margin-bottom: 10px; } .sunfw-com-j2store input[type="radio"], .sunfw-com-j2store input[type="checkbox"] { margin: -2px 2px 0 1px !important; } #j2store-cart-modules td { padding: 10px 0; } #j2store-cart-modules select, #j2store-cart-modules input { margin-bottom: 0; margin-left: 10px; border-radius: 3px; box-shadow: none; } .j2store-cart .j2store-cart-table .j2store-remove { margin-bottom: 11px; color: #fff; border-radius: 3px; vertical-align: middle; } .j2store-cart .j2store-cart-buttons .cart-continue-shopping-button .btn-primary { color: #fff; border-radius: 3px; } .j2store-cart .j2store-cart-buttons .cart-continue-shopping-button .btn-primary:hover { background: #222; } .checkout-content #login #button-login { margin-top: 20px; } #j2store-checkout h1 { border-bottom: 2px solid #e4e4e4; padding-bottom: 10px; position: relative; margin: 0 0 25px; line-height: 30px; } #j2store-checkout h1:before { content: ""; height: 2px; left: 0; position: absolute; top: 40px; width: 120px; } .j2store .checkout-heading { background: #f8f8f8; border: 1px solid #e4e4e4; color: #555555; font-size: 14px; font-weight: 400; margin-bottom: 15px; padding: 10px 20px; } .checkout-content b { font-weight: 400; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-shadow: none; border-radius: 0; } .checkout-content span.j2store_field_required, .checkout-content label { display: inline-block; } .checkout-content input.inputbox, .checkout-content select.inputbox, .checkout-content select#country_id { border-radius: 0; display: block; } .row-fluid .span11.shipping-make-same { margin-left: 0; } .checkout-content h3 { margin: 5px 0; color: #3d3d3d; } .customer-note textarea { width: 300px; height: 60px; border: 1px solid #e4e4e4; } #checkbox_tos { margin: 30px 0 15px; } .j2storeOrderSummary table th { border-bottom: 1px solid #e4e4e4; } .j2store.checkout tr, .j2store.checkout td { border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-top: none; } table#sagepay_form.table td { border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } table#sagepay_form.table select { border-radius: 0; } #payment_form_div table td { border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } .j2storeOrderSummary table#cart .cart_subtotal td { border-top: none; border-bottom: none; } .j2storeOrderSummary table.cart-total tr:last-child td { border-bottom: none; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-radius: 0; } .j2storeOrderSummary table#cart thead th:first-child { text-align: left; } .j2storeOrderSummary table#cart thead th:last-child { text-align: right; } .payment .j2store_cart_button.btn.btn-primary, body:not(.sunfw-homepage) .container-fluid .btn.btn-primary { border-radius: 3px; border: none; box-shadow: none; text-shadow: none; padding: 6px 15px; } .payment .note { margin-bottom: 10px; } .cart-estimator-discount-block { padding: 15px 0 0; } .cart-estimator-discount-block label input { vertical-align: middle; } .j2store.container-fluid h3 { margin: 5px 0; color: #3d3d3d; } .j2store.container-fluid .span6 h3 { border-bottom: 2px solid #e4e4e4; } .j2store.container-fluid dt { font-weight: 400; } .j2store.container-fluid .dl-horizontal { marSgin: 10px 0 25px; } .dl-horizontal dt { text-align: left; } .dl-horizontal address { margin: 0; } .dl-horizontal address strong { font-weight: 400; } .sunfw-com-j2store .container-fluid .btn.btn-primary { float: right; } span.order-state-label.label-warning { font-weight: 300; text-shadow: none; padding: 3px 6px; } .table th { font-weight: 400; font-size: 14px; color: #3d3d3d; } .j2store.container-fluid .pull-left .btn { background: #bbb; color: #fff; text-shadow: none; box-shadow: none; border: none; border-radius: 3px; padding: 6px 15px; } .sbox-content img.shrinkToFit { max-width: 100%; } .j2store-modal.in { top: 50%; z-index: 10000; left: 50%; position: absolute; } .j2store .table th, .j2store .table td { padding: 12px; text-align: center; } div[class^="j2store_cart_module"] .j2store-minicart-button { margin-top: 10px; } .btn-success { color: #fff; text-shadow: none; border: none; outline: none !important; } .j2store-cart-button.btn-success { color: #fff; text-shadow: none; border: none; outline: none !important; } .text-success { color: #333; } .j2store-cart-button.btn-primary { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; } #j2store-slider-range .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } #onCheckoutPayment_wrapper label { width: 100%; } .j2store-product-filters { margin: 0 0 50px; position: relative; } .j2store-product-filters a[id^="cat-filter-icon"] { position: absolute; top: -5px; right: 0; } .j2store-product-filters a[id^="cat-filter-icon"] i { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .j2store-product-filters a[id^="cat-filter-icon"] i { background: none; } .j2store-product-filters a[id^="cat-filter-icon"] i.icon-minus:before { content: '\f147'; } .j2store-product-filters a[id^="cat-filter-icon"] i.icon-plus:before { content: '\f196'; } .j2store-product-filters:last-child { margin: 0; } #j2store-slider-range.ui-slider { background: none; margin-top: 20px; width: 100% !important; } #j2store-slider-range.ui-slider .ui-slider-range { top: 0; background: #e9e9e9; } #j2store-slider-range .ui-slider-handle { margin-left: 0; } #j2store-slider-range .ui-slider-handle:last-child { margin-left: -1em; } .j2store-cart-table .product-qty { vertical-align: top; display: inline-block; } .j2store-product-list #productFilters { padding: 0; text-align: right; } .j2store-product-list .top-bar-filters-container .grid-list { padding: 0; margin: 0 0 30px 0; } .j2store-product-list .grid-list ul { border: 1px solid #ebebeb; border-radius: 2px; display: inline-block; margin: 0; padding: 0; } .j2store-product-list .grid-list ul li { display: table-cell; list-style: none; margin: 0; } .j2store-product-list .grid-list ul li a.btn { padding: 10px 15px; } #sunfw_section_main-content .j2store-product-list .grid-list ul li a { color: #bfbfbf; display: block; float: left; font-size: 14px; height: 38px; line-height: 38px; margin: 0; padding: 0; text-align: center; width: 40px; } .j2store-product-list .grid-list ul li #list { border-left: 1px solid #ebebeb; } .j2store-product-list #productFilters .j2store-product-search-input { border: 1px solid #ececec; border-radius: 2px; cursor: pointer; display: inline-block; font-size: 12px; height: 40px; padding: 0 25px 0 10px; vertical-align: top; } .j2store-product-list #productFilters #j2store_sortby { background: transparent !important; border: 1px solid #ececec; border-radius: 2px; color: #646464; cursor: pointer; display: inline; font-size: 12px; height: 40px; padding: 0 25px 0 10px; vertical-align: top; } .j2store-category-list li a { transition: all .3s, visibility 0s; -ms-transition: all .3s, visibility 0s; -webkit-transition: all .3s, visibility 0s; -moz-transition: all .3s, visibility 0s; } .j2store-category-list { margin: 0; padding: 0; } .j2store-category-list li { margin: 0; border-bottom: 1px solid rgba(150, 150, 150, 0.2); } .j2store-category-list li a { color: #777; margin: 0; padding: 10px 0; cursor: pointer; position: relative; } .j2store-category-list li a:before { content: ''; position: absolute; display: block; height: 1px; width: 0; bottom: -1px; margin-left: 0px; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.8); -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.8); -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.8); } .j2store-category-list li a:hover { background: none; } .j2store-category-list li a:hover:before { width: 45px; } .j2store-category-list li.active > a, .j2store-category-list li.active > a:hover, .j2store-category-list li.active > a:focus { background: none; } .j2store-category-list li.active > a:before, .j2store-category-list li.active > a:hover:before, .j2store-category-list li.active > a:focus:before { width: 45px; } .j2store-mainimage { text-align: center; } .jsn-direction-rtl .price-input-box > input { float: right; } .jsn-direction-rtl .price-input-box > .pull-right { float: left; direction: ltr; } .jsn-direction-rtl .j2store-product-filters a[id^="cat-filter-icon"] { right: auto; left: 0; } .j2store-single-product.detail .j2store-addtocart-form .options #option-2 { padding: 10px 0; } .j2store-single-product.detail #j2store-product-detail-tab { padding-top: 10px; } .j2store-order.j2store-myprofile .j2store-myprofile-address-list li.j2store-myprofile-address-single-list > .row-fluid { clear: both; } .product-price-container .sale-price { font-weight: 300; } .sunfw-view-products .product-price-container .sale-price { font-weight: 500; } @media only screen and (max-width: 480px), (max-device-width: 480px) { .list-layout .j2store_product_item .j2store_product_image_block { float: none; text-align: center; max-width: 100%; } .list-layout .j2store_product_item .j2store_product_content_block { float: none; clear: both; text-align: center; } .list-layout .j2store_products_container div[class*="col-"] { margin-left: 15px; margin-right: 15px; } .j2store_products_container div[class*="col-"]:first-child .j2store-single-product, .j2store_products_container div[class*="col-"]:last-child .j2store-single-product { margin-left: 10px; margin-right: 10px; } .jsn-joomla-30 select { margin-top: 10px !important; } .j2store_products_container div[class*="col-"] { margin: 30px 0px 0; } .j2store-product-list.grid-layout .j2store_products_container div[class*="col-"] { flex: 0 0 100%; } .five-products-type li.j2store_product_block { flex: 0 0 100%; margin: 20px 0; } .j2store-product-list .grid-list ul { margin-bottom: 5px; } .j2store_products_container > li { width: 100%; } .j2store-cart .j2store-cart-table .j2store-remove { padding: 10px 14px; margin-top: 10px; } .j2store_products_container > li:first-child, .j2store_products_container > li:nth-child(3n+1) { padding-left: 15px; } .j2store_products_container > li:nth-child(3n), .j2store_products_container > li:nth-child(3n+3) { padding-right: 15px; } .items-row .item { margin-top: 20px; } .img-fulltext-left, .item-image, .img-fulltext-left img, .item-image img, .item-page .img-fulltext-left img, .item-page .item-image img { max-width: 100%; margin: 0; } input[type="button"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; box-shadow: none; text-shadow: none; padding-left: 15px; padding-right: 15px; } .j2store-product-list #productFilters { text-align: center; } .j2store-product-list .top-bar-filters-container .grid-list { text-align: center; } .j2store h2 { font-size: 20px; } .j2store #j2store-cart-modules #shipping select, .j2store #j2store-cart-modules #shipping input.inputbox, .j2store #j2store-cart-modules #shipping input[type="text"] { width: 160px; max-width: 100%; } .j2store #billing-address select, .j2store #payment_form_div #offline_payment_method, .j2store #payment_form_div #sagepay_form select, .j2store #billing-address input.inputbox { width: 150px; max-width: 100%; } .j2store #payment_form_div #sagepay_form input { width: 130px; max-width: 100%; } #j2store-checkout-content .checkout-content .row-fluid [class*="span"] { float: none; width: 100%; margin: 0; padding: 0 10px; } #j2store-checkout-content .checkout-content .row-fluid #login > h2 { border-top: 1px solid #e5e5e5; } #onCheckoutPayment_wrapper { padding: 0 10px; } body #j2store_orders_list { font-size: 11px !important; } body #j2store_orders_list .table th { font-size: 11px !important; } body #j2store_orders_list .table th, body #j2store_orders_list .table td { padding: 8px; } body #j2store_orders_list span.order-state-label.label-warning { font-size: 11px; } } @media only screen and (min-width: 481px) and (max-width: 640px), (min-device-width: 481px) and (max-device-width: 640px) { .j2store_products_container > li { width: 50%; } .j2store_products_container > li:first-child, .j2store_products_container > li:nth-child(3n+1) { padding-left: 15px; } .items-row .item { margin-top: 20px; } .j2store_products_container > li:nth-child(3n), .j2store_products_container > li:nth-child(3n+3) { padding-right: 15px; } #j2store_sortby { margin-top: 10px; } } @media only screen and (min-width: 767px) and (max-width: 800px), (min-device-width: 767px) and (max-device-width: 800px) { .items-row div[class*="span"] { margin-left: 2.1%; } .j2store-products-row div[class*="col-"]:last-child .j2store-single-product { margin-left: 0; margin-right: 25px; } .j2store-product-list.grid-layout .j2store_products_container div[class*="col-"] { flex: 0 0 50%; max-width: 50%; } .j2store-product-list.grid-layout .j2store-products-row.row:after { clear: none; } .j2store-product-list.grid-layout .j2store-products-row.row:before { display: block; } }