/* FILE: /templates/jsn_voyage/css/template.css */
@charset "UTF-8"; /*! * JoomlaShine FW */ @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap"); label { font-weight: normal; color: #1b212e; } label span.star { color: #fb3f3b; } select[multiple], select[size], select, 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"] { height: 40px; padding: 0 20px 0 10px; font-size: 14px; color: #191a1a; background-color: #fff; background-image: none; border: 1px solid #cccccc; box-shadow: none !important; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input textarea { height: auto; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; } select { -webkit-appearance: none; -moz-appearance: none; background-image: url(../../../images/joomlashine/sample/demo-content/icon.png) !important; background-position: center right 8px !important; background-repeat: no-repeat !important; padding: 0px 25px 0px 10px; } [class*="__pf"] *, [class*="__pf"] *:before, [class*="__pf"] *:after { -webkit-box-sizing: border-box; box-sizing: inherit !important; } /*! * Sun Framework * Copyright 2016 Joomlashine. * @file _module-style.scss */ .module-title i.fa:before { padding-right: 9px; padding-left: 0; } .sunfw-direction-rtl .module-title i.fa:before { padding-left: 9px; padding-right: inherit; } .sunfw-direction-rtl .module-title i.fa:before { padding-right: 0; padding-left: inherit; } [class*='module-style-'] .module-title .box-title { margin-top: 0; margin-bottom: 0; } [class*='module-style-'] .module-body p:last-child { margin-bottom: 0; } .module-style-3 .module-body > ul, .module-style-4 .module-body > ul { padding-top: 2px; } .module-style-3 ol > li, .module-style-3 ul > li, .module-style-4 ol > li, .module-style-4 ul > li { line-height: 21px; padding: 0; } .module-style-3 ol > li a, .module-style-3 ul > li a, .module-style-4 ol > li a, .module-style-4 ul > li a { padding: 8px 0 7px; display: block; } .module-style[class*='module-style-']:not(.module-style-3):not(.module-style-4) .module-title .box-title { padding: 12.5px 15px; } .module-style[class*='module-style-']:not(.module-style-3):not(.module-style-4) .module-body { padding: 15px; } .module-style[class*='module-style-']:not(.module-style-3):not(.module-style-4).module-style-2 .module-title .box-title { border-bottom: 1px solid #cccccc; } .module-style[class*='module-style-']:not(.module-style-3):not(.module-style-4).module-style-1 .module-title .box-title { margin: -1px -1px 0; } .module-style[class*='module-style-'].module-style-3 .module-title .box-title, .module-style[class*='module-style-'].module-style-4 .module-title .box-title { margin-bottom: 16px; } .sunfw-com-config .radio.btn-group input[type=radio] { display: block; } .sunfw-com-config fieldset.radio.btn-group { padding-left: 0; display: flex; } /*! * Sun Framework * Copyright 2016 Joomlashine. * @file _pagination.scss */ div.pagination { display: flex; justify-content: center; flex-direction: column-reverse; margin: 30px 0 0; align-items: center; } div.pagination p.counter { display: none; } div.pagination ul.pagination { margin: 0 -6px; padding: 0; } div.pagination ul.pagination li { display: inline-block; padding: 0; } div.pagination ul.pagination li:nth-last-child(2) { margin-left: 30px; } div.pagination ul.pagination li:nth-child(2) { margin-right: 30px; } div.pagination ul.pagination li.hidden-xs a { border-color: white; } div.pagination ul.pagination li a { line-height: 14px; border-radius: 0; border-width: 1px; border-style: solid; padding: 7px 11px; margin: 0 5px; font-weight: normal; min-width: 30px; border-color: rgba(17, 43, 44, 0.1); color: #191a1a; } div.pagination ul.pagination li a:hover { color: #fff; } div.pagination ul.pagination li:not([class*="hidden-"]) a:hover { color: #fff; } div.pagination ul.pagination li.active a { color: #fff; } div.pagination ul.pagination li:not([class*="hidden-"]) a { padding-left: 20px; padding-right: 20px; border-color: #109296; } .pager { padding: 0; margin: 30px 0; } .pager li > a, .pager li > span { border-radius: 0; } .breadcrumb { background-color: rgba(17, 43, 44, 0.05); padding: 5px 10px; border-radius: 0; margin-bottom: 0; } .breadcrumb li a:hover { color: #8899AC; } .breadcrumb span.divider { display: none; } .breadcrumb li + li:before { content: '\f105'; font-family: 'FontAwesome'; color: #394a5c; } .breadcrumb li:first-child + li:before { display: none; } .breadcrumb > li { padding: 0; } .breadcrumb > li a { font-size: 14px; } .breadcrumb > .active { color: #434343; } .dark-bg li + li:before { content: '\f105'; font-family: 'FontAwesome'; color: #fff; } .dark-bg .breadcrumb { padding: 0; } .dark-bg .breadcrumb li > span[itemprop="name"], .dark-bg .breadcrumb > .active { color: #fff; } /* Search Module */ .search #mod-search-searchword { border: 1px solid #cbcbcb; background: #fff; width: 100%; } .search button { height: 40px; padding-left: 35px; padding-right: 35px; } .search #searchForm .badge { padding: 4px 0px; font-size: 12px; font-weight: 600; color: #191a1a; background-color: white; border-radius: 0; } .searchintro strong { font-weight: 500; } .module-style.search-module .search #mod-search-searchword { height: 40px; color: rgba(25, 26, 26, 0.5); width: 100%; } .module-style.search-module .search #mod-search-searchword::-webkit-input-placeholder { color: rgba(25, 26, 26, 0.5); } .module-style.search-module .search #mod-search-searchword::-moz-placeholder { color: rgba(25, 26, 26, 0.5); } .module-style .userdata { padding-top: 5px; } .module-style .userdata ul > li { padding: 2px 0; } .module-style .userdata ul > li a { padding: 2px 0; font-size: 14px; } .module-style .userdata ul > li a span { margin-top: 2px; } .module-style .userdata ul > li a span.icon-arrow-right { display: none; } .module-style .input-group-addon { background-color: rgba(17, 43, 44, 0.05); color: rgba(25, 26, 26, 0.7); padding-left: 13px; padding-right: 13px; border-color: #ccc; } label[for="modlgn-remember"] { padding-left: 30px; } .sunfw-direction-rtl label[for="modlgn-remember"] { padding-right: 30px; padding-left: inherit; } input#modlgn-remember { margin-left: -30px; margin-top: 1px; } .sunfw-direction-rtl input#modlgn-remember { margin-right: -30px; margin-left: inherit; } input#modlgn-remember:before { content: ''; width: 20px; height: 20px; cursor: pointer; position: absolute; top: -1px; background: #fff; border: 1px solid #cccccc; line-height: 20px; } input#modlgn-remember:after { content: ''; width: 11px; height: 6px; position: absolute; top: 5px; left: 4px; border: 2px solid rgba(17, 43, 44, 0.1); border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } input#modlgn-remember:checked:after { opacity: 1; border-color: #86c42b; } /* Search Smart Module */ .form-search input.search-query { border: 1px solid #D1D6DE; background: #fff; height: 35px; margin-bottom: 5px; } .form-search button { height: 35px; padding: 0 15px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; } .form-search .control-group .controls label { font-weight: normal; padding: 8px 0; } /* Language Switcher Module */ div.mod-languages a.dropdown-toggle { border: 1px solid #D1D6DE; background-color: #F0F2F5; padding: 7px 10px; color: #394A5C; } div.mod-languages .posttext { margin-top: 10px; } /* Wrapper Module */ iframe.wrapper { border: 1px solid #394A5C; } /* ============ TYPOGRAPHY ============ */ .page-header h2 { margin-top: 0; } hr { margin-top: 50px; margin-bottom: 50px; border-color: #cccccc; } h1.md-text, h2.md-text, h3.md-text, h4.md-text, h5.md-text, h6.md-text { font-weight: 500; } h1.rg-text, h2.rg-text, h3.rg-text, h4.rg-text, h5.rg-text, h6.rg-text { font-weight: normal; } h1.white-color, h2.white-color, h3.white-color, h4.white-color, h5.white-color, h6.white-color { color: #fff; } a:not(.btn-social-icon) > i[class*="fa-"] { margin-right: 8px; } .sunfw-direction-rtl a:not(.btn-social-icon) > i[class*="fa-"] { margin-left: 8px; margin-right: inherit; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { outline: none; box-shadow: none; } .mt--100 { margin-top: -100px; } .mb--25 { margin-bottom: -25px; } .align-right { text-align: right; } .sunfw-direction-rtl .align-right { text-align: left; } .box-shadow-bl { box-shadow: 0 2px 4px 0 #cbcbcb; background-color: #ffffff; z-index: 999; margin-top: -115px; } .box-shadow-bl h3.box-title { margin: 0; font-size: 18px; font-weight: 500; font-style: normal; } .btn { padding: 9.5px 30px; border-radius: 0; border: none; transition: all 0.3s ease-in-out; line-height: 1.5; font-size: 15px; transition: all 0.3s ease-in-out; } .btn[class*="btn-"] { font-size: 14px; font-weight: normal; } .btn.btn-small, .btn.btn-mini { padding-top: 9px; padding-bottom: 9px; } .btn.btn-plain { padding: 3px 5px; font-weight: normal; text-transform: none; } .btn.btn-plain:hover { background-color: transparent; } .btn.btn-mini:not(.btn-primary), .btn.btn-small:not(.btn-primary) { background: #434343; color: #ffffff; border-color: #434343; } .btn.btn-mini:not(.btn-primary):hover, .btn.btn-small:not(.btn-primary):hover { background: #09194c; border-color: #09194c; } .btn.btn-outline { border-width: 1px; border-style: solid; padding: 8.5px 30px; font-weight: 500; font-size: 14px; } .btn.btn-outline:hover { color: #fff; } .btn.btn-default.disabled:hover, .btn.btn-default[disabled]:hover, .btn.btn-default.disabled:focus, .btn.btn-default[disabled]:focus, .btn.btn-default.disabled.focus, .btn.btn-default[disabled].focus { background-color: #8596a9; } .btn:not([class*="toggle"]):not(.modal) i.fa { margin-right: 10px; } .sunfw-direction-rtl .btn:not([class*="toggle"]):not(.modal) i.fa { margin-left: 10px; margin-right: inherit; } .btn[class*="btn-"] + .btn[class*="btn-"]:not(.dropdown-toggle) { margin-left: 10px; } .sunfw-direction-rtl .btn[class*="btn-"] + .btn[class*="btn-"]:not(.dropdown-toggle) { margin-right: 10px; margin-left: inherit; } .btn.full-width { width: 100%; } .btn-danger { background-color: #da0500; } .btn-warning { background-color: #ffd31f; color: #191a1a; } .btn-info { background-color: #4fbcdd; } .btn-success { background-color: #119d0f; } .element-invisible { position: absolute; padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .element-invisible:focus { width: auto; height: auto; overflow: auto; background: #eee; color: #000; padding: 1em; } .js-stools .js-stools-container-bar { margin-bottom: 30px; } .js-stools .js-stools-container-bar .btn-wrapper { vertical-align: top; } .js-stools .js-stools-container-bar .btn-wrapper button.btn { padding: 8px 20px; line-height: 1.4; border: none; vertical-align: top; } .js-stools .js-stools-container-bar .btn-wrapper button.btn:not(.btn-primary) { background: #717f8e; color: #ffffff; } .btn-toolbar { margin-left: 0px; } .sunfw-direction-rtl .btn-toolbar { margin-right: 0px; margin-left: inherit; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 0px; } .sunfw-direction-rtl .btn-toolbar > .btn, .sunfw-direction-rtl .btn-toolbar > .btn-group, .sunfw-direction-rtl .btn-toolbar > .input-group { margin-right: 0px; margin-left: inherit; } @media (max-width: 767px) { .btn-toolbar > .btn .btn-toolbar > .btn-group, .btn-toolbar > .btn-group .btn-toolbar > .btn-group, .btn-toolbar > .input-group .btn-toolbar > .btn-group { float: left !important; } } .bg-high-lighted { background-color: rgba(16, 146, 150, 0.4); } .login .remember-me .controls { position: relative; margin: 5px -5px; } .login .remember-me .controls label { width: 20px; height: 20px; cursor: pointer; position: relative; top: 0; left: 0; background: #fff; border: 1px solid #cccccc; line-height: 20px; margin-top: 4px; } .login .remember-me .controls label:after { content: ''; width: 11px; height: 6px; position: absolute; top: 4px; left: 4px; border: 2px solid #ccc; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .login .remember-me .controls input[type=checkbox] { visibility: hidden; position: absolute; } .login .remember-me .controls input[type=checkbox]:checked + label:after { opacity: 1; border-color: #86c42b; } /* ============ List Styles ============ */ ol, ul { padding-left: 25px; } ol > li, ul > li { padding: 5px 0; } ul.square-style { list-style: square; } ul.list-nobullet { padding: 0; } ul.list-nobullet li { list-style: none; } ul.list-nobullet li span { margin-right: 8px; } ul.list-nobullet li i { margin-right: 8px; } ul.list-nobullet[class*="bullet-"] li { margin: 5px 0; } ul.square-list { list-style: square; } blockquote { font-size: 14px; background: rgba(16, 146, 150, 0.1); padding: 20px; border: none; } blockquote p:last-child { margin-bottom: 0; } blockquote i { color: #1B212E; } .center-block { display: flex; justify-content: center; } .drop-cap::first-letter { font-size: 24px; font-weight: normal; color: #fff; text-align: center; display: inline-block; float: left; background: #f5f5f5; height: 43px; width: 43px; line-height: 43px; margin-right: 15px; border-radius: 0; padding: 1px 17px; } .sunfw-direction-rtl .drop-cap::first-letter { float: right; } .sunfw-direction-rtl .drop-cap::first-letter { margin-left: 15px; margin-right: inherit; } .drop-cap.circle::first-letter { border-radius: 100%; } .drop-cap.dark-bg::first-letter { background: #333; color: #fff; } .drop-cap.light-bg::first-letter { background: #f5f5f5; } .highlight { background-color: rgba(0, 0, 0, 0.15); } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .drop-cap::first-letter { padding: 2px 4px; } } } @-moz-document url-prefix() { .drop-cap::first-letter { padding: 13px 16px; } } .modal-content { border-radius: 0; } .modal-content .modal-header { padding: 20px; border-bottom: 1px solid #e6e6e6; background: #f9f9f9; } .modal-content .modal-header .modal-title { font-size: 18px; } .modal-content .modal-body { position: relative; padding: 20px; } #sbox-window { padding: 0; } #sbox-window #sbox-content iframe { padding: 20px; } .icon-search:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 16px; content: "\f002"; margin-right: 6px; } .sunfw-direction-rtl .icon-search:after { margin-left: 6px; margin-right: inherit; } .alert { padding: 12px 20px; margin-bottom: 20px; border-radius: 0; font-size: 14px; } .alert h4 { margin-bottom: 0; } .alert:not(.alert-notice) .close { float: right; font-size: 20px; line-height: 1.2; color: #000; text-shadow: none; opacity: 0.5; font-weight: bold; margin-top: -2px; } .alert.alert-success { border-width: 0; background-color: #119d0f; color: #fff; } .alert.alert-message { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; border-color: #B3DEA2; } .alert.alert-error, .alert.alert-danger { border-width: 0; background-color: rgba(218, 5, 0, 0.5); color: #fff; } .alert.alert-info { border-width: 0; background-color: rgba(79, 188, 221, 0.5); color: #191a1a; } .alert.alert-warning { border-width: 0; background-color: rgba(255, 211, 31, 0.5); color: #191a1a; } .alert.alert-warning .close { color: #191a1a; } .alert.alert-warning .close, .alert.alert-info .close, .alert.alert-success .close, .alert.alert-danger .close { color: rgba(255, 255, 255, 0.95); } /* ===== Image ===== */ .image-hover { border: 1px solid transparent; } .image-hover:hover { border: 1px solid #cccccc; background-color: #fcf8e3; } .border-image { border: 1px solid #cccccc; padding: 4px; } figure { text-align: center; padding: 0; transition: all 0.3s ease-in-out; border: 1px solid transparent; margin-top: 10px; } figure figcaption { padding: 15px; border: 1px solid #cccccc; line-height: 21px; text-align: center; } figure img.border-image + figcaption { border-top: none; } /* ===== Table ===== */ .table { width: 100%; max-width: 100%; color: #000; font-weight: normal; border: 1px solid #109296; } .table thead { background: rgba(16, 146, 150, 0.2); } .table thead .highlight { background: #109296; } .table thead tr th { font-weight: bold; } .table tbody tr th { font-weight: 500; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 12.5px 10px; border-color: #109296; border-width: 1px; } .table > thead > tr > th a:not(.btn-default), .table > thead > tr > td a:not(.btn-default), .table > tbody > tr > th a:not(.btn-default), .table > tbody > tr > td a:not(.btn-default), .table > tfoot > tr > th a:not(.btn-default), .table > tfoot > tr > td a:not(.btn-default) { color: #000; } .table > thead > tr > th.highlight, .table > thead > tr > td.highlight, .table > tbody > tr > th.highlight, .table > tbody > tr > td.highlight, .table > tfoot > tr > th.highlight, .table > tfoot > tr > td.highlight { background: #109296; color: #fff; } .table.table-striped tr.odd { background: #F9F9F9; } .table-striped > tbody > tr:nth-of-type(even) { background-color: #f5f5f5; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } .table-striped tfoot tr { background: #cfe9ea; } .table-striped > thead > tr > th, .table-striped > thead > tr > td, .table-striped > tbody > tr > th, .table-striped > tbody > tr > td, .table-striped > tfoot > tr > th, .table-striped > tfoot > tr > td { border-width: 0 1px; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } ul.plain-space { padding: 0; } ul.plain-space li { list-style: none; } ul.pager li > a, ul.pager li > span { padding: 5px; background-color: #191a1a; border: none; border-radius: 0; font-size: 0; } ul.pager li > a:after, ul.pager li > span:after { display: inline-block; font: normal normal normal 20px/1 FontAwesome; color: #fff; width: 20px; height: 20px; line-height: 20px; } ul.pager li.previous > a:after, ul.pager li.previous > span:after { content: "\f104"; } ul.pager li.next > a:after, ul.pager li.next > span:after { content: "\f105"; } .carousel-control { opacity: 1; } .carousel-control > span:not(.sr-only) { font-size: 0; background-color: #5e7081; padding: 10px; width: 40px; height: 40px; } .carousel-control > span:not(.sr-only):after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #fff; width: 20px; height: 20px; line-height: 20px; } .carousel-control > span:not(.sr-only):hover { background-color: #8596A9; } .carousel-control.right > span:not(.sr-only):after { content: "\f105"; } .carousel-control.left > span:not(.sr-only):after { content: "\f104"; } .carousel-control:hover, .carousel-control:focus { opacity: 1; } .carousel-control .glyphicon-chevron-left { left: 40px; } .sunfw-direction-rtl .carousel-control .glyphicon-chevron-left { right: 40px; left: auto; } .carousel-control .glyphicon-chevron-right { right: 40px; } .sunfw-direction-rtl .carousel-control .glyphicon-chevron-right { left: 40px; right: auto; } .carousel-control.left, .carousel-control.right { background-image: none; } .glyphicon-chevron-left:before, .glyphicon-chevron-right:before { display: none; } /* ============ LOGIN MODULE ============ */ .form-control { height: auto; padding: 8px 12px; box-shadow: none; } .form-control, .input-group-addon { border-color: #D1D6DE; border-radius: 0; } #login-form .pretext { margin-bottom: 20px; } #login-form .posttext { margin-top: 20px; } #login-form ul { padding: 0; margin: 15px 0 0; } #login-form ul li { list-style: none; } /* ============ CONTENT MODULE ============ */ ul.newsfeed, ul.archive-module, ul.relateditems, ul.categories-module, ul.category-module, ul.mostread, ul.latestnews, ul.latestusers { padding-left: 15px; margin: 0; } .sunfw-direction-rtl ul.newsfeed, .sunfw-direction-rtl ul.archive-module, .sunfw-direction-rtl ul.relateditems, .sunfw-direction-rtl ul.categories-module, .sunfw-direction-rtl ul.category-module, .sunfw-direction-rtl ul.mostread, .sunfw-direction-rtl ul.latestnews, .sunfw-direction-rtl ul.latestusers { padding-right: 15px; padding-left: inherit; } ul.newsfeed li, ul.archive-module li, ul.relateditems li, ul.categories-module li, ul.category-module li, ul.mostread li, ul.latestnews li, ul.latestusers li { list-style-type: initial; } ul.newsfeed li p, ul.newsfeed li :not(a), ul.archive-module li p, ul.archive-module li :not(a), ul.relateditems li p, ul.relateditems li :not(a), ul.categories-module li p, ul.categories-module li :not(a), ul.category-module li p, ul.category-module li :not(a), ul.mostread li p, ul.mostread li :not(a), ul.latestnews li p, ul.latestnews li :not(a), ul.latestusers li p, ul.latestusers li :not(a) { color: #666; } ul.newsfeed.articles-list, ul.archive-module.articles-list, ul.relateditems.articles-list, ul.categories-module.articles-list, ul.category-module.articles-list, ul.mostread.articles-list, ul.latestnews.articles-list, ul.latestusers.articles-list { padding-left: 0; } .sunfw-direction-rtl ul.newsfeed.articles-list, .sunfw-direction-rtl ul.archive-module.articles-list, .sunfw-direction-rtl ul.relateditems.articles-list, .sunfw-direction-rtl ul.categories-module.articles-list, .sunfw-direction-rtl ul.category-module.articles-list, .sunfw-direction-rtl ul.mostread.articles-list, .sunfw-direction-rtl ul.latestnews.articles-list, .sunfw-direction-rtl ul.latestusers.articles-list { padding-right: 0; padding-left: inherit; } ul.newsfeed.articles-list li, ul.archive-module.articles-list li, ul.relateditems.articles-list li, ul.categories-module.articles-list li, ul.category-module.articles-list li, ul.mostread.articles-list li, ul.latestnews.articles-list li, ul.latestusers.articles-list li { list-style: none; border-top: 1px solid #ccc; padding: 15px 0 14px; } ul.newsfeed.articles-list li .mod-articles-category-title, ul.archive-module.articles-list li .mod-articles-category-title, ul.relateditems.articles-list li .mod-articles-category-title, ul.categories-module.articles-list li .mod-articles-category-title, ul.category-module.articles-list li .mod-articles-category-title, ul.mostread.articles-list li .mod-articles-category-title, ul.latestnews.articles-list li .mod-articles-category-title, ul.latestusers.articles-list li .mod-articles-category-title { display: block; font-size: 14px; font-weight: 500; color: #000; } ul.newsfeed.articles-list li .mod-articles-category-writtenby, ul.newsfeed.articles-list li .mod-articles-category-date, ul.archive-module.articles-list li .mod-articles-category-writtenby, ul.archive-module.articles-list li .mod-articles-category-date, ul.relateditems.articles-list li .mod-articles-category-writtenby, ul.relateditems.articles-list li .mod-articles-category-date, ul.categories-module.articles-list li .mod-articles-category-writtenby, ul.categories-module.articles-list li .mod-articles-category-date, ul.category-module.articles-list li .mod-articles-category-writtenby, ul.category-module.articles-list li .mod-articles-category-date, ul.mostread.articles-list li .mod-articles-category-writtenby, ul.mostread.articles-list li .mod-articles-category-date, ul.latestnews.articles-list li .mod-articles-category-writtenby, ul.latestnews.articles-list li .mod-articles-category-date, ul.latestusers.articles-list li .mod-articles-category-writtenby, ul.latestusers.articles-list li .mod-articles-category-date { font-size: 12px; color: #666; margin: 3px 0 10px; display: inline-block; } ul.newsfeed.articles-list li .mod-articles-category-writtenby:before, ul.newsfeed.articles-list li .mod-articles-category-date:before, ul.archive-module.articles-list li .mod-articles-category-writtenby:before, ul.archive-module.articles-list li .mod-articles-category-date:before, ul.relateditems.articles-list li .mod-articles-category-writtenby:before, ul.relateditems.articles-list li .mod-articles-category-date:before, ul.categories-module.articles-list li .mod-articles-category-writtenby:before, ul.categories-module.articles-list li .mod-articles-category-date:before, ul.category-module.articles-list li .mod-articles-category-writtenby:before, ul.category-module.articles-list li .mod-articles-category-date:before, ul.mostread.articles-list li .mod-articles-category-writtenby:before, ul.mostread.articles-list li .mod-articles-category-date:before, ul.latestnews.articles-list li .mod-articles-category-writtenby:before, ul.latestnews.articles-list li .mod-articles-category-date:before, ul.latestusers.articles-list li .mod-articles-category-writtenby:before, ul.latestusers.articles-list li .mod-articles-category-date:before { display: inline-block; font: normal normal normal 12px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 12px; margin-right: 3px; } ul.newsfeed.articles-list li .mod-articles-category-writtenby:before, ul.archive-module.articles-list li .mod-articles-category-writtenby:before, ul.relateditems.articles-list li .mod-articles-category-writtenby:before, ul.categories-module.articles-list li .mod-articles-category-writtenby:before, ul.category-module.articles-list li .mod-articles-category-writtenby:before, ul.mostread.articles-list li .mod-articles-category-writtenby:before, ul.latestnews.articles-list li .mod-articles-category-writtenby:before, ul.latestusers.articles-list li .mod-articles-category-writtenby:before { content: "\f2c0"; } ul.newsfeed.articles-list li .mod-articles-category-date, ul.archive-module.articles-list li .mod-articles-category-date, ul.relateditems.articles-list li .mod-articles-category-date, ul.categories-module.articles-list li .mod-articles-category-date, ul.category-module.articles-list li .mod-articles-category-date, ul.mostread.articles-list li .mod-articles-category-date, ul.latestnews.articles-list li .mod-articles-category-date, ul.latestusers.articles-list li .mod-articles-category-date { margin-left: 10px; margin-right: 10px; } ul.newsfeed.articles-list li .mod-articles-category-date:before, ul.archive-module.articles-list li .mod-articles-category-date:before, ul.relateditems.articles-list li .mod-articles-category-date:before, ul.categories-module.articles-list li .mod-articles-category-date:before, ul.category-module.articles-list li .mod-articles-category-date:before, ul.mostread.articles-list li .mod-articles-category-date:before, ul.latestnews.articles-list li .mod-articles-category-date:before, ul.latestusers.articles-list li .mod-articles-category-date:before { content: "\f133"; } ul.newsfeed.articles-list li:first-child, ul.archive-module.articles-list li:first-child, ul.relateditems.articles-list li:first-child, ul.categories-module.articles-list li:first-child, ul.category-module.articles-list li:first-child, ul.mostread.articles-list li:first-child, ul.latestnews.articles-list li:first-child, ul.latestusers.articles-list li:first-child { border-top: none; padding-top: 0; } ul.type-1st-article.latestnews { padding-left: 0; } .sunfw-direction-rtl ul.type-1st-article.latestnews { padding-right: 0; padding-left: inherit; } ul.type-1st-article.latestnews li { list-style: none; } ul.newsfeed { padding: 0; } ul.newsfeed .lead { font-size: 14px; margin: 0 0 10px; font-weight: normal; } ul.newsfeed li { line-height: 21px; list-style: none; } ul.newsfeed li .feed-link { margin: 15px 0 3px; display: block; font-weight: bold; } ul.categories-module ul { padding-left: 15px; } .sunfw-direction-rtl ul.categories-module ul { padding-right: 15px; padding-left: inherit; } ul.categories-module h4, ul.categories-module h5, ul.categories-module h6 { font-weight: normal; font-size: 14px; margin: 10px 0 0; } ul.categories-module p { margin: 0; } .newsflash .introtext p:last-child { margin-bottom: 0; } .newsflash .newsflash-item { padding: 15px; border: 1px solid #D1D6DE; margin-bottom: 5px; overflow: hidden; } .newsflash .newsflash-item img { margin: -15px -15px 0; width: calc(100% + 30px); max-width: calc(100% + 30px); } .btn.readmore { padding-top: 10px; padding-bottom: 10px; } /* ============ LOGIN MODULE ============ */ .sunfw-pos-left .module-style, .sunfw-pos-right .module-style { margin-bottom: 30px; } .sunfw-pos-left .module-style:last-child, .sunfw-pos-right .module-style:last-child { margin-bottom: 0; } .form-control { height: auto; padding: 8px 12px; box-shadow: none; } .form-control, .input-group-addon { border-color: rgba(17, 43, 44, 0.1); } #login-form .form-group { margin-bottom: 10px; } #login-form #form-login-username { margin-bottom: 10px; } #login-form #form-login-submit button { width: 100%; } #login-form #form-login-remember { margin-bottom: 10px; } #login-form ul { padding: 0; margin: 8px 0 0; } #login-form ul li { list-style: none; padding: 0; } #login-form ul + .logout-button { margin-top: 15px; } .bannergroup { font-size: 18px; } .bannergroup .banneritem { margin: 15px 0; } /* ============ TAGS MODULE ============ */ div.tagspopular ul { padding: 0; list-style: none; font-size: 0; margin: 0 -5px -12px; } div.tagspopular ul li { display: inline-block; margin: 0 4px 12px; } div.tagspopular ul li a { font-size: 9px; padding: 6px; border-width: 1px; border-style: solid; } div.tagspopular ul li a:hover { color: #fff; } /* ============ NEWSFEED MODULE ============ */ .newsfeed-category .filters { margin-bottom: 30px; } .newsfeed-category .category { padding: 0; } .newsfeed-category .category li { list-style: none; line-height: 21px; margin: 10px 0; } /* ============ STICKY MODULE ============ */ div[class*=sunfw-pos-stick-] { position: fixed; z-index: 888888; } .sunfw-pos-stick-lefttop { left: 0; } .sunfw-direction-rtl .sunfw-pos-stick-lefttop { right: 0; left: auto; } .sunfw-pos-stick-righttop { right: 0; } .sunfw-direction-rtl .sunfw-pos-stick-righttop { left: 0; right: auto; } .sunfw-pos-stick-leftmiddle { left: 0; top: 50%; transform: translateY(-50%); } .sunfw-direction-rtl .sunfw-pos-stick-leftmiddle { right: 0; left: auto; } .sunfw-pos-stick-rightmiddle { right: 0; top: 50%; transform: translateY(-50%); } .sunfw-direction-rtl .sunfw-pos-stick-rightmiddle { left: 0; right: auto; } .sunfw-pos-stick-leftbottom { left: 0; bottom: 0; } .sunfw-direction-rtl .sunfw-pos-stick-leftbottom { right: 0; left: auto; } .sunfw-pos-stick-rightbottom { right: 0; bottom: 0; } .sunfw-direction-rtl .sunfw-pos-stick-rightbottom { left: 0; right: auto; } /* =============== MENU - DIV MENU =============== */ ul.menu-divmenu { margin: 0 auto; padding: 0; list-style: none; } ul.menu-divmenu li { margin: 0; padding: 0 0.5em; display: inline-block; } ul.menu-divmenu li a { padding: 0 5px; } ul.menu-divmenu li:first-child { padding-left: 0; } /* =============== MENU - DEFAULT =============== */ ul.nav.menu li a:hover, ul.nav.menu li a:focus, ul.nav.menu li span.nav-header:hover, ul.nav.menu li span.nav-header:focus { background: transparent; } ul.nav.menu li a > i.fa, ul.nav.menu li span.nav-header > i.fa { padding-right: 5px; } .sunfw-direction-rtl ul.nav.menu li a > i.fa, .sunfw-direction-rtl ul.nav.menu li span.nav-header > i.fa { padding-left: 5px; padding-right: inherit; } ul.nav.menu li a span.description, ul.nav.menu li span.nav-header span.description { display: block; font-size: 90%; padding: 0 20px; } .nav > li > a, .nav > li > span.nav-header { padding-bottom: 5px; padding-top: 5px; padding-left: 15px; padding-right: 15px; position: relative; display: block; } ul.nav.hidden-icon li a i.fa { display: none !important; } ul.nav.hidden-description li a span.description { display: none !important; } .sunfw-tpl-menu .dropdown-menu .divider { height: auto; margin: 0; overflow: inherit; background-color: inherit; } /* =============== MENU - TREE MENU =============== */ ul.nav[class*='menu-treemenu'] li { padding: 0; } ul.nav[class*='menu-treemenu'] li a, ul.nav[class*='menu-treemenu'] li > span { display: block; color: #191a1a; padding: 6px 0; font-weight: normal; } ul.nav[class*='menu-treemenu'] li a:hover, ul.nav[class*='menu-treemenu'] li > span:hover { text-decoration: none; background: transparent; } ul.nav[class*='menu-treemenu'] li a.get-it, ul.nav[class*='menu-treemenu'] li > span.get-it { padding-top: 9px; padding-bottom: 9px; font-weight: normal; margin-top: 23px; } ul.nav[class*='menu-treemenu'] li a.get-it:not(.btn-outline), ul.nav[class*='menu-treemenu'] li > span.get-it:not(.btn-outline) { color: #fff; } ul.nav[class*='menu-treemenu'] li a.get-it:not(.btn-outline):hover, ul.nav[class*='menu-treemenu'] li a.get-it:not(.btn-outline):focus, ul.nav[class*='menu-treemenu'] li > span.get-it:not(.btn-outline):hover, ul.nav[class*='menu-treemenu'] li > span.get-it:not(.btn-outline):focus { color: #fff; background: #b79932; } ul.nav[class*='menu-treemenu'] li a.get-it:before, ul.nav[class*='menu-treemenu'] li > span.get-it:before { content: ""; display: block; background-color: #ccc; height: 1px; width: 100%; position: absolute; top: -16px; } ul.nav[class*='menu-treemenu'] li:first-child { margin-top: 0; } ul.nav[class*='menu-treemenu'] li ul.nav-child { list-style-type: none; padding-left: 20px; } .sunfw-direction-rtl ul.nav[class*='menu-treemenu'] li ul.nav-child { padding-right: 20px; padding-left: inherit; } ul.nav[class*='menu-treemenu'] li ul.nav-child ul.nav-child { padding-left: 15px; } .sunfw-direction-rtl ul.nav[class*='menu-treemenu'] li ul.nav-child ul.nav-child { padding-right: 15px; padding-left: inherit; } ul.nav[class*='menu-treemenu'] li > span.separator { display: block; } ul.nav[class*='menu-treemenu'] > li:first-child > a, ul.nav[class*='menu-treemenu'] > li:first-child > span.nav-header { padding-top: 0; } /* =============== MENU - SIDE MENU =============== */ ul.nav[class*='menu-sidemenu'] > li > a { font-weight: normal; color: rgba(255, 255, 255, 0.6); } ul.nav[class*='menu-sidemenu'] > li > a:hover, ul.nav[class*='menu-sidemenu'] > li > a:focus { background: transparent; } ul.nav[class*='menu-sidemenu'] li { position: relative; padding: 0; } ul.nav[class*='menu-sidemenu'] li a, ul.nav[class*='menu-sidemenu'] li > span { display: block; color: #191a1a; padding: 10px 0; font-weight: normal; transition: all 0.2s ease-in-out; border-top: 1px solid #ccc; } ul.nav[class*='menu-sidemenu'] li a.get-it, ul.nav[class*='menu-sidemenu'] li > span.get-it { padding-top: 9px; padding-bottom: 9px; margin-top: 20px; } ul.nav[class*='menu-sidemenu'] li a.get-it:not(.btn-outline), ul.nav[class*='menu-sidemenu'] li > span.get-it:not(.btn-outline) { color: #fff; } ul.nav[class*='menu-sidemenu'] li a.get-it:not(.btn-outline):hover, ul.nav[class*='menu-sidemenu'] li a.get-it:not(.btn-outline):focus, ul.nav[class*='menu-sidemenu'] li > span.get-it:not(.btn-outline):hover, ul.nav[class*='menu-sidemenu'] li > span.get-it:not(.btn-outline):focus { color: #fff; background: #b79932; } ul.nav[class*='menu-sidemenu'] li a.get-it:before, ul.nav[class*='menu-sidemenu'] li > span.get-it:before { content: ""; display: block; background-color: #ccc; height: 1px; width: 100%; position: absolute; top: -20px; } ul.nav[class*='menu-sidemenu'] li:first-child > a, ul.nav[class*='menu-sidemenu'] li:first-child > span { border-top: none; } ul.nav[class*='menu-sidemenu'] li:hover > ul { visibility: visible; display: block; opacity: 1; transition-delay: 0.2s; } ul.nav[class*='menu-sidemenu'] li ul li:first-child > a, ul.nav[class*='menu-sidemenu'] li ul li:first-child > span.nav-header { border: none; } @media (min-width: 991px) { ul.nav[class*='menu-sidemenu'] li ul { position: absolute; top: 0; padding: 0 20px; left: 100%; right: auto; min-width: 250px; list-style-type: none !important; border: solid 1px #cccccc; background-color: #fdfdfd; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; z-index: 900; margin: 0 0 0 15px; } ul.nav[class*='menu-sidemenu'] li.parent > a, ul.nav[class*='menu-sidemenu'] li.parent > span { position: relative; } ul.nav[class*='menu-sidemenu'] li.parent > a .caret, ul.nav[class*='menu-sidemenu'] li.parent > span .caret { border: none; position: absolute; } ul.nav[class*='menu-sidemenu'] li.parent > a:after, ul.nav[class*='menu-sidemenu'] li.parent > span:after { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } @media (max-width: 991px) { ul.nav[class*='menu-sidemenu'] li ul { display: none; padding-right: 10px; } ul.nav[class*='menu-sidemenu'] li.parent ul { display: none; } ul.nav[class*='menu-sidemenu'] li.active > ul { display: block; } ul.nav[class*='menu-sidemenu'] li.parent > span, ul.nav[class*='menu-sidemenu'] li.parent > a { position: relative; } ul.nav[class*='menu-sidemenu'] li.parent > span span.caret, ul.nav[class*='menu-sidemenu'] li.parent > a span.caret { border: none; float: right; } ul.nav[class*='menu-sidemenu'] li.parent > span .caret:after, ul.nav[class*='menu-sidemenu'] li.parent > a .caret:after { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } ul.nav[class*='menu-sidemenu'] li.parent.active > span .caret:after, ul.nav[class*='menu-sidemenu'] li.parent.active > a .caret:after { content: '\f107'; } } .module-style.layout-right ul.nav[class*='menu-sidemenu'] li ul, .sunfw-pos-right .module-style ul.nav[class*='menu-sidemenu'] li ul { right: auto; left: -200px; } .sunfw-direction-rtl .module-style.layout-right ul.nav[class*='menu-sidemenu'] li ul, .sunfw-direction-rtl .sunfw-pos-right .module-style ul.nav[class*='menu-sidemenu'] li ul { left: auto; right: auto; } .sunfw-direction-rtl .module-style.layout-right ul.nav[class*='menu-sidemenu'] li ul, .sunfw-direction-rtl .sunfw-pos-right .module-style ul.nav[class*='menu-sidemenu'] li ul { right: -200px; left: auto; } @media (min-width: 768px) { .sunfw-direction-rtl ul.nav[class*='menu-sidemenu'] li ul { right: calc(100% + 1px); left: auto; } .sunfw-direction-rtl ul.nav[class*='menu-sidemenu'] li.parent > a:after { content: '\f104'; top: 50%; left: 10px; right: auto; transform: translateY(-50%); } } ul.tags { margin-bottom: 20px; margin-left: 0; } .sunfw-direction-rtl ul.tags { margin-right: 0; margin-left: inherit; } ul.tags li { padding: 0 2px; display: inline-block; margin: 5px 0; } ul.tags .fa-tag { margin-right: 0; } .sunfw-direction-rtl ul.tags .fa-tag { margin-left: 0; margin-right: inherit; } ul.tags .fa-tag:before { content: '#'; } .label-info { border-radius: 0; color: inherit; border: solid 1px rgba(67, 67, 67, 0.2); font-size: 14px; font-weight: normal; padding: 3px 30px; background-color: transparent; } .display-limit { margin-bottom: 30px; } .contact #selectForm { margin-bottom: 20px; } .contact #selectForm select { -webkit-appearance: none; -moz-appearance: none; margin-left: 10px; } .sunfw-direction-rtl .contact #selectForm select { margin-right: 10px; margin-left: inherit; } .contact #contact-form { position: relative; margin-bottom: 5px; } .contact .page-header h2 { font-size: 28px; } .contact #selectForm + #slide-contact.accordion { margin-top: 30px; } .contact #contact-form.form-horizontal .control-group { padding-bottom: 10px; } .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: 210px; padding-top: 10px; 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 .control-label #jform_spacer-lbl { margin-bottom: 22px; margin-top: 12px; } .contact #contact-form.form-horizontal .control-group .controls { margin-left: 224px; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls { margin-right: 224px; margin-left: inherit; } .contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; width: 280px; } .contact #contact-form.form-horizontal .control-group .controls input:focus, .contact #contact-form.form-horizontal .control-group .controls textarea:focus { 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: 15px; width: auto; } .contact #contact-form.form-horizontal fieldset .control-group:last-child { margin-top: -15px; } .contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label { width: 220px; } .contact .accordion-group { margin-bottom: 20px; } .contact .accordion-group fieldset { padding: 15px 20px 0px; margin: 15px 0 0; } .contact .accordion-group fieldset legend { margin: 0px; border: none; padding-bottom: 0; font-size: 16px; } .contact .accordion-group .accordion-heading { font-size: 14px; padding: 0; line-height: 1; } .contact .accordion-group .accordion-heading a { color: inherit; padding: 13px 20px; display: block; } .contact .accordion-group .accordion-inner { border: 1px solid #e7e9e9; } .contact .accordion-group button[type="submit"] { margin-left: 20px; } .sunfw-direction-rtl .contact .accordion-group button[type="submit"] { margin-right: 20px; margin-left: inherit; } .contact .accordion-group .contact-links { border-bottom: none; padding-top: 5px; padding-bottom: 5px; } .contact .accordion-group .contact-links ul.nav-tabs { border: none; margin: 5px 0px; } .contact .accordion-group .contact-links li { margin: 0; padding: 0; } .contact .accordion-group .contact-links li:last-child { border-bottom: none; } .contact .accordion-group .contact-links li a { padding: 10px 20px; border: none; } .contact .well { background: transparent; box-shadow: none; border-radius: none; border: none; padding: 0; } .contact .accordion-inner .thumbnail { border: none; margin: -30px 0 0; padding: 0; } .contact .accordion-inner .contact-position { margin-bottom: -3px; } .contact .accordion-inner .contact-position * { margin-top: -30px; } .contact .accordion-inner .contact-position dt { width: auto; } .contact .accordion-inner .contact-position dd { margin-left: 85px; } .sunfw-direction-rtl .contact .accordion-inner .contact-position dd { margin-right: 85px; margin-left: inherit; } .contact .accordion-inner .contact-address { margin-bottom: 0; } .contact .accordion-inner .contact-address dt { width: auto; } .contact .accordion-inner .contact-address dd { margin-left: 85px; line-height: 23px; } .sunfw-direction-rtl .contact .accordion-inner .contact-address dd { margin-right: 85px; margin-left: inherit; } .contact .accordion-inner .contact-address .contact-emailto { word-wrap: break-word; } .contact .accordion-inner .contact-miscinfo { padding: 15px 30px 5px; } .contact .accordion-inner .contact-miscinfo dl { margin-bottom: 0; } .contact .accordion-inner .contact-miscinfo .dl-horizontal dt { width: auto; } .contact .accordion-inner .contact-miscinfo .dl-horizontal dd { margin-left: 25px; } .sunfw-direction-rtl .contact .accordion-inner .contact-miscinfo .dl-horizontal dd { margin-right: 25px; margin-left: inherit; } .contact #basic-details .accordion-inner { padding: 50px 20px 20px; } .contact .contact-links .nav > li > a:hover, .contact .contact-links .nav > li > a:focus { background: transparent; } .contact .accordion-heading { padding: 10px 0; } .contact a:focus { outline: none; } @media (max-width: 991px) and (min-width: 768px) { .contact #contact-form.form-horizontal .control-group .control-label { width: 215px; } .contact #contact-form.form-horizontal .control-group .controls { margin-left: 230px; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls { margin-right: 230px; margin-left: inherit; } } /* ---------- Single Contact Category ----------- */ .contact-category ul { list-style: none; padding: 0; } .contact-category ul [class*="span"]:not(.list-title) { display: none; } .contact-category ul [class*="span"].list-title { padding-left: 0; padding-right: 0; margin-bottom: -8px; } .contact-category fieldset.filters { margin-bottom: 25px; } /* ---------- Contact Page ----------- */ .jsn-contact-form { max-width: 650px; margin: 0 auto; } .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions { padding: 0; overflow: hidden; margin: 25px 0; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group { display: flex; flex-direction: row; justify-content: center; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .control-label { flex: 0 0 75px; font-family: Roboto !important; font-weight: normal; display: flex; flex-direction: row-reverse; margin: 0 10px; line-height: 35px; padding: 0; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls { display: flex; flex: 0 0 85%; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls .help-block { margin-bottom: 0; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls input, .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls textarea { width: 100%; } .jsn-contact-form .form-horizontal .control-label { float: left; } .jsn-contact-form .jsn-master .jsn-text-center { display: none; } html { position: relative; min-height: 100%; } body { height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body a { transition: all 0.3s ease-in-out; } body > .btn > .icon-edit:before { content: "\f044"; font-family: "FontAwesome"; font-size: 18px; } .container-fluid .layout-item { margin: 0 -15px; } .sw-header { position: relative; z-index: 999; } .custom-login { position: relative; z-index: 999; } .content-center { text-align: center; margin-top: 10px; } .jsn-master .jsn-bootstrap .currency-value .jsn-help-block-inline { margin-left: 8px; margin-top: 0; } .sunfw-flex { display: -webkit-flex; display: flex; } .sunfw-flex.flex-items-middle { align-items: center; -webkit-align-items: center; } .sunfw-flex.flex-items-top { align-items: top; -webkit-align-items: top; } .sunfw-flex.flex-items-bottom { align-items: bottom; -webkit-align-items: bottom; } .sunfw-flex.flex-items-right { justify-content: flex-end; } .sunfw-flex:before, .sunfw-flex:after { display: none; } .sunfw-content { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } img { max-width: 100%; } .sunfw-scrollup { background-color: rgba(113, 127, 142, 0.5); display: none; position: fixed; bottom: 0; right: calc((100vw - 1170px)/2); color: #999; z-index: 10000; padding: 7px 15px 3px; transition: color 0.3s linear, background 0.3s ease-in-out; -moz-transition: color 0.3s linear, background 0.3s ease-in-out; -webkit-transition: color 0.3s linear, background 0.3s ease-in-out; text-align: center; } .sunfw-scrollup i { font-size: 20px; margin: 0 !important; } .sunfw-scrollup:hover { text-decoration: none; color: #fff; } .sunfw-scrollup.position-center { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; right: auto; } .sunfw-scrollup.position-left { left: calc((100vw - 1170px)/2); 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; } .chzn-container-single .chzn-single { height: 40px; border-radius: 0; line-height: 40px; padding-left: 8px; padding-right: 8px; } fieldset { margin-bottom: 20px; } .sample-module { margin-top: 20px; } /* ---------- Search Page ----------- */ .menu-bar.display-dropdown h3 i { font-size: 16px; margin: 0; } .menu-bar.display-dropdown h3 i:before { padding-right: 0; } .menu-bar.display-dropdown h3 span { font-size: 0; } form#searchForm { border: none; padding: 0; } form#searchForm .form-control.inputbox { min-width: 300px; } form#searchForm .searchintro { margin: 25px 0 10px; } form#searchForm fieldset { margin-top: 15px; } form#searchForm fieldset + fieldset.only { margin-top: -5px; } form#searchForm fieldset + fieldset.only + .form-limit { border-top: 1px solid #e7e9e9; padding-top: 50px; } form#searchForm fieldset legend { padding-bottom: 6px; margin-bottom: 8px; padding-top: 8px; } form#searchForm fieldset label.radio, form#searchForm fieldset label.checkbox { margin-top: 12px; margin-bottom: 12px; } form#searchForm fieldset label input { display: inline-block; position: inherit; margin: -3px 6px 0 0; vertical-align: middle; width: 15px; height: 15px; } form#searchForm fieldset .ordering-box { margin-top: 15px; } form#searchForm fieldset .ordering-box label { font-weight: bold; } form#searchForm fieldset .form-limit { margin-top: 25px; border-top: 1px solid #e7e9e9; padding-top: 50px; } form#searchForm p.counter { padding: 10px 0; } form#searchForm .chzn-container-single { margin: 5px 0 0; } a[href="#advancedSearch"] .icon-list:before { content: "\f03a"; margin-right: 6px; } .sunfw-direction-rtl a[href="#advancedSearch"] .icon-list:before { margin-left: 6px; margin-right: inherit; } .page-header + .icons .dropdown-menu li { padding-top: 0; padding-bottom: 0; } .page-header + .icons .dropdown-menu li a { padding-top: 5px; padding-bottom: 5px; } dl.search-results { margin: 10px 0; padding: 0; } dl.search-results dt.result-title { padding-top: 5px; font-size: 16px; font-weight: 500; } dl.search-results dt.result-title a { color: #1b212e; } dl.search-results dd.result-created:last-child { margin-bottom: 0; } dl.search-results .result-category { margin: 2px 0 10px; } dl.search-results .result-created { margin-bottom: 30px; } .chzn-container-single .chzn-single { border-radius: 0; box-shadow: none; background: transparent; border-color: #e7e9e9; height: 40px; line-height: 40px; } .chzn-container-single .chzn-single div b { margin: 10px 0; height: calc(100% - 20px); } .chzn-container-single .chzn-single span { margin-right: 0; } .sunfw-direction-rtl .chzn-container-single .chzn-single span { margin-left: 0; margin-right: inherit; } .sunfw-sticky.sunfw-sticky-open { position: fixed; top: 0; left: 0; width: 100%; right: 0; z-index: 999; } .sunfw-sticky.sunfw-sticky-open .sunfw-menu-head.navbar-default { margin-top: 0; } .search #searchForm .chzn-container-single-nosearch { min-width: 250px; width: auto !important; } #finder-search button.btn { padding-bottom: 9px; padding-top: 9px; margin-left: 10px; vertical-align: top; height: 40px; } .sunfw-direction-rtl #finder-search button.btn { margin-right: 10px; margin-left: inherit; } #finder-search button.btn + a[href="#advancedSearch"] { vertical-align: top; margin-left: 10px; font-size: 14px; font-weight: normal; color: #fff; text-transform: uppercase; } #finder-search .finder-selects { margin: 0 0 30px; } #finder-search .finder-selects:last-child { margin-bottom: 0; } #finder-search .finder-selects .control-label { margin-bottom: 8px; font-weight: bold; } #finder-search fieldset { margin-bottom: 30px; } #finder-search fieldset .form-group label { margin-right: 10px; } #finder-search #advancedSearch #search-query-explained { padding: 0; } #finder-search #advancedSearch #finder-filter-window .field-calendar { margin-top: 10px; } #finder-search #advancedSearch hr { margin-top: 30px; margin-bottom: 30px; } #finder-search #advancedSearch hr:first-child { display: none; } div#finder-filter-window .filter-branch .finder-selects { float: none; } #search-results #search-query-explained { padding: 0 0 27px; border-width: 0 0 1px; border-style: solid; margin: 26px 0 15px; border-color: rgba(67, 67, 67, 0.1); } #search-results ul.search-results { list-style: none; padding: 0; } #search-results ul.search-results h4.result-title { font-size: 14px; } #search-results ul.search-results .result-title a { color: #1b212e; font-weight: 500; } #search-results ul.search-results .result-url { word-wrap: break-word; } #search-results ul.search-results { margin-bottom: 28px; } #search-results ul.search-results + .search-pagination .search-pages-counter { text-align: center; margin-top: 15px; } /* ============ Top ============ */ .sunfw-pos-top { padding: 0; } /* ============ HEADER ============ */ .sunfw-header { box-shadow: 0 2px 4px 0 rgba(222, 222, 222, 0.5); } /* ============ PROMO ============ */ /* ============ MAINCONTENT ============ */ div#mailto-window { padding: 0 30px; } [class*="sunfw-view"] .calendar-container table + .buttons-wrapper .btn[class*="btn-"] { padding: 8px 18px; } .calendar-container table tbody td.day { padding: 10px 0; } .calendar-container .time td { padding: 8px 0 8px 5px; } /* ---------- Article Category Blog ----------- */ .page-header { padding: 0; margin: 0; border-bottom: none; } .page-header h1 { font-size: 24px; margin-top: 0; } .page-header h2 { margin-bottom: 0px; font-size: 14px; font-weight: bold; } .page-header h2 a { color: #191a1a; } .blog .page-header h1 { margin-bottom: 26px; } .blog .pull-left.item-image { margin-right: 0; } .small { font-size: 100%; } .article-info[class*="mut"] { color: rgba(25, 26, 26, 0.7); font-size: 12px; margin-bottom: 6px; margin-top: 6px; font-weight: normal; } .article-info[class*="mut"] dd { display: inline-block; padding: 0 10px 0 0; line-height: 22px; margin: 0; } .article-info[class*="mut"] dd:first-child { padding-right: 0; } .sunfw-direction-rtl .article-info[class*="mut"] dd:first-child { padding-left: 0; padding-right: inherit; } .article-info[class*="mut"] dd i.fa { margin-right: 3px; } .sunfw-direction-rtl .article-info[class*="mut"] dd i.fa { margin-left: 3px; margin-right: inherit; } .article-info[class*="mut"] dd.published .fa-calendar:before { content: "\f133"; } .article-info[class*="mut"] dd.createdby { padding-left: 0; } .sunfw-direction-rtl .article-info[class*="mut"] dd.createdby { padding-right: 0; padding-left: inherit; } .article-info[class*="mut"] dd.createdby .fa-user:before { content: "\f2c0"; } .article-info[class*="mut"] dd.category-name .fa-folder-open:before { content: "\f115"; } .article-info[class*="mut"] + .content_rating + form { margin-bottom: 20px; } .icons .btn-group .btn.dropdown-toggle { padding: 0; } .icons .btn-group .btn.dropdown-toggle .caret { margin-left: 5px; } .sunfw-direction-rtl .icons .btn-group .btn.dropdown-toggle .caret { margin-right: 5px; margin-left: inherit; } .icons .btn-group.open .btn.dropdown-toggle { box-shadow: none; } .layout-item .items-leading [class*="leading-"] { margin-bottom: 60px; } .layout-item .items-row { margin-bottom: 30px; } .layout-item .items-row:last-child { margin-bottom: 0; } .items-more { margin: 60px 0 0; clear: both; } .items-more .nav-tabs { border-color: #E7EAEE; } .items-more .nav-tabs > li > a { padding: 0 0 18px; margin: 0; border: none; color: #394A5C; } .items-more .nav-tabs > li > a:hover { background: transparent; } .content_rating { display: flex; align-items: center; margin: 15px 0px; } .content_rating p { margin: 0; margin-right: 10px; } .sunfw-direction-rtl .content_rating p { margin-left: 10px; margin-right: inherit; } .content_rating + form input[name="submit_vote"] { color: #fff; min-height: 40px; margin: 0 10px; } .content_rating + form .content_vote { display: flex; align-content: center; align-items: center; } .content_rating + form .content_vote label { margin-right: 5px; } .sunfw-direction-rtl .content_rating + form .content_vote label { margin-left: 5px; margin-right: inherit; } .sunfw-view-article .content_rating, p.readmore + .content_rating { float: right; } .sunfw-direction-rtl .sunfw-view-article .content_rating, .sunfw-direction-rtl p.readmore + .content_rating { float: left; } button { background: #ddd; } body[class*="sunfw-view-"] hr { margin-top: 50px; margin-bottom: 50px; } body[class*="sunfw-view-"] .chzn-container-single .chzn-single abbr { top: 50%; transform: translateY(-50%); } body[class*="sunfw-view-"] fieldset.radio label { margin-right: 10px; } body[class*="sunfw-view-"] .field-calendar .input-append button { vertical-align: top; height: 40px; } .blog-featured .item-image, .blog .item-image { margin-bottom: 16px; } .blog-featured .entry-content, .blog .entry-content { clear: both; } .blog-featured h2.item-title, .blog h2.item-title { margin-bottom: 2px; font-size: 16px; font-weight: bold; margin-top: 0; } .blog-featured h2.item-title a, .blog h2.item-title a { color: #191a1a; } .blog-featured .content_rating, .blog .content_rating { margin: 8px 0; } .readmore { margin: 3px 0 5px; float: left; } .sunfw-direction-rtl .readmore { float: right; } .readmore a.btn { padding: 0; background: transparent; border: none; font-weight: normal; font-size: 14px; text-transform: none; } .readmore a.btn:hover, .readmore a.btn:focus { background-color: transparent; box-shadow: none; } p.readmore + .content_rating { margin-bottom: 0; } .sunfw-com-config #modules-form .nav-tabs { margin-bottom: 30px; padding-bottom: 30px; } .sunfw-com-config #modules-form #options .input-append .btn { padding: 10px 15px; border: 1px solid #D1D6DE; display: inline-block; position: relative; margin-left: -1px; vertical-align: top; line-height: 1.5; height: 40px; } .sunfw-com-config #modules-form #options .input-append .add-on, .sunfw-com-config #modules-form #options .input-prepend .add-on { display: inline-block; width: auto; height: 40px; min-width: 16px; padding: 0 10px; font-size: 13px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc; vertical-align: top; line-height: 40px; } /* ---------- Article Category List ----------- */ .sunfw-com-mailto #mailto-window .control-group { margin-bottom: 20px; } .sunfw-com-mailto #mailto-window .control-group button[type="submit"] + button { font-size: 15px; padding: 12px 30px; border: none; line-height: 1.43; vertical-align: middle; margin: 0 10px; } .content-category .page-header { padding-top: 15px; } .content-category .category-desc + form fieldset.btn-toolbar { margin-bottom: 10px; margin-top: 25px; margin-left: 0; } .sunfw-direction-rtl .content-category .category-desc + form fieldset.btn-toolbar { margin-right: 0; margin-left: inherit; } .content-category .category-desc + form fieldset.btn-toolbar label { margin-right: 5px; } .sunfw-direction-rtl .content-category .category-desc + form fieldset.btn-toolbar label { margin-left: 5px; margin-right: inherit; } .content-category .category-desc + form fieldset.btn-toolbar label + input#filter-search { min-width: 200px; border-color: #dcdcdc; min-width: 300px; height: 40px; } .content-category .category-desc + form fieldset.btn-toolbar label[for="limit"] + select#limit { border-color: #dcdcdc; height: 30px; height: 40px; min-width: 70px; } .content-category .category-desc + form table td[headers="categorylist_header_date"] { font-size: 100%; } .content-category .cat-children { margin: 20px 0 0; } .content-category .cat-children h1 { font-size: 16px; font-weight: bold; margin-bottom: 30px; } .content-category .cat-children h3.page-header { padding: 0 0 15px; border-bottom: 2px solid #cccccc; margin-bottom: 15px; margin-top: 15px; } .content-category div.pagination { justify-content: flex-end; flex-direction: row-reverse; margin: 40px 0; justify-content: center; } .badge { padding: 4px 10px; font-size: 12px; font-weight: normal; color: #fff; background-color: #434343; border-radius: 0; } /* ---------- Article Categories ----------- */ .categories-list .page-header { margin-bottom: 10px; } .categories-list div.first:not(.base-desc) + div:not(.base-desc):not(.last) { margin: 20px 0 0; } .cat-children .item-title.page-header, .categories-list .item-title.page-header { padding-bottom: 15px; border-bottom: 1px solid #e7e9e9; margin-bottom: 15px; font-size: 16px; font-weight: bold; } .cat-children .item-title.page-header a, .cat-children .item-title.page-header a:hover, .categories-list .item-title.page-header a, .categories-list .item-title.page-header a:hover { color: #1b212e; background: transparent; border: none; } .cat-children div.category-desc + div.collapse, .categories-list div.category-desc + div.collapse { padding-left: 50px; max-width: calc(100% - 0px); } .sunfw-direction-rtl .cat-children div.category-desc + div.collapse, .sunfw-direction-rtl .categories-list div.category-desc + div.collapse { padding-right: 50px; padding-left: inherit; } .cat-children .item-title > a:first-child, .categories-list .item-title > a:first-child { margin-right: 10px; } .sunfw-direction-rtl .cat-children .item-title > a:first-child, .sunfw-direction-rtl .categories-list .item-title > a:first-child { margin-left: 10px; margin-right: inherit; } .cat-children .badge, .categories-list .badge { border: none; background: #434343; border-radius: 0; font-size: 12px; padding: 4px 10px; color: #fff; } .cat-children a[data-toggle="collapse"], .categories-list a[data-toggle="collapse"] { padding: 0; border-radius: 100%; } .cat-children a[data-toggle="collapse"]:active, .categories-list a[data-toggle="collapse"]:active { box-shadow: none; } .cat-children a[data-toggle="collapse"] .icon-plus:before, .categories-list a[data-toggle="collapse"] .icon-plus:before { content: ""; } .cat-children a[data-toggle="collapse"] .icon-minus:before, .categories-list a[data-toggle="collapse"] .icon-minus:before { content: ""; } .cat-children a .icon-plus:after, .cat-children a .icon-minus:after, .categories-list a .icon-plus:after, .categories-list a .icon-minus:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; font-size: 10px; width: 20px; height: 20px; background-color: rgba(67, 67, 67, 0.5); color: #fff; line-height: 20px; border-radius: 100%; } .cat-children a .icon-minus:after, .categories-list a .icon-minus:after { content: "\f068"; color: #fff; } .cat-children a .icon-plus:after, .categories-list a .icon-plus:after { content: "\f067"; } .cat-children a[aria-expanded="true"] .icon-plus:after, .categories-list a[aria-expanded="true"] .icon-plus:after { content: "\f068"; color: #a4a7ad; background-color: #cccccc; } .cat-children > h3 { font-size: 18px; font-weight: bold; margin-bottom: 18px; } .cat-children > div { margin-bottom: 20px; } .cat-children > div.last { margin-bottom: -15px; } /* ---------- Single Article ----------- */ span[class*="icon-"]:not(.icon-plus) { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; } .icon-print:before { content: "\f02f"; } .icon-envelope:before { content: "\f003"; } .icon-user:before { content: "\f007"; } .icon-remove:before { content: "\f00d"; } .icon-edit:before { content: "\f044"; } .icon-calendar:before { content: ""; } .icon-arrow-left:before { content: "\f060"; } .icon-picture:before { content: "\f03e"; } .icon-list:before { content: "\f03a"; } .icon-share-alt:before { content: "\f1e0"; } .icon-arrow-down:before { content: "\f063"; } button.btn .icon-calendar { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; } button.btn .icon-calendar:after { content: "\f073"; font-size: 14px; } .item-page .item-image { margin-bottom: 20px; } .item-page .articleBody p { margin-bottom: 15px; } .item-page .articleBody .alert p:last-child { margin-bottom: 0; } .item-page .article-index[class*="pull-"] + .articleBody { clear: none; } .item-page.edit ul.nav-tabs, .item-page.edit #com-content-formTabs { margin-bottom: 20px; } @media (max-width: 1199px) { .item-page.edit ul.nav-tabs li, .item-page.edit #com-content-formTabs li { margin-bottom: 10px; } } .item-page.edit ul.nav-tabs > li, .item-page.edit #com-content-formTabs > li { padding: 0; } .item-page.edit ul.nav-tabs > li > a, .item-page.edit #com-content-formTabs > li > a { padding: 8px 20px; border-radius: 0; border-width: 1px; border-style: solid; border-color: #e7e9e9; color: #191a1a; line-height: 1.5; font-size: 14px; font-weight: normal; margin: 0 2px; transition: all 0.3s ease-in-out; height: 40px; } .item-page.edit ul.nav-tabs > li > a:hover, .item-page.edit #com-content-formTabs > li > a:hover { color: #fff; } .item-page.edit ul.nav-tabs > li.active > a, .item-page.edit #com-content-formTabs > li.active > a { color: #fff; } .item-page.edit ul.nav-tabs > li:first-child > a, .item-page.edit #com-content-formTabs > li:first-child > a { margin-left: 0; } .item-page.edit #editor > .control-group .control-label { width: 10%; } .item-page.edit .control-group { margin: 0 0 20px; align-items: center; } .item-page.edit .control-group .control-label { margin-bottom: 10px; } .item-page.edit .control-group label { margin-right: 0; margin-bottom: 0; } .sunfw-direction-rtl .item-page.edit .control-group label { margin-left: 0; margin-right: inherit; } .item-page.edit #metadata .control-group { flex-direction: column; align-items: flex-start; } .item-page.edit .js-editor-tinymce .mce-edit-area { border-width: 1px 1px 0 0 !important; border-color: #d5d6d8; } .item-page.edit .js-editor-tinymce .mce-panel { border-color: #d5d6d8; background-color: #f8f8f8; } .item-page.edit .sunfw-media-selector input + .btn { padding: 8.5px 14px; vertical-align: top; background: #cccccc; border-color: #e7e9e9; border-width: 1px 1px 1px 0; color: #000; height: 40px; width: 40px; } .item-page.edit #attrib-sunfw-options:after { content: ""; display: table; clear: both; } .item-page.edit #com-content-formContent #images, .item-page.edit #publishing { margin-bottom: -15px; } .item-page.edit #com-content-formContent #images .control-label, .item-page.edit #publishing .control-label { margin: 10px 0 10px; } .item-page.edit #com-content-formContent #images .chzn-container-multi .chzn-choices, .item-page.edit #publishing .chzn-container-multi .chzn-choices { border-color: #d5d6d8; background: transparent; border-radius: 0; padding: 0 5px; } .item-page.edit #com-content-formContent #images .chzn-container-multi .chzn-choices li.search-field input[type="text"], .item-page.edit #publishing .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height: 43px; margin: 0; } .item-page.edit #com-content-formContent #images button.btn:not(.js-btn), .item-page.edit #publishing button.btn:not(.js-btn) { padding: 9px 11px; vertical-align: top; background: transparent; color: #000; border-width: 1px 1px 1px 0; border-style: solid; border-color: rgba(17, 43, 44, 0.1); margin: 0 0 0 -5px; height: 40px; width: 40px; background: #ccc; } .item-page.edit #publishing:after { content: ""; display: table; clear: both; } .item-page.edit #publishing .control-group { margin-bottom: 20px; flex-direction: column; align-items: flex-start; } .item-page.edit #publishing .calendar-container .table > tbody > tr > td { padding: 10px 8px; } .item-page.edit #metadata { margin-bottom: -10px; } .item-page.edit #metadata .control-label { flex: 0 0 15%; margin-top: 0; } .item-page.edit #metadata .control-group:first-child .control-label { margin-top: 10px; } .item-page.edit #language { margin-bottom: -5px; } .item-page.edit #language .control-group { margin-bottom: 10px; } .item-page.edit #language .control-label { width: 16%; } .item-page.edit .chzn-container.chzn-container-single, .item-page.edit .chzn-container-multi .chzn-choices, .item-page.edit select:not(.time), .item-page.edit textarea, .item-page.edit input[type="text"], .item-page.edit input[type="password"], .item-page.edit input[type="datetime"], .item-page.edit input[type="datetime-local"], .item-page.edit input[type="date"], .item-page.edit input[type="month"], .item-page.edit input[type="time"], .item-page.edit input[type="week"], .item-page.edit input[type="number"], .item-page.edit input[type="email"], .item-page.edit input[type="url"], .item-page.edit input[type="search"], .item-page.edit input[type="tel"], .item-page.edit input[type="color"], .item-page.edit .chzn-container-single .chzn-single { min-width: 355px; } .item-page.edit .input-append input[type="text"] { min-width: 275px; border-color: #e7e9e9; } .item-page.edit .input-append input[type="text"] + a + a.btn.hasTooltip { padding: 8.5px 10px; vertical-align: top; border-width: 1px 1px 1px 0; border-style: solid; border-color: #e7e9e9; width: 40px; color: #1b212e; background: #fff; height: 40px; } .item-page.edit .chzn-container-single .chzn-search input[type="text"] { min-width: 100%; } .item-page.edit .calendar-container table { max-width: 355px; } .item-page.edit button.btn:not(.btn-primary) { background: #fff; border-radius: 0 !important; font-weight: normal; text-transform: uppercase; border-width: 1px; border-style: solid; height: 40px; } .item-page.edit button.btn:not(.btn-primary):hover { color: #fff; } .item-page.edit form#adminForm { position: relative; } .item-page.edit form#adminForm .toggle-editor .btn { border: 1px solid #ccc; margin: 30px 0 0; } .item-page.edit form#adminForm > .btn-toolbar .btn-group { margin-left: 10px; } .item-page.edit form#adminForm > .btn-toolbar .btn-group:first-child { margin-left: 0; } .item-page.edit form#adminForm .pb3-dropdown.btn-group .pb3-dropdown-content { margin-top: 40px; min-width: 100%; } .item-page.edit #images { margin-bottom: -20px; overflow: auto; } .item-page.edit #images .input-prepend.input-append { position: relative; display: inline-block; } .item-page.edit #images .input-prepend.input-append .media-preview { width: 40px; height: 40px; float: left; border: 1px solid #e7e9e9; line-height: 40px; text-align: center; } .item-page.edit #images .input-prepend.input-append .modal.btn { position: absolute; display: inline-block; z-index: 1; max-width: 75px; border-width: 0 0 0 1px; border-color: #e7e9e9; border-style: solid; right: 41px; top: 2px; left: auto; padding: 9px 15px; background: #fff; bottom: 1px; color: #000; height: 36px; line-height: 20px; border-radius: 0; } .item-page.edit #params-sunfw-options { margin-bottom: -10px; } .item-page.edit #params-sunfw-options .control-label { margin: 0 0 10px; } .item-page.edit #params-sunfw-options .sunfw-gallery-selector > a { margin-top: 0; padding: 11px 15px; } .item-page .j2store-product-edit-form { background: transparent; padding: 0 0 50px; } .item-page .j2store-product-edit-form .panel { border-radius: 0; box-shadow: none; } .item-page .j2store-product-edit-form > hr { display: none; } .item-page #editor-xtd-buttons a.btn { padding: 15px 10px; } .sunfw-com-config .form-validate .form-horizontal .control-label { text-align: left; } .sunfw-com-config .form-validate .radio input[type="radio"] { margin: 4px 0 0; } /* ---------- Archive Article ----------- */ .archive .filter-search .btn { padding-bottom: 9px; padding-top: 9px; height: 40px; } .archive .filter-search > select { min-width: 80px; } .archive .article-info-term { display: none; } .archive > form > fieldset { margin-bottom: -5px; } .archive div.article-info dl.article-info { margin-bottom: 10px; } /* ---------- Administrator Components ----------- */ .article-index .nav-tabs { border: 1px solid #d5d6d8; } .article-index .nav-tabs > li > a { border-bottom: 1px solid #d5d6d8; border-width: 0 0 1px 0; border-radius: 0; margin: 0; color: #394a5c; } .article-index .nav-tabs > li.active > a:hover, .article-index .nav-tabs > li.active > a:focus { border-width: 0 0 1px 0; border-radius: 0; background-color: #eee; } .article-index + .articleBody .pagenavcounter { margin-bottom: 10px; } .article-index + .articleBody .pagenavcounter + p + ul { padding-left: 15px; padding-right: 15px; } /* ---------- Tag Category ----------- */ .tag-category form fieldset { margin: 30px 0 0; } .tag-category form fieldset button { padding: 10px 15px; vertical-align: top; background: #ddd; height: 40px; } .tag-category form fieldset button[name*="filter-"] i.fa { margin: 0; } .tag-category form fieldset label.filter-search-lbl { display: block; } .tag-category form fieldset .form-group + .btn-group { margin-top: 27px; } .tag-category form fieldset.filters button:not([class*="toggle"]):not(.modal) i.fa { margin: 0; } .tag-category > img { margin: 0 0 25px; display: block; } .tag-category .category { padding: 0; } .tag-category .category li { list-style: none; } .tag-category .category li h3 { margin-top: 0; font-size: 16px; margin-bottom: 5px; } .tag-category .category li img { margin-bottom: 20px; } .tag-category .category li a { color: #000; } .tag-category ul.thumbnails { padding: 0; } .tag-category ul.thumbnails li { list-style: none; } /* ---------- Comming Soon Page ----------- */ body.coming-soon .search #mod-search-searchword { margin-right: 6px; } .sunfw-direction-rtl body.coming-soon .search #mod-search-searchword { margin-left: 6px; margin-right: inherit; } .jsn-counter-wrap .info .number { color: #394A5C; font-family: Roboto; font-size: 32px; font-weight: bold; line-height: 80px; text-align: center; border: 1px solid #D1D6DE; width: 80px; height: 80px; display: block; background: #fff; } .jsn-counter-wrap .info .title { color: #394A5C; font-family: Roboto; font-size: 14px; line-height: 21px; text-align: center; margin-top: 20px; display: block; } /* ---------- Content Types ----------- */ .sunfw-link, .sunfw-gallery, .sunfw-video, .sunfw-standard { margin-bottom: 15px; } .sunfw-quote { margin-bottom: 10px; } .sunfw-link { background: #eeeeee; padding: 55px 25px; text-align: left; overflow: hidden; } .sunfw-link h2 { margin: 0; } .sunfw-link a { color: #1b212e; display: flex; align-content: center; align-items: center; font-weight: bold; } .sunfw-link a i { font-size: 240px; line-height: inherit; background: transparent; width: 85px; height: 118px; margin-right: 0; border-radius: 0; display: inline-block; float: none; position: relative; line-height: 125px; color: rgba(43, 46, 54, 0.19); margin-right: -26px; margin-left: -55px; margin-bottom: -42px; margin-top: -22px; } .sunfw-quote { background: rgba(217, 181, 60, 0.1) url(../../../images/joomlashine/sample/demo-content/31.jpg) no-repeat; padding: 28px 30px 6px 70px; background-size: cover; } .sunfw-quote i.fa-quote-left { display: none; } .sunfw-quote .text { margin-bottom: 0; } .sunfw-quote .author { font-weight: bold; font-style: normal; } #fancybox-outer { margin: 0 10px; } /* ---------- Content Types ----------- */ #sunfw-social-share { margin: 10px 0; } #sunfw-social-share a { display: inline-block; margin-left: 2px; margin-right: 2px; } #sunfw-social-share a i.fa { font-size: 22px; } /* ----------Joomla default general ----------- */ .box-content .article-info dd { font-size: 12px; } .pull-left.item-image { margin-right: 20px; } .pull-right.item-image { margin-left: 20px; } .filters .filter-search .chzn-container, .filters .filter-search button[type="submit"] { min-width: 99px !important; font-size: 14px; } @media (max-width: 767px) { .filters .filter-search .chzn-container, .filters .filter-search button[type="submit"] { min-width: 83px !important; } } .archive > form > fieldset { margin-bottom: 10px; } .tags .label-info { color: white; background-color: #109296; padding: 3px 10px; } .category-desc > p { margin-top: 15px; } .category-list .content-category h2 { font-size: 14px; color: #191a1a; margin-top: 0; } div[aria-label="breadcrumbs"] { margin-bottom: -30px; } /* ---------- Layout RTL ----------- */ .sunfw-direction-rtl .m-left-20 { margin-left: 20px !important; margin-right: 0 !important; } .sunfw-direction-rtl .p-right-0 { padding-right: 0 !important; padding-left: 20px !important; } .sunfw-direction-rtl .content_rating, .sunfw-direction-rtl p.readmore + .content_rating { float: left; } .sunfw-direction-rtl .blog .pull-left.item-image { margin-right: 0; width: 100%; } .sunfw-direction-rtl #contact-form.form-horizontal fieldset .control-group:last-child .controls { margin-right: 5px; } .sunfw-direction-rtl #contact-form.form-horizontal .control-group .control-label { margin-left: 10px; } .sunfw-direction-rtl .remember-me .controls { margin-right: 10px !important; } .sunfw-direction-rtl #user-registration .controls { margin-right: 155px !important; } .sunfw-direction-rtl .search-results dd { margin-right: 0; } .sunfw-direction-rtl .social i:last-child { padding-right: 10px; } .sunfw-direction-rtl .social i:first-child { padding-right: 0; } .sunfw-direction-rtl .breadcrumb li + li + li:after { content: '\f104'; font-family: 'FontAwesome'; color: #394a5c; } .sunfw-direction-rtl .breadcrumb li + li + li:before { content: none; } #search-form { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .content_vote select { width: auto; } .thumbnails-media .thumbnail .img-preview { height: 100%; display: flex; flex-direction: column; justify-content: center; } .thumbnails-media .thumbnail .img-preview.selected { border: 1px solid #119d0f; } .tip-wrap { z-index: 9; background: #fff; } .tip-wrap .tip-title > strong { margin-bottom: 10px; display: inline-block; } .tip-wrap .tip-title #TipImgpath { font-size: 12px; background: #000; color: #fff; padding: 10px; } .tip-wrap .tip { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 6px; } #jform_privacyconsent_privacy-lbl { position: relative; width: 250px; margin-right: 20px; } #jform_privacyconsent_privacy-lbl .modal { display: block; overflow: hidden; position: static; } #jform_privacyconsent_privacy-lbl label span.star { color: #fb3f3b; position: absolute; top: 0; } .social li i { width: 30px; height: 30px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; margin-right: 10px; background: #a4a4a4; transition: all 0.3s ease-in-out; line-height: 30px; } .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; } /*! * Sun Framework * Copyright 2016 Joomlashine. * @file _modules.scss */ .login-topbar { position: relative; margin: 6px 0; display: inline-block; float: right; } .sunfw-direction-rtl .login-topbar { float: left; } .login-topbar h3.box-title { font-size: 12px; margin: 0; font-weight: normal; cursor: pointer; color: #191a1a; } .login-topbar.display-dropdown .module-body { margin-top: 12px; width: 300px; border: 1px solid rgba(204, 204, 204, 0.1); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; visibility: hidden; position: absolute; left: 100%; z-index: 99999; background: #fbfbfb; padding: 20px; min-width: 200px; opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .sunfw-direction-rtl .login-topbar.display-dropdown .module-body { right: 100%; left: auto; } .sunfw-direction-rtl .login-topbar.display-dropdown .module-body { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .login-topbar.jsn-dropdown-active .module-body { opacity: 1; visibility: visible; } .login-topbar .checkbox { margin-left: 0; } .sunfw-direction-rtl .login-topbar .checkbox { margin-right: 0; margin-left: inherit; } .login-topbar .logout-button { margin-top: 15px; } ul.nav > li > a i.fa, ul.nav > li > span.nav-header i.fa { padding-right: 5px; } .sunfw-direction-rtl ul.nav > li > a i.fa { padding-right: 0; padding-left: 5px; } div.mod-languages ul.lang-inline { margin: 10px 0; } div.mod-languages ul.lang-inline a { text-decoration: underline; color: rgba(25, 26, 26, 0.7); font-size: 12px; } nav.navbar.sunfw-menu-head { background: transparent; border-color: transparent; border-radius: 0; border: none; margin-bottom: 0; min-height: auto; } nav.navbar.sunfw-menu-head .navbar-collapse { padding: 0; border: none; } nav.navbar.sunfw-menu-head ul.navbar-nav { float: right; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav { float: left; } nav.navbar.sunfw-menu-head ul.navbar-nav > li { transition: 0.3s ease-in-out; padding-top: 0; padding-bottom: 0; } nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent span.caret { margin-left: 8px; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent span.caret { margin-right: 8px; margin-left: inherit; } @media (min-width: 768px) { nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > a span.caret, nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > span.nav-header span.caret { border: none; position: absolute; } nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > a span.caret:before, nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > span.nav-header span.caret:before { content: "\f107"; font-family: FontAwesome; font-size: 14px; line-height: 1; font-weight: 100; } } nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent:hover > a { border-radius: 3px 3px 0 0; } nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu { padding: 2px 0; } nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret { display: inline-block; float: right; position: absolute; right: 25px; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret { left: 25px; right: auto; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) { padding: 40px 16px; display: inline-block; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it):after { content: ''; width: 0%; height: 2px; background-color: #ffffff; bottom: 38px; left: 50%; transition: all ease .3s; position: absolute; visibility: hidden; } @media (min-width: 768px) { nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it { padding: 11px 22px; color: #fff !important; font-weight: normal !important; margin-left: 30px; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it, .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it { margin-right: 30px; margin-left: inherit; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it:not(.btn-primary), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it:not(.btn-primary) { color: #fff; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it:not(.btn-primary):hover, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it:not(.btn-primary):hover { color: #fff; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it.btn-primary:focus, nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it.btn-primary:hover, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it.btn-primary:focus, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it.btn-primary:hover { background-color: #09194c !important; box-shadow: none; } } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a > span:not(.caret) { display: inline-block; vertical-align: top; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header .heading-data-title img, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a .heading-data-title img { margin-right: 8px; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header .heading-data-title img, .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > a .heading-data-title img { margin-left: 8px; margin-right: inherit; } nav.navbar.sunfw-menu-head ul.navbar-nav > li a, nav.navbar.sunfw-menu-head ul.navbar-nav > li span.nav-header { line-height: 1.5; font-weight: normal; } nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > a.get-it.btn:not(.btn-primary), nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > a.get-it.btn:not(.btn-primary), nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a.get-it.btn:not(.btn-primary) { color: #fff; box-shadow: none; } nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > a:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > a:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:not(.get-it):after { width: calc(100% - 16px); left: 8px; right: 8px; transition: all ease .3s; display: block; visibility: visible; } nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > span.nav-header > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > a > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > span.nav-header > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > a > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > span.nav-header > span:not(.caret), nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a > span:not(.caret) { display: inline-block; vertical-align: top; } nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a, nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:focus { background-color: transparent; box-shadow: none; } nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:hover { background-color: transparent; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:hover, nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:focus, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:hover, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:focus { background-color: transparent; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu { border-radius: 0; z-index: 999; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li { transition: all 0.3s ease-in-out; padding: 0; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header { padding: 9.5px 20px; font-weight: normal; display: block; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a > i.fa, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header > i.fa { margin-right: 6px; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a > i.fa, .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header > i.fa { margin-left: 6px; margin-right: inherit; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a:hover, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header:hover { background: transparent; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a:after, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header:after { content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; height: 1px; width: calc(100% - 40px); background: #cccccc; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li:last-child a:after, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li:last-child span.nav-header:after { display: none; } .megamenu.full-width ul.sunfw-megamenu-sub-menu ul { width: 100% !important; } .dropdown-menu { box-shadow: none; border: none; } .icons .dropdown-menu { border: 1px solid #d1d6de; border-radius: 0; } /* ===== MOBILE MENU ===== */ @media (max-width: 767px) { .col-menu { padding-left: 0px; padding-right: 0px; margin-left: 0 !important; margin-right: 0 !important; } nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > a:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > a:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:not(.get-it):after { display: none; } nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu { padding: 0; } nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret { right: 0; } .sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret { left: 0; right: auto; } .sunfw-menu-head .navbar-header { background: transparent; } .sunfw-menu-head .navbar-header button.navbar-toggle { background: transparent; margin: -42px 5px 0; border: none; padding: 10px; outline: none; } .sunfw-menu-head .navbar-header button.navbar-toggle i { display: block; color: #000; font-size: 20px; } .sunfw-menu { position: relative; z-index: 999; } ul.sunfw-tpl-menu.navbar-nav { margin: 0; float: none !important; } ul.sunfw-tpl-menu > li a.menutitle { padding: 10px 20px !important; } ul.sunfw-tpl-menu > li a.menutitle.dropdown-toggle { position: relative; } ul.sunfw-tpl-menu > li ul { padding: 0; -webkit-box-shadow: none !important; box-shadow: none !important; display: none !important; position: relative !important; } ul.sunfw-tpl-menu > li ul ul { padding: 0 20px; } ul.sunfw-tpl-menu > li ul.menuShow { float: none; display: block !important; width: 100%; } ul.sunfw-tpl-menu > li ul ul li { padding-left: 20px; } ul.sunfw-tpl-menu > li ul ul li a, ul.sunfw-tpl-menu > li ul ul li span.nav-header { padding-left: 30px !important; } .sunfw-header .sunfw-menu ul.sunfw-tpl-menu.navbar-nav { max-height: 480px; } .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: transparent; } #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a:hover, #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a:focus, #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a.current, ul.sunfw-megamenu-sub-menu li a:hover, ul.sunfw-megamenu-sub-menu li a:focus, ul.sunfw-megamenu-sub-menu li a.current { background-color: transparent; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li span.nav-header { padding-right: 20px !important; padding-left: 0; } .sunfw-menu ul.dropdown-menu, ul.sunfw-megamenu-sub-menu ul { width: 100% !important; } body.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul { right: 0 !important; } body.sunfw-direction-rtl .sunfw-menu-head .navbar-header button.navbar-toggle { float: left; } body.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul, body.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul { right: 0; left: auto; } } @media (min-width: 768px) { ul.sunfw-tpl-menu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; } ul.sunfw-tpl-menu > li.dropdown-submenu ul { margin: 0; border: solid 1px #ccc; position: absolute; width: 200px; left: auto; display: none; list-style: none; text-align: left; margin-top: -3px; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul { text-align: right; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li { 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, ul.sunfw-tpl-menu > li.dropdown-submenu ul li span.nav-header { position: relative; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:hover, ul.sunfw-tpl-menu > li.dropdown-submenu ul li span.nav-header:hover { background: transparent; } ul.sunfw-tpl-menu > li.dropdown-submenu ul li:last-child a:before { display: none; } ul.sunfw-tpl-menu > li.dropdown-submenu > ul { margin-top: 0; } 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 ul li.parent span.nav-header span.caret, ul.sunfw-tpl-menu ul li.parent a span.caret { position: absolute; border: none; right: 15px; } ul.sunfw-tpl-menu ul li.parent span.nav-header span.caret:before, ul.sunfw-tpl-menu ul li.parent a span.caret:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; line-height: 1; } .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 .sunfw-submenu-flipback ul { right: 0; left: auto !important; } ul.sunfw-tpl-menu .sunfw-submenu-flipback ul ul { right: 100%; text-align: right; } 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: 5px; border-right: 4px dashed; border-left: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul.dropdown-menu .caret { right: 5px; left: auto; } ul.sunfw-tpl-menu .sunfw-submenu-flipback > ul.sunfw-megamenu-sub-menu { right: 0 !important; } 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); } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul li:hover > ul { left: 100% !important; right: auto !important; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback > ul.sunfw-megamenu-sub-menu { left: 0 !important; right: auto !important; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu.sunfw-submenu-flipback li.dropdown-submenu .caret { right: 5px; left: auto; border-left: 4px dashed; border-right: none; } .sunfw-direction-rtl .sunfw-menu-head .navbar-header button.navbar-toggle { float: left; } } @media (min-width: 768px) and (max-width: 991px) { nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) { padding-left: 11px; padding-right: 11px; } } @media (max-width: 767px) { nav.navbar.sunfw-menu-head ul.navbar-nav > li > a { padding-left: 12px; padding-right: 12px; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it { margin: 0; color: #fff !important; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it:not(.btn-primary) { color: #fff; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) { display: block; padding: 10px 20px; border-bottom: 1px solid #222; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header { position: relative; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul { padding-left: 0; padding-right: 0; max-width: calc(100% + 10px); width: calc(100% + 10px) !important; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li span.nav-header { padding-left: 20px !important; } } /* ===== ANIMATION MENU ===== */ @media (min-width: 768px) { .sunfwMenuFading .sunfw-megamenu-sub-menu, .sunfwMenuFading .dropdown-menu, .sunfwMenuSlide .sunfw-megamenu-sub-menu, .sunfwMenuSlide .dropdown-menu { display: none; } .sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu ul { display: block !important; opacity: 0; visibility: hidden; transition: 0.3s !important; } .sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu:hover > ul { opacity: 1; visibility: visible; transition-delay: 0.3s !important; } .sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu ul li > ul { top: 0; left: 100%; } .sunfwMenuFading ul.sunfw-tpl-menu li.megamenu > ul { display: block !important; opacity: 0; visibility: hidden; transition: 0.3s !important; } .sunfwMenuFading ul.sunfw-tpl-menu li.megamenu:hover > ul { opacity: 1; visibility: visible; transition-delay: 0.3s !important; } .sunfwMenuNoneEffect ul.sunfw-tpl-menu > li > ul { display: none; } .sunfwMenuNoneEffect ul.sunfw-tpl-menu > li:hover > ul { display: block; } } ul.sunfw-tpl-menu .menudescription { display: block; font-size: 12px; text-transform: initial; } ul.sunfw-tpl-menu li > a > i { padding-right: 5px; } .sunfw-direction-rtl ul.sunfw-tpl-menu li > a > i { padding-left: 5px; 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 { position: absolute; padding: 0; width: 100%; z-index: 999; border: 1px solid #cccccc; margin-top: 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu a span.caret, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu span.nav-header span.caret { position: absolute; right: 15px; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu a span.caret, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu span.nav-header span.caret { left: 15px; right: auto; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu > ul { border: 1px solid #d1d6de; left: 100%; top: 0; transition: opacity 0.4s ease; padding: 5px 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu > ul { right: 100%; left: auto; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3.module-title { clear: both; background: transparent; margin-bottom: 15px; font-size: 14px; margin-top: 20px; padding: 0; margin-bottom: 12px; font-weight: bold; color: #191a1a; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li { padding: 0; list-style: none; position: relative; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li ul { opacity: 0; position: absolute; width: 100%; display: none; left: calc(100% - 20px); top: 0; list-style: none; background: #fff; border: 1px solid #ccc; padding: 0; margin-top: -1px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li ul li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li ul li span.nav-header { padding-left: 15px; padding-right: 15px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li:hover > ul { opacity: 1; display: block; z-index: 9; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li span.nav-header { padding: 9px 0; position: relative; display: block; font-weight: normal; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li a:after, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li span.nav-header:after { content: ''; position: absolute; top: 0; left: 15px; right: 15px; height: 1px; width: calc(100% - 30px); background: #ccc; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li:first-child > a:after, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li:first-child > span.nav-header:after { display: none; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer ul.mod-list > li > a:after, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer ul.mod-list > li > span.nav-header:after { left: 0; right: 0; width: calc(100%); } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret { right: 10px; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret { left: 10px; right: auto; } 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 ul { max-width: calc(100%); } 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; } 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: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; } .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-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.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret, ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > span.nav-header > span.caret { left: 0; right: auto; } ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret::before, ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > span.nav-header > span.caret::before { content: "\f104"; } ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer h3.module-title { text-align: right; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer h3.module-title { text-align: left; } .sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul ul { text-align: left; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > span.nav-header > span.caret { right: 0; left: auto; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret:before, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu.sunfw-submenu-flipback ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > span.nav-header > span.caret:before { content: "\f105"; } @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) { ul.sunfw-tpl-menu > li.megamenu { position: relative; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu { width: 100% !important; border-width: 0 0 1px; margin-top: 0; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3.module-title { margin-top: 10px; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer ul .menushow { border: none; padding: 0 15px; background: transparent; display: block !important; left: 0 !important; opacity: 1; } ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3.module-title { margin-top: 10px; padding: 0 15px; } 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 li { padding-left: 0; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li { padding-right: 0; padding-left: inherit; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li > a, ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li > span { padding-left: 0 !important; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li > a .caret, ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li > span .caret { height: 25px; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li.dropdown-submenu ul.dropdown-menu { left: 0 !important; display: none !important; } .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li.dropdown-submenu ul.dropdown-menu { right: 0 !important; left: auto; } ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li.dropdown-submenu ul.dropdown-menu.menushow { display: block !important; border: none !important; padding: 0px 15px; } ul.sunfw-tpl-menu li:last-child { border-bottom: none; } ul.sunfw-tpl-menu .caret { border: none; width: 48px; top: 0; position: absolute; right: 0; height: 100%; text-align: center; margin-top: 0; height: 40px; } .sunfw-direction-rtl ul.sunfw-tpl-menu .caret { left: 0; right: auto; } ul.sunfw-tpl-menu .caret:before { font-family: "fontawesome"; color: #000; font-size: 16px; vertical-align: middle; position: relative; top: 50%; transform: translatey(-50%); display: block; font-weight: normal; } ul.sunfw-tpl-menu .caret:before { content: "\f105"; } ul.sunfw-tpl-menu .caret.open:before { content: "\f107"; } .sunfw-menu-head.navbar-default .navbar-nav > li > a { padding: 10px 15px; } .sunfw-direction-rtl ul.sunfw-tpl-menu .caret:before { content: "\f104"; } } .sunfw-bottom .module-title .box-title { font-size: 14px; margin: 0 0 12px; } .sunfw-bottom ul.menu li a, .sunfw-bottom ul.menu li > span { padding: 2px 0; font-size: 14px; color: #191a1a; } .sunfw-bottom ul.menu li a:hover, .sunfw-bottom ul.menu li > span:hover { text-decoration: underline; } .hover-block { transition: box-shadow 0.3s ease-in-out; } .hover-lg-block { transition: all 0.3s ease-in-out; } .hover-lg-block:hover { box-shadow: 0 15px 33px 0 rgba(179, 179, 179, 0.7) !important; } .hover-lg-block:hover .hover-image:after { opacity: 1; } .d-flex form { display: flex; justify-content: space-between; } .sunfw-com-config.sunfw-view-modules .btn-toolbar button.btn:not(.btn-primary) { margin-left: 10px; background: transparent; border-width: 1px; border-style: solid; height: 40px; padding: 8px 20px; } .sunfw-com-config.sunfw-view-modules .btn-toolbar button.btn:not(.btn-primary):hover { color: #fff; } /* ============ PROMO IMAGE SHOW============ */ body#sunfw-master .pf-slider-wrapper .pf-slider-nav { background-color: rgba(25, 26, 26, 0.2); width: 30px; height: 30px; border-radius: 0; } body#sunfw-master .pf-slider-wrapper .pf-slider-nav::before { font-size: 19px; font-weight: normal; } body#sunfw-master .pf-slider-wrapper .pf-slider-nav[data-action="next"] { right: calc((100vw - 1170px)/2 - 25px); } body#sunfw-master .pf-slider-wrapper .pf-slider-nav[data-action="next"]::before { content: "\f105"; } body#sunfw-master .pf-slider-wrapper .pf-slider-nav[data-action="prev"] { left: calc((100vw - 1170px)/2 - 25px); } body#sunfw-master .pf-slider-wrapper .pf-slider-nav[data-action="prev"]::before { content: "\f104"; } .jsn-is-msnry-grid-item a.jsn-fancybox-item, .hover-image { display: block; position: relative; } .jsn-is-msnry-grid-item a.jsn-fancybox-item:after, .hover-image:after { width: 100%; height: 100%; left: 0; top: 0; content: ""; position: absolute; opacity: 0; transition: opacity .3s; pointer-events: none; z-index: 2; transition: opacity 0.3s ease-in-out; } .jsn-is-msnry-grid-item a.jsn-fancybox-item:before, .hover-image:before { display: inline-block; content: attr(title); line-height: 50px; color: #fff; border-radius: 100%; bottom: 6px; opacity: 0; position: absolute; left: 20px; z-index: 3; text-align: center; font-size: 18px; font-weight: 700; transition: opacity 0.3s ease-in-out; } .jsn-is-msnry-grid-item a.jsn-fancybox-item:hover:after, .jsn-is-msnry-grid-item a.jsn-fancybox-item:hover:before, .hover-image:hover:after, .hover-image:hover:before { opacity: 1; } .hover-bg { display: block; position: relative; } .hover-bg:after, .hover-bg:before { width: 100%; height: 100%; left: 0; top: 0; content: ""; position: absolute; opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none; z-index: 2; } .hover-bg:before { height: 6px; bottom: 0; top: auto; z-index: 99; transition: opacity 0.3s ease-in-out; } .hover-bg.cyan:after { background: #019d90; } .hover-bg.orange:after { background: #e86400; } .hover-bg.blue:after { background: #0e55aa; } .hover-bg:hover:after, .hover-bg:hover:before { opacity: 1; } .hover-bg > div { z-index: 3; } #sunfw-master section .hover-name > div { padding: 21px 40px !important; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; height: 0; position: absolute; left: 0; right: 0; z-index: 1; height: 100%; min-height: 60px; transform: scale(0); } #sunfw-master section .hover-name > h3 { visibility: visible; position: absolute; left: 0; right: 0; z-index: 2; } #sunfw-master section .hover-name:hover h3 { opacity: 0; visibility: hidden; z-index: 1; transition: visibility 0.5s ease-in-out; } #sunfw-master section .hover-name:hover > div { transform: scale(1); transition: transform 0.5s ease-in-out; z-index: 2; } .carousel-indicators li { padding: 0; margin: 1px 5px; } .carousel-indicators li.active { margin: 1px 5px; width: 10px; height: 10px; } .navigation-slider .galleria-image-nav .galleria-image-nav-right, .navigation-slider .galleria-image-nav .galleria-image-nav-left { width: 40px; height: 40px; z-index: 1111; font-size: 0; text-align: center; padding: 10px; z-index: 9; transition: all 0.25s ease-in-out; opacity: 1; } .navigation-slider .galleria-image-nav .galleria-image-nav-right:after, .navigation-slider .galleria-image-nav .galleria-image-nav-left:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #fff; width: 20px; height: 20px; line-height: 20px; } .navigation-slider .galleria-image-nav .galleria-image-nav-left { left: 30px; bottom: -16px; } .navigation-slider .galleria-image-nav .galleria-image-nav-left:after { content: "\f104"; } .navigation-slider .galleria-image-nav .galleria-image-nav-right { right: 30px; bottom: -16px; } .navigation-slider .galleria-image-nav .galleria-image-nav-right:after { content: "\f105"; } .sunfw-com-uniform .ui-datepicker .ui-datepicker-title select { width: 45%; } .sunfw-com-uniform .ui-datepicker .ui-datepicker-prev, .sunfw-com-uniform .ui-datepicker .ui-datepicker-next { top: 8px; } .form-horizontal #pb3-editor-switcher { display: flex; align-items: center; } .form-horizontal #pb3-editor-switcher input { display: none; } .form-horizontal #pb3-editor-switcher label.btn.active { margin-left: 0px; background: #109296; } .form-horizontal #pb3-editor-switcher label.btn { margin-left: 20px !important; border: 1px solid #109296; height: 40px; } .form-horizontal #pb3-editor-switcher label.btn:nth-child(2) { margin-left: 0px !important; } .form-horizontal #pb3-editor-switcher label.btn:hover { background: #109296; color: white; } .hover-icon a:hover { color: #11a7ac !important; } .show-blogs ul { padding: 0; } .show-blogs li.newsflash-item { list-style: none; margin: 16px 0 0; display: block; overflow: auto; padding: 0; } .show-blogs li.newsflash-item:first-child { margin-top: 0; } .show-blogs li.newsflash-item h5 { font-size: 14px; font-weight: 500; margin-top: 0; margin-bottom: 5px; } .show-blogs li.newsflash-item h5 a { color: #191a1a; } .show-blogs li.newsflash-item a.readmore { color: rgba(25, 26, 26, 0.6); font-size: 12px; font-weight: 500; } .show-blogs li.newsflash-item img { width: 110px; height: 70px; object-fit: fill; float: left; margin-right: 11px; margin-top: 3px; } .sunfw-direction-rtl .show-blogs li.newsflash-item img { float: right; } .sunfw-direction-rtl .show-blogs li.newsflash-item img { margin-left: 11px; margin-right: inherit; } .icon-eye:before { content: "\f06e"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: 0px; } .sunfw-link { background-image: url(../../../images/joomlashine/sample/demo-content/icon2.png); background-position: right bottom; background-size: contain; background-repeat: no-repeat; } .sunfw-link a { font-size: 18px; } .sunfw-link h2 i { display: none; } .d-block { display: block; } .text-right { text-align: right; } .first { width: 100%; } .first img { margin-bottom: 15px; } .first .category-desc { width: 100%; flex-wrap: wrap; } .jsn-master .jsn-narrow select[class*="jsn-input-"] { width: 100% !important; } .jsn-master .jsn-narrow input[type="text"], .jsn-master .jsn-narrow input.numer[class*="jsn-input"] { width: calc(100% - 30px) !important; } @media (max-width: 767px) { .sunfw-bottom .pl-50 { padding: 0 15px; } } @media only screen and (max-width: 480px), (max-device-width: 480px) { .jsn-master .jsn-daterangepicker.hasDatepicker { width: 89% !important; } } .p-0 { padding: 0px; } .pt-0 { padding-top: 0px; } .pb-0 { padding-bottom: 0px; } .pl-0 { padding-left: 0px; } .sunfw-direction-rtl .pl-0 { padding-right: 0px; padding-left: inherit; } .pr-0 { padding-right: 0px; } .sunfw-direction-rtl .pr-0 { padding-left: 0px; padding-right: inherit; } .p-5 { padding: 5px; } .pt-5 { padding-top: 5px; } .pb-5 { padding-bottom: 5px; } .pl-5 { padding-left: 5px; } .sunfw-direction-rtl .pl-5 { padding-right: 5px; padding-left: inherit; } .pr-5 { padding-right: 5px; } .sunfw-direction-rtl .pr-5 { padding-left: 5px; padding-right: inherit; } .p-10 { padding: 10px; } .pt-10 { padding-top: 10px; } .pb-10 { padding-bottom: 10px; } .pl-10 { padding-left: 10px; } .sunfw-direction-rtl .pl-10 { padding-right: 10px; padding-left: inherit; } .pr-10 { padding-right: 10px; } .sunfw-direction-rtl .pr-10 { padding-left: 10px; padding-right: inherit; } .p-15 { padding: 15px; } .pt-15 { padding-top: 15px; } .pb-15 { padding-bottom: 15px; } .pl-15 { padding-left: 15px; } .sunfw-direction-rtl .pl-15 { padding-right: 15px; padding-left: inherit; } .pr-15 { padding-right: 15px; } .sunfw-direction-rtl .pr-15 { padding-left: 15px; padding-right: inherit; } .p-20 { padding: 20px; } .pt-20 { padding-top: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .sunfw-direction-rtl .pl-20 { padding-right: 20px; padding-left: inherit; } .pr-20 { padding-right: 20px; } .sunfw-direction-rtl .pr-20 { padding-left: 20px; padding-right: inherit; } .p-25 { padding: 25px; } .pt-25 { padding-top: 25px; } .pb-25 { padding-bottom: 25px; } .pl-25 { padding-left: 25px; } .sunfw-direction-rtl .pl-25 { padding-right: 25px; padding-left: inherit; } .pr-25 { padding-right: 25px; } .sunfw-direction-rtl .pr-25 { padding-left: 25px; padding-right: inherit; } .p-30 { padding: 30px; } .pt-30 { padding-top: 30px; } .pb-30 { padding-bottom: 30px; } .pl-30 { padding-left: 30px; } .sunfw-direction-rtl .pl-30 { padding-right: 30px; padding-left: inherit; } .pr-30 { padding-right: 30px; } .sunfw-direction-rtl .pr-30 { padding-left: 30px; padding-right: inherit; } .p-35 { padding: 35px; } .pt-35 { padding-top: 35px; } .pb-35 { padding-bottom: 35px; } .pl-35 { padding-left: 35px; } .sunfw-direction-rtl .pl-35 { padding-right: 35px; padding-left: inherit; } .pr-35 { padding-right: 35px; } .sunfw-direction-rtl .pr-35 { padding-left: 35px; padding-right: inherit; } .p-40 { padding: 40px; } .pt-40 { padding-top: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; } .sunfw-direction-rtl .pl-40 { padding-right: 40px; padding-left: inherit; } .pr-40 { padding-right: 40px; } .sunfw-direction-rtl .pr-40 { padding-left: 40px; padding-right: inherit; } .p-45 { padding: 45px; } .pt-45 { padding-top: 45px; } .pb-45 { padding-bottom: 45px; } .pl-45 { padding-left: 45px; } .sunfw-direction-rtl .pl-45 { padding-right: 45px; padding-left: inherit; } .pr-45 { padding-right: 45px; } .sunfw-direction-rtl .pr-45 { padding-left: 45px; padding-right: inherit; } .p-50 { padding: 50px; } .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .pl-50 { padding-left: 50px; } .sunfw-direction-rtl .pl-50 { padding-right: 50px; padding-left: inherit; } .pr-50 { padding-right: 50px; } .sunfw-direction-rtl .pr-50 { padding-left: 50px; padding-right: inherit; } .p-55 { padding: 55px; } .pt-55 { padding-top: 55px; } .pb-55 { padding-bottom: 55px; } .pl-55 { padding-left: 55px; } .sunfw-direction-rtl .pl-55 { padding-right: 55px; padding-left: inherit; } .pr-55 { padding-right: 55px; } .sunfw-direction-rtl .pr-55 { padding-left: 55px; padding-right: inherit; } .p-60 { padding: 60px; } .pt-60 { padding-top: 60px; } .pb-60 { padding-bottom: 60px; } .pl-60 { padding-left: 60px; } .sunfw-direction-rtl .pl-60 { padding-right: 60px; padding-left: inherit; } .pr-60 { padding-right: 60px; } .sunfw-direction-rtl .pr-60 { padding-left: 60px; padding-right: inherit; } .p-65 { padding: 65px; } .pt-65 { padding-top: 65px; } .pb-65 { padding-bottom: 65px; } .pl-65 { padding-left: 65px; } .sunfw-direction-rtl .pl-65 { padding-right: 65px; padding-left: inherit; } .pr-65 { padding-right: 65px; } .sunfw-direction-rtl .pr-65 { padding-left: 65px; padding-right: inherit; } .p-70 { padding: 70px; } .pt-70 { padding-top: 70px; } .pb-70 { padding-bottom: 70px; } .pl-70 { padding-left: 70px; } .sunfw-direction-rtl .pl-70 { padding-right: 70px; padding-left: inherit; } .pr-70 { padding-right: 70px; } .sunfw-direction-rtl .pr-70 { padding-left: 70px; padding-right: inherit; } .p-75 { padding: 75px; } .pt-75 { padding-top: 75px; } .pb-75 { padding-bottom: 75px; } .pl-75 { padding-left: 75px; } .sunfw-direction-rtl .pl-75 { padding-right: 75px; padding-left: inherit; } .pr-75 { padding-right: 75px; } .sunfw-direction-rtl .pr-75 { padding-left: 75px; padding-right: inherit; } .p-80 { padding: 80px; } .pt-80 { padding-top: 80px; } .pb-80 { padding-bottom: 80px; } .pl-80 { padding-left: 80px; } .sunfw-direction-rtl .pl-80 { padding-right: 80px; padding-left: inherit; } .pr-80 { padding-right: 80px; } .sunfw-direction-rtl .pr-80 { padding-left: 80px; padding-right: inherit; } .p-85 { padding: 85px; } .pt-85 { padding-top: 85px; } .pb-85 { padding-bottom: 85px; } .pl-85 { padding-left: 85px; } .sunfw-direction-rtl .pl-85 { padding-right: 85px; padding-left: inherit; } .pr-85 { padding-right: 85px; } .sunfw-direction-rtl .pr-85 { padding-left: 85px; padding-right: inherit; } .p-90 { padding: 90px; } .pt-90 { padding-top: 90px; } .pb-90 { padding-bottom: 90px; } .pl-90 { padding-left: 90px; } .sunfw-direction-rtl .pl-90 { padding-right: 90px; padding-left: inherit; } .pr-90 { padding-right: 90px; } .sunfw-direction-rtl .pr-90 { padding-left: 90px; padding-right: inherit; } .p-95 { padding: 95px; } .pt-95 { padding-top: 95px; } .pb-95 { padding-bottom: 95px; } .pl-95 { padding-left: 95px; } .sunfw-direction-rtl .pl-95 { padding-right: 95px; padding-left: inherit; } .pr-95 { padding-right: 95px; } .sunfw-direction-rtl .pr-95 { padding-left: 95px; padding-right: inherit; } .p-100 { padding: 100px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .pl-100 { padding-left: 100px; } .sunfw-direction-rtl .pl-100 { padding-right: 100px; padding-left: inherit; } .pr-100 { padding-right: 100px; } .sunfw-direction-rtl .pr-100 { padding-left: 100px; padding-right: inherit; } .m-0 { margin: 0px; } .mt-0 { margin-top: 0px; } .mb-0 { margin-bottom: 0px; } .ml-0 { margin-left: 0px; } .sunfw-direction-rtl .ml-0 { margin-right: 0px; margin-left: inherit; } .mr-0 { margin-right: 0px; } .sunfw-direction-rtl .mr-0 { margin-left: 0px; margin-right: inherit; } .m-5 { margin: 5px; } .mt-5 { margin-top: 5px; } .mb-5 { margin-bottom: 5px; } .ml-5 { margin-left: 5px; } .sunfw-direction-rtl .ml-5 { margin-right: 5px; margin-left: inherit; } .mr-5 { margin-right: 5px; } .sunfw-direction-rtl .mr-5 { margin-left: 5px; margin-right: inherit; } .m-10 { margin: 10px; } .mt-10 { margin-top: 10px; } .mb-10 { margin-bottom: 10px; } .ml-10 { margin-left: 10px; } .sunfw-direction-rtl .ml-10 { margin-right: 10px; margin-left: inherit; } .mr-10 { margin-right: 10px; } .sunfw-direction-rtl .mr-10 { margin-left: 10px; margin-right: inherit; } .m-15 { margin: 15px; } .mt-15 { margin-top: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; } .sunfw-direction-rtl .ml-15 { margin-right: 15px; margin-left: inherit; } .mr-15 { margin-right: 15px; } .sunfw-direction-rtl .mr-15 { margin-left: 15px; margin-right: inherit; } .m-20 { margin: 20px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .sunfw-direction-rtl .ml-20 { margin-right: 20px; margin-left: inherit; } .mr-20 { margin-right: 20px; } .sunfw-direction-rtl .mr-20 { margin-left: 20px; margin-right: inherit; } .m-25 { margin: 25px; } .mt-25 { margin-top: 25px; } .mb-25 { margin-bottom: 25px; } .ml-25 { margin-left: 25px; } .sunfw-direction-rtl .ml-25 { margin-right: 25px; margin-left: inherit; } .mr-25 { margin-right: 25px; } .sunfw-direction-rtl .mr-25 { margin-left: 25px; margin-right: inherit; } .m-30 { margin: 30px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; } .sunfw-direction-rtl .ml-30 { margin-right: 30px; margin-left: inherit; } .mr-30 { margin-right: 30px; } .sunfw-direction-rtl .mr-30 { margin-left: 30px; margin-right: inherit; } .m-35 { margin: 35px; } .mt-35 { margin-top: 35px; } .mb-35 { margin-bottom: 35px; } .ml-35 { margin-left: 35px; } .sunfw-direction-rtl .ml-35 { margin-right: 35px; margin-left: inherit; } .mr-35 { margin-right: 35px; } .sunfw-direction-rtl .mr-35 { margin-left: 35px; margin-right: inherit; } .m-40 { margin: 40px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .sunfw-direction-rtl .ml-40 { margin-right: 40px; margin-left: inherit; } .mr-40 { margin-right: 40px; } .sunfw-direction-rtl .mr-40 { margin-left: 40px; margin-right: inherit; } .m-45 { margin: 45px; } .mt-45 { margin-top: 45px; } .mb-45 { margin-bottom: 45px; } .ml-45 { margin-left: 45px; } .sunfw-direction-rtl .ml-45 { margin-right: 45px; margin-left: inherit; } .mr-45 { margin-right: 45px; } .sunfw-direction-rtl .mr-45 { margin-left: 45px; margin-right: inherit; } .m-50 { margin: 50px; } .mt-50 { margin-top: 50px; } .mb-50 { margin-bottom: 50px; } .ml-50 { margin-left: 50px; } .sunfw-direction-rtl .ml-50 { margin-right: 50px; margin-left: inherit; } .mr-50 { margin-right: 50px; } .sunfw-direction-rtl .mr-50 { margin-left: 50px; margin-right: inherit; } .m-55 { margin: 55px; } .mt-55 { margin-top: 55px; } .mb-55 { margin-bottom: 55px; } .ml-55 { margin-left: 55px; } .sunfw-direction-rtl .ml-55 { margin-right: 55px; margin-left: inherit; } .mr-55 { margin-right: 55px; } .sunfw-direction-rtl .mr-55 { margin-left: 55px; margin-right: inherit; } .m-60 { margin: 60px; } .mt-60 { margin-top: 60px; } .mb-60 { margin-bottom: 60px; } .ml-60 { margin-left: 60px; } .sunfw-direction-rtl .ml-60 { margin-right: 60px; margin-left: inherit; } .mr-60 { margin-right: 60px; } .sunfw-direction-rtl .mr-60 { margin-left: 60px; margin-right: inherit; } .m-65 { margin: 65px; } .mt-65 { margin-top: 65px; } .mb-65 { margin-bottom: 65px; } .ml-65 { margin-left: 65px; } .sunfw-direction-rtl .ml-65 { margin-right: 65px; margin-left: inherit; } .mr-65 { margin-right: 65px; } .sunfw-direction-rtl .mr-65 { margin-left: 65px; margin-right: inherit; } .m-70 { margin: 70px; } .mt-70 { margin-top: 70px; } .mb-70 { margin-bottom: 70px; } .ml-70 { margin-left: 70px; } .sunfw-direction-rtl .ml-70 { margin-right: 70px; margin-left: inherit; } .mr-70 { margin-right: 70px; } .sunfw-direction-rtl .mr-70 { margin-left: 70px; margin-right: inherit; } .m-75 { margin: 75px; } .mt-75 { margin-top: 75px; } .mb-75 { margin-bottom: 75px; } .ml-75 { margin-left: 75px; } .sunfw-direction-rtl .ml-75 { margin-right: 75px; margin-left: inherit; } .mr-75 { margin-right: 75px; } .sunfw-direction-rtl .mr-75 { margin-left: 75px; margin-right: inherit; } .m-80 { margin: 80px; } .mt-80 { margin-top: 80px; } .mb-80 { margin-bottom: 80px; } .ml-80 { margin-left: 80px; } .sunfw-direction-rtl .ml-80 { margin-right: 80px; margin-left: inherit; } .mr-80 { margin-right: 80px; } .sunfw-direction-rtl .mr-80 { margin-left: 80px; margin-right: inherit; } .m-85 { margin: 85px; } .mt-85 { margin-top: 85px; } .mb-85 { margin-bottom: 85px; } .ml-85 { margin-left: 85px; } .sunfw-direction-rtl .ml-85 { margin-right: 85px; margin-left: inherit; } .mr-85 { margin-right: 85px; } .sunfw-direction-rtl .mr-85 { margin-left: 85px; margin-right: inherit; } .m-90 { margin: 90px; } .mt-90 { margin-top: 90px; } .mb-90 { margin-bottom: 90px; } .ml-90 { margin-left: 90px; } .sunfw-direction-rtl .ml-90 { margin-right: 90px; margin-left: inherit; } .mr-90 { margin-right: 90px; } .sunfw-direction-rtl .mr-90 { margin-left: 90px; margin-right: inherit; } .m-95 { margin: 95px; } .mt-95 { margin-top: 95px; } .mb-95 { margin-bottom: 95px; } .ml-95 { margin-left: 95px; } .sunfw-direction-rtl .ml-95 { margin-right: 95px; margin-left: inherit; } .mr-95 { margin-right: 95px; } .sunfw-direction-rtl .mr-95 { margin-left: 95px; margin-right: inherit; } .m-100 { margin: 100px; } .mt-100 { margin-top: 100px; } .mb-100 { margin-bottom: 100px; } .ml-100 { margin-left: 100px; } .sunfw-direction-rtl .ml-100 { margin-right: 100px; margin-left: inherit; } .mr-100 { margin-right: 100px; } .sunfw-direction-rtl .mr-100 { margin-left: 100px; 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: 99999; } .off-canvas-base .close-offcanvas { z-index: 99999; 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; } body#sunfw-master .off-canvas-base .toggle-offcanvas.middle { line-height: 30px; } body#sunfw-master .off-canvas-base .toggle-offcanvas i { margin: 0; } @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: #fff; } .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 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 > 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; } } .icons .dropdown-menu { border: 1px solid #d1d6de; border-radius: 0; } .offcanvas-content { overflow-y: scroll; } .offcanvas-content .sunfw-tpl-menu { display: flex; flex-direction: column; float: none !important; text-align: left; } .sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu { text-align: right; } .offcanvas-content .sunfw-tpl-menu ul { position: relative !important; left: 0 !important; opacity: 1 !important; border: none !important; width: 100% !important; padding: 0 0 0 10px !important; } .sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu ul { right: 0 !important; left: auto; } .offcanvas-content .sunfw-tpl-menu ul ul.dropdown-menu { display: none; } .offcanvas-content .sunfw-tpl-menu li { width: 100%; float: none; } .offcanvas-content .sunfw-tpl-menu li ul { height: 0; overflow: hidden; } .offcanvas-content .sunfw-tpl-menu li ul.menuShow { height: auto; display: block !important; box-shadow: none; } .offcanvas-content .sunfw-tpl-menu li a, .offcanvas-content .sunfw-tpl-menu li span.nav-header { position: relative; padding: 10px 20px !important; text-align: left; width: 100%; } .sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu li a, .sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu li span.nav-header { text-align: right; } .offcanvas-content .sunfw-tpl-menu li .fa { margin-right: 5px; } .offcanvas-content .sunfw-tpl-menu li span.caret { position: absolute; right: 5px !important; top: 50% !important; border: none !important; width: 40px; height: 40px; text-align: center; margin: 0 !important; line-height: 40px; transform: translateY(-50%); cursor: pointer; } .sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu li span.caret { left: 5px !important; right: auto; } .offcanvas-content .sunfw-tpl-menu li span.caret:before { content: "" !important; font-family: FontAwesome; transform: translate(50%, 50%); } .offcanvas-content .sunfw-tpl-menu li span.caret.open:before { content: "" !important; } .offcanvas-content .sunfw-tpl-menu > li > a:not(.get-it):after, .offcanvas-content .sunfw-tpl-menu > li:hover > a:not(.get-it):after, .offcanvas-content .sunfw-tpl-menu > li:hover > span.nav-header:not(.get-it):after { display: none !important; } .offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu .col-xs-3 { width: 100%; } .offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul { height: auto; overflow: hidden; } .offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul > li ul { height: 0; overflow: hidden; } .offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul > li ul.menuShow { height: auto; display: block !important; box-shadow: none; margin-top: 0; } .offcanvas-content ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li a:after, .offcanvas-content ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li span.nav-header:after { display: none; } .offcanvas-content ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul li ul { margin-top: 0; } body .off-canvas-base .toggle-offcanvas.middle { padding: 13px 23px !important; } .item-image.pull-none img { width: 100%; } .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-form-content .radio, .jsn-form-content .checkbox { position: relative; display: inline-block; padding-left: 20px; vertical-align: middle; cursor: pointer; } .jsn-uniform.jsn-master button.ui-datepicker-trigger { border: none; position: absolute; top: 1px; right: 1px; padding: 10px; height: 40px; } .jsn-uniform.jsn-master .input-append { position: relative; display: inline-block; } .jsn-uniform.jsn-master .jsn-bootstrap select { height: 40px; } .jsn-uniform.jsn-master input[type="text"] { margin-bottom: 10px; } .jsn-uniform .form-actions .btn-toolbar .btn.jsn-form-submit { padding: 10px 60px; margin-top: -15px; } #tpl-contact-form .jsn-uniform.jsn-master .jsn-row-container .form-actions { margin-right: 15px; margin-left: 0; padding: 10px 0; } .sunfw-direction-rtl #tpl-contact-form .jsn-uniform.jsn-master .jsn-row-container .form-actions { margin-right: 0px; } #tpl-contact-form .jsn-uniform.jsn-master .jsn-bootstrap .control-group { padding: 0; } #tpl-contact-form .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight { background-color: white !important; border-color: white !important; } #tpl-contact-form .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label { color: #191a1a; font-size: 14px; font-weight: 500; margin-top: 12px; } .form-inline .form-control { max-width: 378px; } .body.jsn-error-page { font-family: 'Poppins', sans-serif; height: 100vh; width: 100%; display: flex; overflow: hidden; background-image: url("../images/404.jpg"); background-position: center bottom; background-size: 100%; background-repeat: no-repeat; } .body.jsn-error-page .container { width: 100%; } .jsn-error.container { width: 100vw; padding: 0; } .page-404 .pb-custom-html { padding: 0; } .jsn-error .well { padding: 0; margin-bottom: 0; width: 100vw; border: none; background-color: inherit; box-shadow: none; } .goto-home a { padding-left: 10px; background-color: #109296; height: 40px; line-height: 40px; padding: 0 20px; border: none; } .goto-home a:hover { background: #11a7ac; } .jsn-error-page .jsn-error-inner { display: flex; align-items: center; width: 100%; } .jsn-error-page .table { border: none; width: 100vw; text-align: center; } @media (max-width: 767) { .jsn-error-page .table .table-cell { padding-top: 70px; } } .jsn-error-page .table .table-cell { padding-top: 100px; } .jsn-error-page .table .table-cell h1 { font-family: 'Poppins', sans-serif; font-size: 50px; font-weight: bold; color: #191a1a; text-align: center; border-bottom: none; } .jsn-error-page .table .table-cell .content-inner h3 { font-size: 40px; color: #191a1a; } .jsn-error-page .table .table-cell .content-inner p { font-size: 16px; margin: 23px 0; } .jsn-error-page .table .table-cell .content-inner .back-home a { height: 53px; line-height: 53px; padding: 0 30px; border-radius: 5px; background-color: #ff2834; border: none; } .jsn-error-page .table .table-cell .content-inner .back-home a:hover { background-color: #b30d00; } @media (max-width: 767px) { .jsn-error-page .table .table-cell .content-inner { padding: 0 15px; } .jsn-error-page .table .table-cell .content-inner h3 { font-size: 20px; line-height: 1.5; } } body.site.offline h2 { font-weight: bold; line-height: 1.5; font-size: 68px; } body.site.offline #content { display: flex; height: calc(100vh); align-items: center; text-align: center; background: url(../../../images/joomlashine/sample/demo-content/coming_soon.jpg); justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; } body.site.offline .content-inner { text-transform: uppercase; color: #ffffff; text-align: center; } body.site.offline .content-inner p { margin-bottom: 15px; font-size: 20px; } body.site.offline .content-inner .countdown-timer .countdown { width: 100px; height: 100px; border: solid 1px #109296; background-color: #109296; font-size: 60px; font-weight: 500; line-height: 100px; margin-bottom: 15px; } body.site.offline .content-inner .countdown-timer .day-container, body.site.offline .content-inner .countdown-timer .hour-container, body.site.offline .content-inner .countdown-timer .minute-container, body.site.offline .content-inner .countdown-timer .second-container { font-size: 20px; } body.site.offline .input-group { margin-right: 10px; } body.site.offline .input-group .input-group-prepend { position: absolute; z-index: 9; height: 40px; width: 40px; line-height: 40px; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 3px 0 0 3px; } body.site.offline .input-group .input-group-prepend i { color: #333; } body.site.offline .input-group .pd-left { padding-left: 45px; border-radius: 3px; } body.site.offline .countdown-timer { margin: 10px 0 40px; } body.site.offline input.btn.btn-primary { height: 40px; background-color: #109296; border-color: #109296; width: 75px; } body.site.offline input.btn.btn-primary:hover { background-color: #11a7ac; } .coming-soon h3 { font-weight: bold; line-height: 1.5; font-size: 68px; } .coming-soon .countdown > div div span { width: 100px; height: 100px; border: solid 1px #109296; background-color: #109296; font-size: 60px; font-weight: 500; line-height: 100px; margin-bottom: 15px; display: inline-block; } .coming-soon .countdown > div div label { color: white; font-size: 20px; } @media (max-width: 767px) { body.site { text-align: center; } body.site .input-group { margin: 0 0 15px 0; } body.site #form-login { justify-content: center; display: flex; } body.site .content-inner h2 { font-size: 50px; } body.site .content-inner p { font-size: 15px; } body.site .content-inner .countdown-timer .countdown { width: 60px; height: 60px; font-size: 25px; line-height: 60px; } .coming-soon h3 { font-size: 50px; } .coming-soon .countdown > div div { padding: 5px; } .coming-soon .countdown > div div span { width: 60px; height: 60px; font-size: 25px; line-height: 60px; } .coming-soon .countdown > div div label { color: white; font-size: 15px; } } ul.tags { margin-bottom: 15px; margin-top: 5px; margin-left: 0; } .sunfw-direction-rtl ul.tags { margin-right: 0; margin-left: inherit; } ul.tags li { padding: 0 2px; display: inline-block; margin: 5px 0; } ul.tags .fa-tag { margin-right: 0; } .sunfw-direction-rtl ul.tags .fa-tag { margin-left: 0; margin-right: inherit; } ul.tags .fa-tag:before { content: '#'; } .label-info { border-radius: 0; color: inherit; border: solid 1px rgba(67, 67, 67, 0.2); font-size: 12px; font-weight: normal; padding: 3px 15px; background-color: transparent; } .display-limit { margin-bottom: 30px; } .blog-featured .filters { display: none; } .blog-featured .category.table tr td { border-width: 0; } .blog-featured .category.table .item-title { color: #109296; } .blog-featured .category.table .odd { background: #f5f5f5; } .contact #selectForm { margin-bottom: 20px; } .contact #selectForm select { -webkit-appearance: none; -moz-appearance: none; margin-left: 10px; } .sunfw-direction-rtl .contact #selectForm select { margin-right: 10px; margin-left: inherit; } .contact #contact-form { position: relative; margin-bottom: 5px; } @media (max-width: 767px) { .contact #contact-form { padding: 0 15px; } } .contact .page-header h2 { font-size: 28px; } .contact #selectForm + #slide-contact.accordion { margin-top: 30px; } .contact #contact-form.form-horizontal .control-group { padding-bottom: 15px; } .contact #contact-form.form-horizontal .control-group:before { display: table; line-height: 0; content: " "; clear: both; } .contact #contact-form.form-horizontal .control-group.field-spacer .control-label { text-align: left; padding: 0 20px; } .contact #contact-form.form-horizontal .control-group.field-spacer .control-label #jform_spacer-lbl { position: relative; } .contact #contact-form.form-horizontal .control-group.field-spacer .control-label #jform_spacer-lbl strong { position: absolute; right: -10px; left: auto; } .contact #contact-form.form-horizontal .control-group .control-label { float: left; width: 210px; padding-top: 10px; 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 .control-label #jform_spacer-lbl { margin-bottom: 22px; margin-top: 12px; } .contact #contact-form.form-horizontal .control-group .controls { margin-left: 224px; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls { margin-right: 224px; margin-left: inherit; } .contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; width: 280px; } .contact #contact-form.form-horizontal .control-group .controls input:focus, .contact #contact-form.form-horizontal .control-group .controls textarea:focus { 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: 15px; width: auto; } .contact #contact-form.form-horizontal fieldset .control-group:last-child { margin-top: -15px; display: flex; } .contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label { width: 220px; } .sunfw-direction-rtl .contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label { width: 206px; } .contact #contact-form.form-horizontal fieldset .control-group:last-child .controls { margin-left: 5px; } .contact #contact-form.form-horizontal fieldset .control-group:last-child #jform_contact_email_copy-lbl, .contact #contact-form.form-horizontal fieldset .control-group:last-child .optional { margin-right: 10px; } .contact .accordion-group { margin-bottom: 25px; } .contact .accordion-group fieldset { padding: 0; margin: 0; } .contact .accordion-group fieldset legend { display: none; } .contact .accordion-group .accordion-heading { font-size: 14px; padding: 0; line-height: 1; } .contact .accordion-group .accordion-heading a { color: inherit; padding: 13px 20px; display: block; } .contact .accordion-group .accordion-inner { border: 1px solid #e7e9e9; } .contact .accordion-group button[type="submit"] { margin-left: 0px; margin-top: 20px; } .sunfw-direction-rtl .contact .accordion-group button[type="submit"] { margin-right: 0px; margin-left: inherit; } .contact .accordion-group .contact-links { border-bottom: none; padding-top: 5px; padding-bottom: 5px; } .contact .accordion-group .contact-links ul.nav-tabs { border: none; margin: 5px 0px; } .contact .accordion-group .contact-links li { margin: 0; padding: 0; } .contact .accordion-group .contact-links li:last-child { border-bottom: none; } .contact .accordion-group .contact-links li a { padding: 10px 20px; border: none; } .contact .well { background: transparent; box-shadow: none; border-radius: none; border: none; padding: 0; } .contact .accordion-inner .thumbnail { border: none; margin: -30px 0 0; padding: 0; } .contact .accordion-inner .contact-position { margin-bottom: -3px; } .contact .accordion-inner .contact-position * { margin-top: 0px; } .contact .accordion-inner .contact-position dt { width: auto; } .contact .accordion-inner .contact-position dd { margin-left: 85px; } .sunfw-direction-rtl .contact .accordion-inner .contact-position dd { margin-right: 85px; margin-left: inherit; } .contact .accordion-inner .contact-address { margin-bottom: 0; } .contact .accordion-inner .contact-address dt { width: auto; } .contact .accordion-inner .contact-address dd { margin-left: 85px; line-height: 23px; } .sunfw-direction-rtl .contact .accordion-inner .contact-address dd { margin-right: 85px; margin-left: inherit; } .contact .accordion-inner .contact-address .contact-emailto { word-wrap: break-word; } .contact .accordion-inner .contact-miscinfo { padding: 15px 30px 5px; } .contact .accordion-inner .contact-miscinfo dl { margin-bottom: 0; } .contact .accordion-inner .contact-miscinfo .dl-horizontal dt { width: auto; } .contact .accordion-inner .contact-miscinfo .dl-horizontal dd { margin-left: 25px; } .sunfw-direction-rtl .contact .accordion-inner .contact-miscinfo .dl-horizontal dd { margin-right: 25px; margin-left: inherit; } .contact #basic-details .accordion-inner { padding: 20px; } .contact .contact-links .nav > li > a:hover, .contact .contact-links .nav > li > a:focus { background: transparent; } .contact .accordion-heading { padding: 10px 0; } .contact a:focus { outline: none; } /* ---------- Single Contact Category ----------- */ .contact-category h2 { font-size: 16px; margin: 0; } .contact-category .category-desc p { margin-top: 0; } .contact-category ul { list-style: none; padding: 0; } .contact-category ul [class*="span"]:not(.list-title) { display: none; } .contact-category ul [class*="span"].list-title { padding-left: 0; padding-right: 0; margin-bottom: -8px; } .contact-category fieldset.filters { margin-bottom: 25px; } /* ---------- Contact Page ----------- */ .jsn-contact-form { max-width: 650px; margin: 0 auto; } .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions { padding: 0; overflow: hidden; margin: 25px 0; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group { display: flex; flex-direction: row; justify-content: center; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .control-label { flex: 0 0 75px; font-family: Roboto !important; font-weight: normal; display: flex; flex-direction: row-reverse; margin: 0 10px; line-height: 35px; padding: 0; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls { display: flex; flex: 0 0 85%; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls .help-block { margin-bottom: 0; } .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls input, .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls textarea { width: 100%; } .jsn-contact-form .form-horizontal .control-label { float: left; } .jsn-contact-form .jsn-master .jsn-text-center { display: none; } input[type=checkbox] { position: relative !important; margin: 0 10px 0 0; } input[type=checkbox]:before { content: ''; width: 20px; height: 20px; cursor: pointer; position: absolute; top: -2px; left: -1px; background: #fff; border: 1px solid #d9d9d9; } input[type=checkbox]:after { content: ''; width: 10px; height: 6px; position: absolute; top: 3px; left: 4px; border: 2px solid rgba(17, 43, 44, 0.1); border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } input[type=checkbox]:checked:after { opacity: 1; border-color: #333333; } legend { font-size: 14px; color: #191a1a; font-weight: bold; padding: 0 0 5px 0; margin-bottom: 10px; border-color: #e7e9e9; } .login { border-radius: 0; display: flex; justify-content: center; } .login button { min-width: auto; padding: 9px 50px !important; } .login > form { border: none; border-radius: 0; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; background: transparent; } .login > form input[type="text"], .login > form input[type="password"] { min-width: 263px; width: 100%; } .login > form button { min-width: 263px; } .login .login-description img { display: block; margin: 20px 0; } .login .form-horizontal .control-label { margin-right: 10px; padding-top: 0; } .sunfw-direction-rtl .login .form-horizontal .control-label { margin-left: 10px; margin-right: inherit; } .login .control-group #remember { height: auto; width: auto; vertical-align: middle; margin: 0; } .login .control-group label { margin: 0; line-height: 40px; } .login .nav.nav-stacked > li { padding: 2px 0; } .login .nav.nav-stacked > li:first-child { padding-top: 0; } .login .nav.nav-stacked > li > a { border: none; background: transparent; padding: 0; } .login .nav.nav-stacked > li > a:hover { border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .logout .well { background-color: #fff; border-color: #ccc; border-radius: 0; box-shadow: none; } .recaptcha-checkbox-border { width: 20px; height: 20px; } .profile-edit .control-label, .login .control-label, #user-registration .control-label, #member-registration .control-label { float: left; width: 95px; padding-top: 0; text-align: right; clear: left; line-height: 40px; } .sunfw-direction-rtl .profile-edit .control-label, .sunfw-direction-rtl .login .control-label, .sunfw-direction-rtl #user-registration .control-label, .sunfw-direction-rtl #member-registration .control-label { float: right; } .sunfw-direction-rtl .profile-edit .control-label, .sunfw-direction-rtl .login .control-label, .sunfw-direction-rtl #user-registration .control-label, .sunfw-direction-rtl #member-registration .control-label { text-align: left; } .profile-edit .control-label label, .login .control-label label, #user-registration .control-label label, #member-registration .control-label label { margin: 0; } .profile-edit .controls, .login .controls, #user-registration .controls, #member-registration .controls { margin-left: 110px; } .sunfw-direction-rtl .profile-edit .controls, .sunfw-direction-rtl .login .controls, .sunfw-direction-rtl #user-registration .controls, .sunfw-direction-rtl #member-registration .controls { margin-right: 110px; margin-left: inherit; } .profile-edit .controls input:-moz-placeholder, .profile-edit .controls textarea:-moz-placeholder, .profile-edit .controls .chzn-container:-moz-placeholder, .login .controls input:-moz-placeholder, .login .controls textarea:-moz-placeholder, .login .controls .chzn-container:-moz-placeholder, #user-registration .controls input:-moz-placeholder, #user-registration .controls textarea:-moz-placeholder, #user-registration .controls .chzn-container:-moz-placeholder, #member-registration .controls input:-moz-placeholder, #member-registration .controls textarea:-moz-placeholder, #member-registration .controls .chzn-container:-moz-placeholder { color: #999; opacity: 1; } .profile-edit .controls input:-ms-input-placeholder, .profile-edit .controls textarea:-ms-input-placeholder, .profile-edit .controls .chzn-container:-ms-input-placeholder, .login .controls input:-ms-input-placeholder, .login .controls textarea:-ms-input-placeholder, .login .controls .chzn-container:-ms-input-placeholder, #user-registration .controls input:-ms-input-placeholder, #user-registration .controls textarea:-ms-input-placeholder, #user-registration .controls .chzn-container:-ms-input-placeholder, #member-registration .controls input:-ms-input-placeholder, #member-registration .controls textarea:-ms-input-placeholder, #member-registration .controls .chzn-container:-ms-input-placeholder { color: #999; } .profile-edit .controls input::-webkit-input-placeholder, .profile-edit .controls textarea::-webkit-input-placeholder, .profile-edit .controls .chzn-container::-webkit-input-placeholder, .login .controls input::-webkit-input-placeholder, .login .controls textarea::-webkit-input-placeholder, .login .controls .chzn-container::-webkit-input-placeholder, #user-registration .controls input::-webkit-input-placeholder, #user-registration .controls textarea::-webkit-input-placeholder, #user-registration .controls .chzn-container::-webkit-input-placeholder, #member-registration .controls input::-webkit-input-placeholder, #member-registration .controls textarea::-webkit-input-placeholder, #member-registration .controls .chzn-container::-webkit-input-placeholder { color: #999; } .profile-edit .controls input::-ms-expand, .profile-edit .controls textarea::-ms-expand, .profile-edit .controls .chzn-container::-ms-expand, .login .controls input::-ms-expand, .login .controls textarea::-ms-expand, .login .controls .chzn-container::-ms-expand, #user-registration .controls input::-ms-expand, #user-registration .controls textarea::-ms-expand, #user-registration .controls .chzn-container::-ms-expand, #member-registration .controls input::-ms-expand, #member-registration .controls textarea::-ms-expand, #member-registration .controls .chzn-container::-ms-expand { border: 0; background-color: transparent; } .profile-edit .controls input .form-control[disabled], .profile-edit .controls input fieldset[disabled] .form-control, .profile-edit .controls textarea .form-control[disabled], .profile-edit .controls textarea fieldset[disabled] .form-control, .profile-edit .controls .chzn-container .form-control[disabled], .profile-edit .controls .chzn-container fieldset[disabled] .form-control, .login .controls input .form-control[disabled], .login .controls input fieldset[disabled] .form-control, .login .controls textarea .form-control[disabled], .login .controls textarea fieldset[disabled] .form-control, .login .controls .chzn-container .form-control[disabled], .login .controls .chzn-container fieldset[disabled] .form-control, #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, #user-registration .controls .chzn-container .form-control[disabled], #user-registration .controls .chzn-container 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, #member-registration .controls .chzn-container .form-control[disabled], #member-registration .controls .chzn-container fieldset[disabled] .form-control { cursor: not-allowed; } .profile-edit .control-group, .login .control-group, #user-registration .control-group, #member-registration .control-group { margin-bottom: 15px; } .profile-edit .control-group:last-child, .login .control-group:last-child, #user-registration .control-group:last-child, #member-registration .control-group:last-child { margin-bottom: 0; } .login .control-group.remember-me { display: flex; flex-direction: row-reverse; align-items: center; margin: -3px 0 5px; justify-content: flex-end; } .sunfw-direction-rtl .login .control-group.remember-me { margin: -3px -17px 7px; } .login .control-group.remember-me .control-label { width: auto; margin: 0 5px 0 -8px; } .login .control-group.remember-me .control-label label { line-height: 21px; } @media (max-width: 767px) { .login .control-group.remember-me .control-label { margin: 0 5px 0 0px; } } .login .control-group.login-button button { min-width: auto; padding: 9px 50px; } .reset > form > fieldset > p, .remind > form > fieldset > p { margin-bottom: 30px; color: #1b212e; } .reset .control-group, .remind .control-group { max-width: 600px; margin: 0 auto 20px; } .registration #member-registration fieldset + fieldset { margin-bottom: 60px; } .registration #member-registration legend { border-bottom: 1px solid #e7e9e9; margin-bottom: 18px; } .registration #member-registration .control-group { max-width: 530px; margin-left: auto; margin-right: auto; } .registration #member-registration .control-group .control-label { width: 170px; color: #1b212e; line-height: 40px; padding-top: 0; } .registration #member-registration .control-group .control-label span.spacer { margin-bottom: 10px; display: block; } .registration #member-registration .control-group .control-label label { margin: 0; } .registration #member-registration .control-group .control-label span.text #jform_spacer-lbl { display: flex; flex-direction: row-reverse; } .registration #member-registration .control-group .control-label span.text #jform_spacer-lbl strong { margin-left: 5px; } .sunfw-direction-rtl .registration #member-registration .control-group .control-label span.text #jform_spacer-lbl strong { margin-right: 5px; margin-left: inherit; } .registration #member-registration .control-group .controls { margin-left: 195px; } .sunfw-direction-rtl .registration #member-registration .control-group .controls { margin-right: 195px; margin-left: inherit; } #user-registration, #member-registration { padding: 0; background-color: transparent; border: none; box-shadow: none; } #user-registration .control-group:before, #member-registration .control-group:before { display: table; content: " "; clear: both; } #user-registration .control-group #jform_captcha, #member-registration .control-group #jform_captcha { margin-left: -14px; } #user-registration .control-group #jform_captcha iframe, #member-registration .control-group #jform_captcha iframe { transform: scale(0.92); } #user-registration legend, #member-registration legend { color: #191a1a; border: 0; font-size: 14px; font-weight: bold; padding-bottom: 4px; } .reset #user-registration .control-label, .remind #user-registration .control-label { width: 144px; } .reset #user-registration .control-label #jform_email-lbl, .remind #user-registration .control-label #jform_email-lbl { min-width: 145px; } .reset #user-registration .controls, .remind #user-registration .controls { margin-left: 160px; } .profile legend { text-align: left; } .profile .btn-group > .btn:first-child { color: white; background: #109296; } .profile .btn-group > .btn:first-child:hover { background: #11a7ac; } .profile .btn-toolbar { margin-bottom: -32px; padding-left: 0; background: #fff; } .sunfw-direction-rtl .profile .btn-toolbar { padding-right: 0; padding-left: inherit; } .profile dt, .profile dd { line-height: 30px; font-weight: normal; } .profile dt { font-weight: bold; } .profile .dl-horizontal dd { min-width: 200px; text-align: left; } .sunfw-direction-rtl .profile .dl-horizontal dd { text-align: right; } .profile [id^="users-profile-"] { clear: both; text-align: center; color: #1b212e; } .profile [id^="users-profile-"] dl.dl-horizontal { display: inline-block; margin-bottom: 0; } .profile-edit .control-group { max-width: 720px; margin-left: auto; margin-right: auto; } .profile-edit .control-group .control-label { width: 250px; } .profile-edit .control-group .controls { margin-left: 260px; } .sunfw-direction-rtl .profile-edit .control-group .controls { margin-right: 260px; margin-left: inherit; } .profile-edit .control-group .controls .chzn-container { min-width: 360px; } .profile-edit .control-group .controls #helpsite-refresh { padding: 10px 40px; margin: 0 0 0 10px; height: 40px; } .profile-edit .control-group .controls #helpsite-refresh:hover { background: #1b212e; color: #fff; } .profile-edit .well { background: transparent; box-shadow: none; border-radius: none; border: none; padding: 0; } .profile-edit .well > .control-group button { min-width: auto; padding: 9px 60px !important; } @media (max-width: 767px) { .profile-edit .well > .control-group button { padding: 9px 42px !important; } } .profile-edit .well fieldset:nth-child(2) legend { margin-bottom: 50px; } .profile-edit .well fieldset:nth-child(2) .control-group:last-child .controls { display: flex; } .profile-edit .well fieldset:nth-child(2) .control-group:last-child .controls #helpsite-refresh { background: #109296; } .profile-edit .well fieldset:nth-child(2) .control-group:last-child .controls #helpsite-refresh:hover { background-color: #11a7ac; } @media (max-width: 767px) { .profile-edit .well fieldset:nth-child(2) .control-group:last-child .controls { display: block; } .profile-edit .well fieldset:nth-child(2) .control-group:last-child .controls #helpsite-refresh { margin: 15px 0; } } @media (max-width: 767px) { .profile-edit .well fieldset legend { margin-bottom: -10px !important; padding-top: 15px; } } .profile-edit legend, .profile legend { margin-bottom: 18px; border-color: #e7e9e9; } .profile-edit .chzn-container-single .chzn-search input[type="text"] { min-width: 100%; } .sunfw-login-nav .nav { border: none; padding-top: 3px; } .sunfw-login-nav .nav li a { padding: 5px 0; border: none; } .sunfw-login-nav .nav li a:hover { background: transparent; border: none; } .disable-responsive .container { width: 960px !important; } @media (max-width: 1366px) { body.coming-soon { height: 100%; } } @media (min-width: 991px) { .sunfw-menu-head li.megamenu > .caret { display: none; } } @media (max-width: 1199px) { #finder-search fieldset > input[type="text"] { margin-bottom: 15px; } body.coming-soon .sunfw-content { width: 100%; } } @media (max-width: 1199px) { .form-inline .form-group { display: block; margin-bottom: 15px; } #finder-search button.btn { margin-left: 0; } #search-form { display: block; } .form-inline .form-control { width: auto; } } @media (max-width: 1024px) { #sunfw-master .margin-on-mb > .container > .row > [id^="column_column"].bottom-3-col { margin-left: 0; margin-right: 0; } .sunfw-direction-rtl #sunfw-master .margin-on-mb > .container > .row > [id^="column_column"].bottom-3-col { margin-right: 0; margin-left: inherit; } .sunfw-direction-rtl #sunfw-master .margin-on-mb > .container > .row > [id^="column_column"].bottom-3-col { margin-left: 0; margin-right: inherit; } #sunfw-master .margin-on-mb > .container > .row > [id^="column_column"]:last-child { margin-left: 0; } .sunfw-direction-rtl #sunfw-master .margin-on-mb > .container > .row > [id^="column_column"]:last-child { margin-right: 0; margin-left: inherit; } .custom-login { margin-left: 30px !important; margin-right: -30px !important; } } @media (max-width: 991px) { .cc-theme-block.cc-type-info:not(.cc-right):not(.cc-left) > .cc-compliance { margin: 10px 0; } .padding-on-mb { padding: 30px 0 !important; } .sunfw-link a i { width: 70px; } .contact .accordion-inner .contact-position { margin-top: 30px; } .contact .accordion-inner .contact-position * { margin-top: 0; } .contact .dl-horizontal dt { float: left; width: 80px; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .contact .dl-horizontal dd { margin-left: 100px; } .module-form-contact .jsn-master .control-group.form-input input { width: calc(100% - 22px) !important; margin-bottom: 0; } .contact #basic-details .accordion-inner { padding-left: 15px; paddinng-right: 15px; } .contact #contact-form.form-horizontal .control-group .control-label #jform_spacer-lbl { margin-bottom: 0; } .table.category { font-size: 11px; } .table.category th { font-size: 12px; padding: 5px; } .table.category td.list-title { word-wrap: break-word; } .table.category > tbody > tr > td { padding: 5px; } .table.category > tbody > tr > td.item-title { word-break: break-word; } #sunfw_section_bottom .module-style.module-style-1, #sunfw_section_bottom .module-style.module-style-2 { margin-bottom: 30px; } [id*="member-"] input[name*="jform[easydiscussprofile]"] { max-width: 100%; } } @media (max-width: 767px) { form#searchForm .form-control.inputbox { min-width: 259px; } .items-more .nav-tabs { border: none; } .jsn-uniform.jsn-master .input-append { display: block; } .jsn-master .jsn-narrow .jsn-daterangepicker.hasDatepicker { width: calc(100% - 32px) !important; } .jsn-master .jsn-narrow .jsn-input-mini-fluid[type="text"] { width: calc(100% - 30px) !important; } .jsn-master .jsn-narrow .jsn-input-mini-fluidselect { width: calc(100%) !important; } .sunfw-direction-rtl .login .control-group.remember-me { margin: 0; } div.pagination ul.pagination { display: flex; } div.pagination ul.pagination .hidden-xs { display: block !important; } div.pagination ul.pagination li:nth-last-child(2) { margin-left: 0px; } div.pagination ul.pagination li:nth-child(2) { margin-right: 0px; } div.pagination ul.pagination li:not([class*="hidden-"]) a { padding-left: 8px; padding-right: 8px; } .custom-login { margin-left: 0 !important; margin-right: 0 !important; } body[class*="sunfw-view-"] hr { margin-top: 30px; margin-bottom: 30px; } .item-page.edit form#adminForm { margin-bottom: 30px; } .mb-25-xs { margin-bottom: 25px !important; } .mb-0-xs { margin-bottom: 0 !important; } nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a:after, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header:after { left: 0; right: 0; width: 100%; } ul.tags li { padding: 0; margin: 0 0 10px; display: inline-block; } ul.tags li a { font-size: 10px; } [id*="member-"] input[name*="jform[easydiscussprofile]"] { width: 100%; } [id*="member-"] input[type="email"], [id*="member-"] input[type="password"], [id*="member-"] input[type="text"], [id*="member-"] textarea { width: 100%; } .container { width: 100%; } .layout-item .items-row { margin-bottom: 0; } .layout-item .items-row:last-child [class*="col-xs-"]:last-child { margin-bottom: 0; } .items-row [class*="col-xs-"] { width: 100%; margin-bottom: 25px; } #sunfw_section_header .sunfw-logo { padding: 10px 0; } .sunfw-pos-right .module-style:first-child { margin-top: 30px; } .profile-edit .control-label, .login .control-label, #user-registration .control-label, #member-registration .control-label { float: none; width: 100%; text-align: left; } .sunfw-direction-rtl .profile-edit .control-label, .sunfw-direction-rtl .login .control-label, .sunfw-direction-rtl #user-registration .control-label, .sunfw-direction-rtl #member-registration .control-label { text-align: right; } .profile-edit .control-group .controls, .login .control-group .controls, #user-registration .control-group .controls, #member-registration .control-group .controls { margin-left: 0; } .sunfw-direction-rtl .profile-edit .control-group .controls, .sunfw-direction-rtl .login .control-group .controls, .sunfw-direction-rtl #user-registration .control-group .controls, .sunfw-direction-rtl #member-registration .control-group .controls { margin-right: 0; margin-left: inherit; } .profile dt { float: left; width: 150px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile dd { margin-left: 160px; } .remind button, .reset button, .login > form button { min-width: 100%; } .login { justify-content: flex-start; width: 100%; } .login form { width: 100%; } body[class*="sunfw-view-"] .control-group select { width: 100%; } body[class*="sunfw-view-"] .btn-toolbar .btn { padding: 12px 15px; } .field-calendar .input-append input { width: calc(100% - 58px) !important; } .chzn-container-single .chzn-single { width: calc(100% - 10px) !important; } .filters input[type="text"][name="filter-search"] { margin-bottom: 20px; } .contact-category ul li { padding: 0; } #search-results ul.search-results { margin-bottom: 10px; } #search-results ul.search-results + .search-pagination .search-pages-counter { margin-bottom: 30px; } .archive .filter-search .btn { padding-left: 15px; padding-right: 15px; } .categories-list div.first:not(.base-desc) + div:not(.base-desc):not(.last) { margin: 30px 0 0; } .cat-children .item-title.page-header, .categories-list .item-title.page-header { font-size: 15px; } .cat-children .badge, .categories-list .badge { padding: 4px 8px; font-size: 12px; } .cat-children div.category-desc + div.collapse, .categories-list div.category-desc + div.collapse { padding-left: 30px; } .sunfw-direction-rtl .cat-children div.category-desc + div.collapse, .sunfw-direction-rtl .categories-list div.category-desc + div.collapse { padding-right: 30px; padding-left: inherit; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 10px; } .edit.item-page .chzn-container-multi .chzn-choices, .edit.item-page select:not(.time), .edit.item-page textarea, .edit.item-page input[type="text"], .edit.item-page input[type="password"], .edit.item-page input[type="datetime"], .edit.item-page input[type="datetime-local"], .edit.item-page input[type="date"], .edit.item-page input[type="month"], .edit.item-page input[type="time"], .edit.item-page input[type="week"], .edit.item-page input[type="number"], .edit.item-page input[type="email"], .edit.item-page input[type="url"], .edit.item-page input[type="search"], .edit.item-page input[type="tel"], .edit.item-page input[type="color"], .edit.item-page .chzn-container-single .chzn-single { min-width: 235px; width: 235px; } .edit.item-page .chzn-container-single .chzn-search input[type="text"] { min-width: 100%; } .edit.item-page .calendar-container table { max-width: 235px; } .edit.item-page #metadata .control-label, .edit.item-page #publishing .control-label { flex: 0 0 32%; } .edit.item-page form#adminForm .toggle-editor .btn { margin-bottom: 80px; } .table { table-layout: fixed; overflow-y: hidden; min-height: .01%; overflow-x: scroll; overflow-y: hidden; webkit-overflow-scrolling: auto; -webkit-overflow-scrolling: touch; border: 1px solid #d9b53c; text-overflow: ellipsis; } .table thead tr th { font-size: 14px; } .registration #member-registration .control-group, .profile-edit .control-group { max-width: 100%; margin-bottom: 5px; } .registration #member-registration .control-group .control-label { width: 130px; } .registration #member-registration .control-group .control-label span.text #jform_spacer-lbl { justify-content: flex-end; } .registration #member-registration .control-group .controls { margin-left: 0; } .sunfw-direction-rtl .registration #member-registration .control-group .controls { margin-right: 0; margin-left: inherit; } .registration #member-registration > .control-group .controls { margin-left: 0; } .sunfw-direction-rtl .registration #member-registration > .control-group .controls { margin-right: 0; margin-left: inherit; } .contact .accordion-group fieldset legend { margin: 0; } .contact #contact-form.form-horizontal .control-group .control-label { float: none; text-align: left; padding: 0 !important; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label { text-align: right; } .contact #contact-form.form-horizontal .control-group .controls { margin-left: 0; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls { margin-right: 0; margin-left: inherit; } .contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea { width: 100%; } .contact #contact-form.form-horizontal .control-group:last-child { position: static; right: 30px; bottom: 0; } .contact #contact-form.form-horizontal .control-group:last-child #jform_contact_email_copy { margin-left: 10px; } .sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group:last-child #jform_contact_email_copy { margin-right: 10px; margin-left: inherit; } .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions { margin-right: -25px; } .sunfw-direction-rtl .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions { margin-left: -25px; margin-right: inherit; } .jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input { width: calc(100% - 20px) !important; } .jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea { width: calc(100%) !important; } .jsn-contact-form { max-width: 80%; } .jsn-counter-wrap .info .number { font-size: 25px; line-height: 50px; width: 50px; height: 50px; } #sunfw-master div.search input[type="search"] { width: 100%; margin-bottom: 0; } .module-style.search-module .search button { margin-top: 0; } .sunfw-scrollup { padding: 12px 40px; } #sunfw_section_bottom .module-style { margin-bottom: 30px; } #sunfw_section_bottom .sunfw-pos-bottom-5 .module-style:last-child { margin-bottom: 0; } .item-page.edit button.btn { padding-left: 10px; padding-right: 10px; } .item-page.edit .input-append input[type="text"] { min-width: 195px; width: 195px !important; } .item-page.edit .control-group label { margin-right: 10px; margin-bottom: 10px; } .item-page.edit #publishing .control-group { width: 100%; float: none; align-items: stretch; } .item-page.edit #params-sunfw-options .control-label, .item-page.edit #language .control-label { width: auto; } .login-topbar { float: none; z-index: 9; } .item-page.edit .control-group { display: flex; flex-direction: column; align-items: stretch; width: 100%; } .item-page.edit #images .control-label { width: auto; } } @media (min-width: 768px) and (max-width: 991px) { .sunfw-logo { margin-top: 15px; } .sunfw-logo a img.top-logo { margin: 0 auto; } .drop-cap::first-letter { padding-left: 2px; padding-right: 2px; } .sunfw-pos-left .module-style:last-child { margin-bottom: 30px; } .sunfw-pos-right .module-style:first-child { margin-top: 30px; } nav.navbar.sunfw-menu-head ul.navbar-nav { float: none; display: flex; justify-content: center; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) { padding: 15px 14px; margin: 0; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it { padding: 7px 15px; } nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it):after, nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it):after { bottom: 13px; } .jsn-master .jsn-bootstrap .control-group .currency-value input { width: 85% !important; } } @media (max-width: 414px) { .error-mobile { padding-top: 100px !important; } #finder-search button.btn, #finder-search button.btn + a[href="#advancedSearch"] { margin-left: 0; margin-bottom: 10px; } .jsn-master .jsn-bootstrap .control-group .currency-value input { width: 70% !important; } .cat-children > div.last { margin-bottom: 0; } .layout-item .items-row:last-child { margin-bottom: 30px; } .contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label { width: auto; float: left; } .sunfw-direction-rtl .contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label { float: right; } .item-page.edit .chzn-container.chzn-container-single { min-width: 100%; } .carousel-control.left, .carousel-control.right { background-image: none; display: none; } .content_rating + form { margin-bottom: 30px; } div.pagination { clear: both; margin: 0 0 30px; } #sunfw-master #recaptcha_table { width: 250px !important; } input#search-searchword[type="text"] { margin-bottom: 20px; } .remind button, .remind input[type="email"], .reset button, .reset input[type="email"] { min-width: 100%; } .article-index { width: 100%; margin: 0 0 20px; } .marginright-15 { margin-right: 15px; } .sunfw-direction-rtl .marginright-15 { margin-left: 15px; margin-right: inherit; } .contact .accordion-inner .contact-address dd .contact-emailto a { word-break: break-word; } div.pagination ul.pagination li:not([class*="hidden-"]) a { padding-left: 8px; padding-right: 8px; } .item-page.edit fieldset { margin-bottom: 0; } .archive fieldset.filters .filter-search { display: block; } .archive .filter-search > select { margin-right: 10px; margin-bottom: 10px; min-width: 70px; } .content-category div.pagination { justify-content: space-between; flex-direction: column-reverse; margin: 35px 0 25px; } .content-category div.pagination p.counter { margin-top: 10px; } div.itemToolbar ul { text-align: center; } div.itemToolbar ul li { padding: 0 1px 0 2px; font-size: 10px; } div.itemToolbar ul li a { font-size: 10px; } .page-header h2 { font-size: 16px; } .reset button, .remind button { min-width: 100%; } .chzn-container-single .chzn-single { width: calc(100% - 10px) !important; } } @media (max-width: 320px) { #finder-search button.btn { margin-bottom: 10px; margin-left: 0; padding-left: 15px; padding-right: 15px; } #finder-search button.btn + a[href="#advancedSearch"] { padding-left: 15px; padding-right: 15px; margin-left: 0; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 10px 5px; } .table { font-size: 0.9em; } .table.category th { font-size: 1em; } .cat-children .item-title.page-header, .categories-list .item-title.page-header { font-size: 13px; } .cat-children .badge, .category-list .badge, .categories-list .badge { padding: 4px; font-size: 11px; } .jsn-counter-wrap .info .number { font-size: 20px; line-height: 40px; width: 40px; height: 40px; } .jsn-counter-wrap .info .title { font-size: 11px; } .archive .filter-search > select { min-width: 60px; } .archive .filter-search .btn { padding-left: 6px; padding-right: 6px; } .contact .accordion-inner .contact-position dt, .contact .accordion-inner .contact-position dd { font-size: 14px; } .contact .accordion-inner .contact-position dd { margin-left: 65px; } .contact .accordion-inner .contact-address dd { margin-left: 65px; font-size: 12px; } .profile dd { margin-left: 120px; } .profile dt { width: 110px; font-size: 13px; } .profile .dl-horizontal dd { font-size: 13px; } .profile-edit .control-group .controls #helpsite-refresh { padding: 10px 9px; vertical-align: top; } .profile-edit .control-group select { width: calc(100% - 10px); } .item-page.edit .input-append input[type="text"] { min-width: 207px; width: 249px !important; } .edit.item-page .chzn-container-multi .chzn-choices, .edit.item-page select:not(.time), .edit.item-page textarea, .edit.item-page input[type="text"], .edit.item-page input[type="password"], .edit.item-page input[type="datetime"], .edit.item-page input[type="datetime-local"], .edit.item-page input[type="date"], .edit.item-page input[type="month"], .edit.item-page input[type="time"], .edit.item-page input[type="week"], .edit.item-page input[type="number"], .edit.item-page input[type="email"], .edit.item-page input[type="url"], .edit.item-page input[type="search"], .edit.item-page input[type="tel"], .edit.item-page input[type="color"], .edit.item-page .chzn-container-single .chzn-single { min-width: 100%; width: 100%; } } @media (max-width: 767px) { #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info-description { margin-top: 0; } #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info-description p { font-size: 13px; } #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info-description .btn { margin-top: 10px; } #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info { max-width: 100%; } #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info .galleria-info-text .galleria-info-title { font-size: 28px; margin-bottom: 0; } .footer-module-menu ul.menu li a, .footer-module-menu ul.menu li span { font-size: 13px; } #sunfw-master .jsnmsr-loaded .jsn-is-msnry-grid-item { margin-left: 15px; margin-right: 15px; } .sunfw-flex { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .jsn-is-msnry-grid { margin: 0 auto; } .footer-module-menu ul.menu li a, .footer-module-menu ul.menu li span.nav-header { font-size: 14px; } } @media (max-width: 380px) { [id*='jsn-thememasonry-container'] .jsn-is-msnry-grid { width: 100% !important; } .box-shadow-bl { margin-top: -85px; } } @media (max-width: 320px) { #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info-description p { font-size: 10px; margin-bottom: 0; } #sunfw-master .jsn_promoslider [id^="jsn-themeclassic-"] .galleria-info .galleria-info-text .galleria-info-title { font-size: 22px; margin-bottom: 0; } } .categories-list { width: 100%; } .contentpane { padding: 20px; } #sunfw-master > .sunfw-content > .item-page, #sunfw-master > .sunfw-content > .itemView { padding: 20px 30px; } #sunfw-master > .sunfw-content > .item-page > #pop-print.btn, #sunfw-master > .sunfw-content > .itemView > #pop-print.btn { padding: 10px 0; } /*# sourceMappingURL=template.css.map */