/****/
html {
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
a:hover, a:focus, a:active {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
outline: none !important;
color: var(--krowd-theme-color);
}
input:hover, input:focus, input:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active {
outline: none !important;
}
img {
border: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
}
.video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.body-page input[type="text"],
.body-page input[type="tel"],
.body-page input[type="password"],
.body-page input[type="email"],
.body-page textarea, .body-page select {
background-color: #f7f7f9;
border: 0;
padding: 9px 12px;
}
@media (max-width: 991.98px) {
.body-page input[type="text"],
.body-page input[type="tel"],
.body-page input[type="password"],
.body-page input[type="email"],
.body-page textarea, .body-page select {
min-height: auto;
}
}
.body-page input[type="text"]:focus, .body-page input[type="text"]:active, .body-page input[type="text"]:hover,
.body-page input[type="tel"]:focus,
.body-page input[type="tel"]:active,
.body-page input[type="tel"]:hover,
.body-page input[type="password"]:focus,
.body-page input[type="password"]:active,
.body-page input[type="password"]:hover,
.body-page input[type="email"]:focus,
.body-page input[type="email"]:active,
.body-page input[type="email"]:hover,
.body-page textarea:focus,
.body-page textarea:active,
.body-page textarea:hover, .body-page select:focus, .body-page select:active, .body-page select:hover {
outline: none;
}
.body-page select {
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #f7f7f9;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 10px 25px 10px 12px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 15px) 23px, calc(100% - 10px) 23px;
background-size: 5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 15px;
margin-bottom: 20px;
}
.label {
color: #000 !important;
}
.list-menu ul li {
list-style: none;
padding: 15px 2px;
font-size: 1rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.list-menu ul li:last-child {
border-bottom: none;
}
ul {
margin: 0;
padding-left: 30px;
}
ul ul {
padding-left: 20px;
}
ul li {
list-style: inherit;
}
ul li i {
margin-right: 3px;
font-size: 16px;
min-width: 20px;
text-align: center;
}
.item-list ul li {
margin-left: 0;
}
ul.menu > li {
position: relative;
padding: 4px 0;
}
ul.feature-list > li {
padding-left: 30px;
position: relative;
margin-bottom: 5px;
}
ul.feature-list > li:after {
content: "\e906";
font-family: "gva-icon";
position: absolute;
top: 2px;
left: 2px;
z-index: 1;
color: var(--krowd-theme-color);
}
ul.inline > li {
display: inline-block;
margin-left: 5px;
}
ul.inline.social > li {
margin-left: 15px;
}
table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #dee2e6;
}
table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
border-color: #dee2e6;
border-width: 1px 1px 1px 0;
border-style: solid;
}
table > thead > tr > th,
table > thead > tr > td {
border-bottom-width: 2px;
}
.no-padding {
padding: 0 !important;
}
a.disable {
pointer-events: none;
cursor: default;
}
/************************* Pagination ************************/
.pager .paginations {
border-radius: 5px;
display: inline-block;
margin: 0 30px;
padding: 4px 3px;
}
.pager .paginations a {
border: 1px solid #e9e9ee;
font-weight: 700;
display: inline-block;
height: 35px;
line-height: 34px;
margin: 0 1px;
text-align: center;
width: 35px;
margin-right: 10px;
}
.pager .paginations a:last-child {
margin-right: 0;
}
.pager .paginations a.active {
background: var(--krowd-theme-color);
border-color: var(--krowd-theme-color);
color: #fff;
}
.pager {
padding-left: 0;
margin: 25px 0;
list-style: none;
text-align: center;
}
.pager li {
display: inline;
}
.pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #e9e9ee;
font-weight: 400;
}
.pager li > a:hover {
color: #fff;
background: var(--krowd-theme-color);
}
.pager li.is-active > a {
background-color: var(--krowd-theme-color);
border-color: var(--krowd-theme-color);
color: #fff;
}
.breadcrumb-content-inner {
margin-bottom: 50px;
}
.breadcrumb-content-inner .gva-breadcrumb-content .page-title {
font-size: 36px;
z-index: 11;
position: relative;
margin: 0px auto;
max-width: 1200px;
padding: 0 15px;
}
@media (max-width: 1023.98px) {
.breadcrumb-content-inner .gva-breadcrumb-content .page-title {
font-size: 28px;
margin-bottom: 28px;
}
}
@media (max-width: 991.98px) {
.breadcrumb-content-inner .gva-breadcrumb-content .page-title {
font-size: 22px;
}
}
.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
padding: 110px 0 120px;
position: relative;
background-size: cover;
-webkit-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
}
@media (max-width: 1023.98px) {
.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
padding: 80px 0;
}
}
.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .page-title {
color: #fff;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 11;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div {
max-width: 1200px;
padding: 0 15px;
margin: 0 auto;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div:before, .breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div:after {
content: " ";
display: table;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div:after {
clear: both;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links {
position: relative;
float: right;
background: #fff;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb {
display: block;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb ol {
padding: 15px 25px;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li {
font-size: 14px;
font-weight: 500;
color: #838694;
text-transform: capitalize;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a {
color: #838694;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a:hover {
color: var(--krowd-theme-color);
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb .dot {
color: #838694;
margin-right: 5px;
}
.breadcrumb-content-inner .gva-parallax-background .gva-parallax-inner {
background-position: center center;
background-size: cover;
height: 160%;
}
pre {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
margin: 30px 0;
}
.drupal-message {
background: #CDCDCD;
max-width: 1170px;
margin: 0 auto;
position: fixed;
z-index: 99;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
max-height: 50%;
overflow: auto;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-webkit-transition-delay: 4px;
transition-delay: 4px;
}
.drupal-message .messages__wrapper {
padding: 2px 30px 2px 15px;
}
.messages:first-child {
margin-top: 12px !important;
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
color: #fff;
}
.hidden {
display: none !important;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
@media (max-width: 480px) {
.d-small-none {
display: none !important;
}
}
@media (max-width: 325px) {
.col-6 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 510px) {
.col-2, .col-3, .col-4, .col-5 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.nav-tabs, .topbar ul, ul.contact-info, ul.menu {
list-style: none !important;
padding-left: 0;
}
.node--view-mode-full p {
margin-top: 0;
margin-bottom: 10px;
}
html {
overflow-x: hidden;
}
body {
overflow-x: hidden;
font-size: 16px;
}
body div.body-page {
background: #fff;
}
body.boxed {
max-width: 1440px;
margin: 0 auto;
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
background-color: #efefef;
}
body.logged-in.toolbar-horizontal .header-v1 {
top: 39px;
}
@media (max-width: 1024px) {
body.logged-in.toolbar-horizontal .header-v1 {
top: 0;
}
}
.area.slideshow_content .block {
margin-bottom: 0;
}
.area-panel {
padding: 30px 0;
}
.promotion {
padding: 0;
margin-bottom: 0;
}
#page-main-content {
min-height: 360px;
}
@media (max-width: 991.98px) {
#page-main-content {
min-height: 100px;
}
}
.main-menu .area-main-menu .area-inner .block {
margin-bottom: 0;
}
.sidebar {
position: relative;
}
body.hidden-footer .footer-center {
display: none !important;
}
.footer {
font-size: 16px;
color: var(--footer-color);
background: url("../images/bg-footer.png") no-repeat top left var(--footer-bg-color);
background-attachment: scroll;
background-size: cover;
line-height: 32px;
}
.footer a {
color: var(--footer-link-color);
}
.footer a:hover, .footer a:focus {
color: var(--footer-link-color-hover);
}
.footer ul.menu, .footer ul.contact-info {
margin: 0;
padding: 0;
}
.footer ul.menu > li, .footer ul.contact-info > li {
display: block;
width: 100%;
}
.footer ul.menu > li > a, .footer ul.contact-info > li > a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.footer ul.menu > li > a:hover, .footer ul.contact-info > li > a:hover {
color: var(--footer-link-color-hover);
}
.footer .footer-center {
padding: 120px 0 90px;
}
@media (max-width: 1023.98px) {
.footer .footer-center {
padding: 70px 0 40px;
}
}
@media (max-width: 1023.98px) {
.footer .footer-center .about-info {
margin-bottom: 45px;
}
.footer .footer-center .block .block-title {
margin-bottom: 20px;
}
}
.footer .block .block-title {
color: #fff;
font-size: 20px;
margin-bottom: 35px;
margin-top: 5px;
}
.footer-top .block {
margin-bottom: 0;
}
.copyright .copyright-inner {
border-top: 1px solid #2D313E;
padding: 30px 0;
}
.copyright .copyright-inner a {
color: var(--footer-link-color);
}
.copyright .copyright-inner .block {
margin-bottom: 0;
}
.topbar {
font-size: 14px;
line-height: 22px;
background: var(--topbar-bg-color);
color: var(--topbar-color);
padding: 5px 0;
}
.topbar a {
color: var(--topbar-link-color) !important;
}
.topbar a:hover {
color: var(--topbar-link-color-hover) !important;
}
.topbar .topbar-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.topbar .topbar-content, .topbar .topbar-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.topbar .block {
margin-bottom: 0;
}
@media (max-width: 680px) {
.topbar .topbar-left {
display: none;
}
}
.topbar .topbar-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.topbar .topbar-right > div:not(:first-child) {
margin-left: 18px;
}
@media (max-width: 680px) {
.topbar .topbar-right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.topbar .btn-header i {
font-size: 16px;
color: var(--krowd-theme-color-second);
margin-right: 8px;
}
.topbar .gva-search-region .icon {
color: #fff;
}
.topbar .gva-search-region .icon:hover {
color: var(--krowd-theme-color-second);
}
.topbar-information {
display: inline-block;
margin-top: 3px;
}
.topbar-information ul {
list-style: none;
padding-left: 0;
overflow: hidden;
}
.topbar-information ul li {
float: left;
padding-right: 20px;
}
.topbar-information ul li:last-child {
padding-right: 0;
}
.topbar-information ul li i {
margin-right: 6px;
font-size: 14px;
color: var(--krowd-theme-color-second);
}
.topbar-social {
text-align: right;
padding: 15px 0;
}
.topbar-social .social {
display: inline-block;
list-style: none;
padding-left: 0;
}
.topbar-social .social a {
display: inline-block;
}
.topbar-social .social > li {
margin-left: 20px;
}
.topbar-social .social > li:first-child {
margin-left: 0;
}
.site-branding-logo {
max-height: inherit;
}
.site-branding-logo img {
max-width: 128px;
}
@media (max-width: 640px) {
.site-branding-logo img {
max-width: 110px;
}
}
.header-info {
border-left: 1px solid #e9e9ee;
padding-left: 20px;
}
.header-info .header-icon {
float: left;
font-size: 32px;
line-height: 42px;
color: var(--krowd-theme-color);
width: 32px;
}
@media (max-width: 1023.98px) {
.header-info .header-icon {
font-size: 26px;
}
}
.header-info .header-content {
padding-left: 45px;
}
.header-info .title {
font-size: 14px;
line-height: 16px;
font-weight: 400;
margin: 0;
}
@media (max-width: 1023.98px) {
.header-info .title {
font-size: 13px;
}
}
.header-info .title a {
color: #838694;
}
.header-info .title a:hover {
color: var(--krowd-theme-color);
}
.header-info .text {
font-size: 20px;
color: var(--krowd-theme-color-three);
line-height: normal;
}
@media (max-width: 1023.98px) {
.header-info .text {
font-size: 14px;
line-height: 26px;
}
}
header .site-branding-logo {
padding: 8px 0;
display: inline-block;
height: auto;
}
header .site-branding-logo .logo-white {
display: none;
}
header .block {
overflow: visible;
margin-bottom: 0;
}
header .area-main-menu .navigation {
position: static;
}
header .area-main-menu .navigation ul.gva_menu {
position: static;
}
header #menu-bar {
display: none;
}
@media (max-width: 1024px) {
header #menu-bar {
display: block;
height: 30px;
width: 30px;
}
}
.gva-search-region {
position: relative;
}
.gva-search-region .icon {
font-size: 18px;
color: #232733;
}
.gva-search-region .icon:hover {
color: var(--krowd-theme-color);
cursor: pointer;
}
.gva-search-region .search-content {
display: none;
width: 310px;
position: absolute;
top: 43px;
right: 0;
margin-top: -1px;
z-index: 99;
background: #fff;
padding: 20px;
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
border: 1px solid #e9e9ee;
}
.gva-search-region .search-content form.search-block-form {
padding-right: 95px;
position: relative;
}
.gva-search-region .search-content form.search-block-form input#edit-keys {
height: 45px;
padding: 5px;
border: 1px solid #e9e9ee;
background: none;
width: 100%;
}
.gva-search-region .search-content form.search-block-form input#edit-submit {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 45px;
line-height: 35px;
padding: 0 5px;
background: var(--krowd-theme-color);
color: #fff;
border: none;
font-size: 12px;
width: 90px;
}
.gva-search-region .search-content form.search-block-form input#edit-submit:hover {
cursor: pointer;
}
.gva-search-region .search-content #edit-actions {
margin: 0 !important;
padding: 0 !important;
display: block;
}
.gva-search-region.show .search-content {
display: block;
}
.gva-user-region {
line-height: 1;
position: relative;
}
.gva-user-region .icon {
font-size: 14px;
color: #fff;
width: 36px;
height: 36px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
overflow: hidden;
display: inline-block;
text-align: center;
line-height: 36px;
background: rgba(0, 0, 0, 0.3);
}
.gva-user-region .icon img {
width: 100%;
}
.gva-user-region .icon:hover {
color: #fff !important;
cursor: pointer;
}
.gva-user-region .user-content {
display: none;
width: 180px;
position: absolute;
top: 100%;
right: 0;
z-index: 99;
background: #fff;
padding: 15px 20px;
margin-top: 10px;
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 8px;
}
.gva-user-region .user-content:after {
content: '';
position: absolute;
bottom: 100%;
right: 8px;
border: 10px solid transparent;
border-bottom-color: #fff;
z-index: 11;
}
.gva-user-region .user-content .link-user {
text-transform: capitalize;
color: var(--krowd-theme-color);
}
.gva-user-region .user-content .account-message {
border-bottom: 1px solid #e9e9ee;
padding-bottom: 12px;
margin-bottom: 8px;
color: #838694;
}
.gva-user-region .user-content .user-links {
padding: 0;
list-style-type: none;
}
.gva-user-region .user-content .user-links a {
color: #838694;
font-size: 14px;
display: inline-block;
padding: 5px 0;
line-height: 20px;
}
.gva-user-region .user-content .user-links a:hover {
color: var(--krowd-theme-color);
}
.gva-user-region.show .user-content {
display: block;
}
header.header-default {
position: relative;
z-index: 99;
}
header.header-default .header-inner {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-default .branding {
max-width: 15%;
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
}
header.header-default .branding .site-branding-logo {
padding: 15px 0;
}
header.header-default .main-menu {
max-width: 65%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
}
@media (max-width: 991.98px) {
header.header-default .main-menu {
/* max-width: 86%;
-webkit-box-flex: 0;
-ms-flex: 0 0 65%;
flex: 0 0 65%; */
flex: 80% !important;
}
header.header-default .branding {
max-width: 30% !important;
/* -webkit-box-flex: 0; */
/* -ms-flex: 0 0 15%; */
/* flex: 0 0 30% !important; */
/* width: 15%; */
flex: 20% !important;
}
.main-menu {
margin-left: 0px !important;
}
}
header.header-default .header-right {
max-width: 20%;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
padding: 28px 0;
text-align: right;
}
@media (max-width: 1024px) {
header.header-default .header-right {
display: none;
}
}
header.header-default .header-right > div {
display: inline-block;
text-align: left;
}
header.header-default .area-inner .header-menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1199.98px) {
header.header-default .main-menu .navigation .gva_menu_main > li {
padding-left: 15px;
padding-right: 15px;
}
}
header.header-v {
background: var(--header-bg-color);
}
header.header-v1 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
color: #fff;
-webkit-box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.15);
box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.15);
background: transparent;
}
@media (max-width: 1024px) {
header.header-v1 {
position: relative;
background: var(--krowd-theme-color-three);
}
}
header.header-v1 .header-inner .branding .logo-default {
display: none;
}
header.header-v1 .header-inner .branding .logo-default.logo-white {
display: block;
}
@media (min-width: 1024px) {
header.header-v1 .header-inner .main-menu .gva_menu > li > a {
color: #fff;
}
header.header-v1 .header-inner .main-menu .gva_menu > li > a:hover {
color: var(--krowd-theme-color-second);
}
header.header-v1 .header-inner .main-menu .gva_menu > li.menu-item--active-trail > a {
color: var(--krowd-theme-color-second);
}
}
header.header-v1 .header-inner .header-info {
border-left-color: rgba(255, 255, 255, 0.3);
}
header.header-v1 .header-inner .header-info .header-icon {
color: var(--krowd-theme-color-second);
}
header.header-v1 .header-inner .header-info .header-content .title, header.header-v1 .header-inner .header-info .header-content .text, header.header-v1 .header-inner .header-info .header-content a {
color: #fff;
}
header.header-v1 #menu-bar span {
background: #fff;
}
header.header-v1 .stuck {
background: var(--krowd-theme-color-three);
}
header.header-v2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: 20px;
}
@media (max-width: 1024px) {
header.header-v2 {
position: relative;
margin-top: 0;
}
}
header.header-v2 .topbar {
background: none;
padding: 0;
}
@media (max-width: 1024px) {
header.header-v2 .topbar {
background: var(--krowd-theme-color);
}
}
header.header-v2 .topbar .topbar-content {
padding: 6px 20px;
background: var(--krowd-theme-color);
}
header.header-v2 .main-menu {
width: 62%;
}
header.header-v2 .header-right {
width: 23%;
}
header.header-v2 .header-inner {
background: #fff;
padding: 0 20px;
-webkit-box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1024px) {
header.header-v2 .header-inner {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
header.header-v2 .menu-bar {
right: 40px;
}
header.header-v2 .stuck {
background: transparent;
}
.stuck {
position: fixed !important;
top: 0;
left: 0;
z-index: 99 !important;
width: 100%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
background: #fff;
-webkit-box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.05);
}
/* #Block grid
--------------------------------------------------------------- */
.item-columns {
padding: 0 10px;
}
[class*="block-grid-"] {
display: block;
margin: 0 -10px;
padding: 0;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
display: table;
content: " ";
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > div {
display: block;
float: left;
height: auto;
padding: 0 10px;
width: 100%;
}
[class*="block-grid-"] > div:after {
display: block;
}
@media (min-width: 480px) {
.xs-block-grid-1 > div {
width: 100%;
}
.xs-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.xs-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.xs-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.xs-block-grid-2 > div {
width: 50%;
}
.xs-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.xs-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.xs-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.xs-block-grid-3 > div {
width: 33.33333%;
}
.xs-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.xs-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.xs-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.xs-block-grid-4 > div {
width: 25%;
}
.xs-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.xs-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.xs-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.xs-block-grid-5 > div {
width: 20%;
}
.xs-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.xs-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.xs-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.xs-block-grid-6 > div {
width: 16.66667%;
}
.xs-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.xs-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.xs-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.xs-block-grid-7 > div {
width: 14.28571%;
}
.xs-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.xs-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.xs-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.xs-block-grid-8 > div {
width: 12.5%;
}
.xs-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.xs-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.xs-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.xs-block-grid-9 > div {
width: 11.11111%;
}
.xs-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.xs-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.xs-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.xs-block-grid-10 > div {
width: 10%;
}
.xs-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.xs-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.xs-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.xs-block-grid-11 > div {
width: 9.09091%;
}
.xs-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.xs-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.xs-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.xs-block-grid-12 > div {
width: 8.33333%;
}
.xs-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.xs-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.xs-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 768px) {
.sm-block-grid-1 > div {
width: 100%;
}
.sm-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.sm-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.sm-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.sm-block-grid-2 > div {
width: 50%;
}
.sm-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.sm-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.sm-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.sm-block-grid-3 > div {
width: 33.33333%;
}
.sm-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.sm-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.sm-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.sm-block-grid-4 > div {
width: 25%;
}
.sm-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.sm-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.sm-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.sm-block-grid-5 > div {
width: 20%;
}
.sm-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.sm-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.sm-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.sm-block-grid-6 > div {
width: 16.66667%;
}
.sm-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.sm-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.sm-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.sm-block-grid-7 > div {
width: 14.28571%;
}
.sm-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.sm-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.sm-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.sm-block-grid-8 > div {
width: 12.5%;
}
.sm-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.sm-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.sm-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.sm-block-grid-9 > div {
width: 11.11111%;
}
.sm-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.sm-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.sm-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.sm-block-grid-10 > div {
width: 10%;
}
.sm-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.sm-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.sm-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.sm-block-grid-11 > div {
width: 9.09091%;
}
.sm-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.sm-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.sm-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.sm-block-grid-12 > div {
width: 8.33333%;
}
.sm-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.sm-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.sm-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
/* Medium */
@media (min-width: 992px) {
[class*="block-grid-"] {
margin: 0 -10px;
}
[class*="block-grid-"] > div {
padding: 0 10px;
}
.item-columns {
padding: 0 10px;
}
.md-block-grid-1 > div {
width: 100%;
}
.md-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.md-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.md-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.md-block-grid-2 > div {
width: 50%;
}
.md-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.md-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.md-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.md-block-grid-3 > div {
width: 33.33333%;
}
.md-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.md-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.md-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.md-block-grid-4 > div {
width: 25%;
}
.md-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.md-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.md-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.md-block-grid-5 > div {
width: 20%;
}
.md-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.md-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.md-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.md-block-grid-6 > div {
width: 16.66667%;
}
.md-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.md-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.md-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.md-block-grid-7 > div {
width: 14.28571%;
}
.md-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.md-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.md-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.md-block-grid-8 > div {
width: 12.5%;
}
.md-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.md-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.md-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.md-block-grid-9 > div {
width: 11.11111%;
}
.md-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.md-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.md-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.md-block-grid-10 > div {
width: 10%;
}
.md-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.md-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.md-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.md-block-grid-11 > div {
width: 9.09091%;
}
.md-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.md-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.md-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.md-block-grid-12 > div {
width: 8.33333%;
}
.md-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.md-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.md-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
/* Large */
@media (min-width: 1200px) {
[class*="block-grid-"] {
margin: 0 -12px;
}
[class*="block-grid-"] > div {
padding: 0 12px;
}
.item-columns {
padding: 0 12px;
}
.lg-block-grid-1 > div {
width: 100%;
}
.lg-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.lg-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.lg-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.lg-block-grid-2 > div {
width: 50%;
}
.lg-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.lg-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.lg-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.lg-block-grid-3 > div {
width: 33.33333%;
}
.lg-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.lg-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.lg-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.lg-block-grid-4 > div {
width: 25%;
}
.lg-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.lg-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.lg-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.lg-block-grid-5 > div {
width: 20%;
}
.lg-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.lg-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.lg-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.lg-block-grid-6 > div {
width: 16.66667%;
}
.lg-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.lg-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.lg-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.lg-block-grid-7 > div {
width: 14.28571%;
}
.lg-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.lg-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.lg-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.lg-block-grid-8 > div {
width: 12.5%;
}
.lg-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.lg-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.lg-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.lg-block-grid-9 > div {
width: 11.11111%;
}
.lg-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.lg-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.lg-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.lg-block-grid-10 > div {
width: 10%;
}
.lg-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.lg-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.lg-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.lg-block-grid-11 > div {
width: 9.09091%;
}
.lg-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.lg-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.lg-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.lg-block-grid-12 > div {
width: 8.33333%;
}
.lg-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.lg-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.lg-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
.no-gutter [class*="block-grid-"] {
margin: 0 !important;
}
.no-gutter [class*="block-grid-"] > div {
padding: 0 !important;
}
.no-gutter .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-gutter [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.hidden-title .node--view-mode-full header {
display: none !important;
}
/* ----- Maintenance page ----- */
body.maintenance-page {
background-color: #fff;
color: #000;
}
.maintenance-page #page-wrapper {
background: #fff;
margin-left: auto;
margin-right: auto;
min-width: 0;
min-height: 0;
border: 1px solid #ddd;
margin-top: 40px;
}
.maintenance-page #page {
margin: 10px;
}
.maintenance-page #main-wrapper {
min-height: inherit;
}
.maintenance-page #header {
width: auto;
}
.maintenance-page #main {
margin: 0;
}
.maintenance-page .content .section {
padding: 0 0 0 10px;
/* LTR */
}
[dir="rtl"] .maintenance-page .content .section {
padding-left: 0;
padding-right: 10px;
}
.maintenance-page #header {
background-color: #fff;
background-image: none;
}
.maintenance-page .site-branding-text {
margin-bottom: 50px;
margin-left: 0;
/* LTR */
padding-top: 20px;
font-size: 90%;
}
[dir="rtl"] .maintenance-page .site-branding-text {
margin-right: 0;
}
.maintenance-page .site-branding-text,
.maintenance-page .site-branding-text a,
.maintenance-page .site-branding-text a:hover,
.maintenance-page .site-branding-text a:focus {
color: #777;
}
.maintenance-page .page-title {
line-height: 1em;
margin-top: 0;
}
@media all and (min-width: 800px) {
.maintenance-page #page-wrapper {
width: 800px;
}
.maintenance-page #header div.section,
.maintenance-page #main {
width: 700px;
}
}
@media all and (min-width: 600px) {
/* @TODO find the proper breakpoint */
.maintenance-page #page {
margin: 20px 40px 40px;
}
}
.path-user .branding .logo-white {
display: none;
}
.page-notfound {
text-align: center;
padding: 150px 0;
background: #f6f6f6;
}
@media (max-width: 991.98px) {
.page-notfound {
padding: 50px 0;
}
}
.page-notfound header {
display: none !important;
}
.page-notfound .big-title {
font-size: 200px;
font-weight: 600;
font-family: var(--krowd-heading-font-family);
text-transform: uppercase;
color: #232733;
line-height: 1;
}
@media (max-width: 991.98px) {
.page-notfound .big-title {
font-size: 90px;
}
}
.page-notfound .sub-title {
color: #999999;
padding: 30px 0;
}
.page-notfound .content {
color: #666666;
font-size: 16px;
max-width: 450px;
margin: 0 auto;
line-height: 30px;
}
@media (max-width: 991.98px) {
.page-notfound .content {
padding: 0 20px;
}
}
.page-notfound .action {
text-align: center;
margin-top: 30px;
}
.page-notfound .action a {
font-size: 16px;
color: var(--krowd-theme-color);
font-weight: 600;
font-family: var(--krowd-heading-font-family);
text-transform: uppercase;
letter-spacing: 1px;
}
.page-notfound .action a:hover {
color: #232733;
}
.view-page {
margin-bottom: 80px;
}
@media (max-width: 991.98px) {
.view-page {
margin-bottom: 50px;
}
}
.view-page ul.pager__items {
padding-left: 0;
}
.node--view-mode-full.node--type-portfolio .post-title {
font-size: 24px;
text-transform: uppercase;
padding: 0;
}
.node--view-mode-full.node--type-portfolio .post-meta {
padding-bottom: 20px;
}
.node--view-mode-full.node--type-portfolio .portfolio-images .owl-nav .owl-prev {
left: 20px !important;
}
.node--view-mode-full.node--type-portfolio .portfolio-images .owl-nav .owl-next {
right: 20px !important;
}
.node--view-mode-full.node--type-portfolio .portfolio-images .owl-dots {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
}
.portfolio-single {
padding-bottom: 30px;
}
.portfolio-single .portfolio-informations {
margin-bottom: 15px;
}
.portfolio-single .portfolio-informations .item-information {
border-bottom: 1px solid #e9e9ee;
padding: 15px 0;
}
.portfolio-single .portfolio-informations .item-information span:first-child {
font-weight: 600;
min-width: 120px;
display: inline-block;
}
.portfolio-single .post-content ul {
padding-left: 20px;
margin-top: 15px;
}
.team-single-page .team-name {
margin-bottom: 30px;
}
.team-single-page .team-name .name {
font-size: 30px;
font-weight: 600;
color: #232733;
line-height: 42px;
}
.team-single-page .team-name .job {
font-size: 12px;
color: #999999;
}
.team-single-page .team-name .line {
text-align: center;
float: left;
}
.team-single-page .team-name .line span {
width: 30px;
height: 5px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
display: inline-block;
margin: 0 5px;
}
.team-single-page .team-name .line span.one {
background: #5EB4E7;
margin-left: 0;
}
.team-single-page .team-name .line span.second {
background: #F8C44F;
}
.team-single-page .team-name .line span.three {
background: #F49626;
margin-right: 0;
}
.team-single-page .socials {
margin-top: 10px;
}
.team-single-page .heading {
font-size: 18px;
font-weight: 600;
color: #232733;
}
.team-single-page .team-contact {
margin-bottom: 25px;
}
.team-single-page .team-contact .content-inner, .team-single-page .team-education .content-inner {
color: #999999;
font-size: 13px;
line-height: 28px;
}
.team-single-page .team-education .field__item {
padding-left: 20px;
position: relative;
}
.team-single-page .team-education .field__item:after {
content: "";
width: 6px;
height: 6px;
background: var(--krowd-theme-color);
position: absolute;
top: 8px;
left: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
z-index: 1;
}
.team-single-page .team-info {
margin-bottom: 30px !important;
}
.team-single-page .team-quote {
font-size: 16px;
color: #999999;
margin-top: 20px;
padding-left: 50px;
position: relative;
}
.team-single-page .team-quote:after {
font-family: "FontAwesome";
content: "\f10d";
left: 0;
top: 0;
position: absolute;
z-index: 1;
color: var(--krowd-theme-color);
font-size: 24px;
text-align: center;
line-height: 40px;
font-weight: 900;
}
.page-user-login, .page-user-register, .page-user-pass, .page-user-edit {
position: relative;
}
.page-user-login .bg, .page-user-register .bg, .page-user-pass .bg, .page-user-edit .bg {
background: #f1f1f1;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
}
.page-user-login input, .page-user-register input, .page-user-pass input, .page-user-edit input {
max-width: 100%;
}
.page-user-login input[type="text"],
.page-user-login input[type="tel"],
.page-user-login input[type="password"],
.page-user-login input[type="email"],
.page-user-login textarea, .page-user-login select, .page-user-register input[type="text"],
.page-user-register input[type="tel"],
.page-user-register input[type="password"],
.page-user-register input[type="email"],
.page-user-register textarea, .page-user-register select, .page-user-pass input[type="text"],
.page-user-pass input[type="tel"],
.page-user-pass input[type="password"],
.page-user-pass input[type="email"],
.page-user-pass textarea, .page-user-pass select, .page-user-edit input[type="text"],
.page-user-edit input[type="tel"],
.page-user-edit input[type="password"],
.page-user-edit input[type="email"],
.page-user-edit textarea, .page-user-edit select {
width: 100%;
}
.page-user-login .help.show, .page-user-register .help.show, .page-user-pass .help.show, .page-user-edit .help.show {
display: block !important;
}
.page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page, .page-user-edit .main-page {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
max-width: 800px;
background: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
margin: 50px auto 30px;
position: relative;
z-index: 99;
}
.page-user-login .main-page .page-use-main-content, .page-user-register .main-page .page-use-main-content, .page-user-pass .main-page .page-use-main-content, .page-user-edit .main-page .page-use-main-content {
padding: 10px 30px 30px;
}
.page-user-login .main-page details > summary, .page-user-register .main-page details > summary, .page-user-pass .main-page details > summary, .page-user-edit .main-page details > summary {
background: var(--krowd-theme-color);
color: #fff;
padding: 2px 20px;
margin-bottom: 15px;
}
.page-user-login .branding, .page-user-register .branding, .page-user-pass .branding, .page-user-edit .branding {
margin-bottom: 20px;
background: #f5f5f5;
padding: 25px 15px;
}
.page-user-login .container, .page-user-register .container, .page-user-pass .container, .page-user-edit .container {
padding: 0;
}
.page-user-login .nav-tabs, .page-user-register .nav-tabs, .page-user-pass .nav-tabs, .page-user-edit .nav-tabs {
margin-bottom: 20px;
}
.page-user-login .nav-tabs > li > a, .page-user-register .nav-tabs > li > a, .page-user-pass .nav-tabs > li > a, .page-user-edit .nav-tabs > li > a {
padding: 4px 10px !important;
}
.page-user-login form .form-item, .page-user-register form .form-item, .page-user-pass form .form-item, .page-user-edit form .form-item {
margin-bottom: 15px;
}
.page-user-login form .form-item label, .page-user-register form .form-item label, .page-user-pass form .form-item label, .page-user-edit form .form-item label {
font-family: var(--krowd-heading-font-family);
color: #1b1f2e;
margin-bottom: 0;
font-weight: 700;
}
.page-user-login form .form-item .description, .page-user-register form .form-item .description, .page-user-pass form .form-item .description, .page-user-edit form .form-item .description {
margin-top: 10px;
}
.page-user-login form .form-action, .page-user-register form .form-action, .page-user-pass form .form-action, .page-user-edit form .form-action {
margin-top: 10px;
}
.page-user-login .main-page {
max-width: 680px;
border-radius: 5px;
overflow: hidden;
}
.user-profile {
font-size: 14px;
line-height: 28px;
margin-bottom: 30px;
}
.user-profile .user-fullname {
font-size: 22px;
font-weight: 700;
color: #232733;
margin-top: 15px;
text-transform: uppercase;
}
.user-profile .user-position {
color: #999999;
margin: 5px 0 10px;
}
.user-profile .form-item {
margin: 15px 0 10px !important;
}
.user-profile .label {
padding: 0 !important;
margin: 0 !important;
display: inline-block;
font-size: 16px;
}
body.path-product {
background: #f7f7f9;
}
.profile-customer-edit-form {
margin-bottom: 80px;
}
.post-block {
background: #fff;
margin-bottom: 30px;
}
.post-block .post-image {
position: relative;
text-align: center;
overflow: hidden;
}
.post-block .post-image a {
display: inline-block;
}
.post-block .post-image img {
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s;
transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
}
.post-block .post-content {
padding: 40px 25px 0;
position: relative;
background: #f7f7f9;
width: 100%;
}
.post-block .content-inner {
-ms-word-wrap: break-word;
word-wrap: break-word;
position: relative;
padding-bottom: 85px;
}
@media (min-width: 768px) {
.post-block .content-inner {
max-width: 268px;
margin: 0 auto;
}
}
.post-block .post-created {
font-size: 11px;
text-transform: uppercase;
color: #fff;
letter-spacing: 2.2px;
font-weight: 500;
background: var(--krowd-theme-color);
padding: 0 15px;
line-height: 30px;
display: inline-block;
margin-bottom: 16px;
}
.post-block .post-author a {
color: #838694;
}
.post-block .meta-inline {
font-size: 14px;
}
.post-block .meta-inline i {
margin-right: 4px;
color: var(--krowd-theme-color-second);
}
.post-block .post-comment {
text-transform: none;
position: relative;
margin-left: 15px;
}
.post-block .post-title {
font-size: 22px;
margin: 10px 0 10px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 34px;
}
.post-block .read-more {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background: #fff;
line-height: 60px;
font-size: 24px;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-block .read-more a {
display: block;
color: #838694;
}
.post-block .read-more i {
display: inline-block;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.post-block:hover .read-more a {
color: var(--krowd-theme-color-three);
background: var(--krowd-theme-color-second);
}
.post-block:hover .post-image img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.post-block.post-single .post-content {
background: transparent;
padding: 0;
}
.post-style-v2 .init-carousel-owl {
margin: 0;
}
.post-style-v2 .init-carousel-owl .owl-item:nth-child(even) .post-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.post-style-v2 .init-carousel-owl .owl-item > .item {
padding: 0;
}
.post-style-v2 .post-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-style-v2 .post-block .post-content {
padding: 40px 25px 30px;
}
.post-style-v2 .post-block .content-inner {
padding-bottom: 0;
}
.post-style-v2 .post-block .read-more {
display: none;
}
.post-bg-content .post-block .post-content {
background: #fff;
}
.post-bg-content .post-block .read-more {
background: #f7f7f9;
}
.gallery-post {
position: relative;
display: block;
width: 100%;
}
.gallery-post:after {
content: "";
width: 100%;
height: 100%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
top: 0;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.5);
z-index: 9;
opacity: 0;
filter: alpha(opacity=0);
}
.gallery-post .images {
overflow: hidden;
position: relative;
}
.gallery-post .images img {
-webkit-transition: all 5s;
transition: all 5s;
-moz-transition: all 5s;
-ms-transition: all 5s;
}
.gallery-post a.zoomGallery {
position: absolute;
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
z-index: 99;
color: #fff;
font-size: 30px;
line-height: 1;
opacity: 0;
filter: alpha(opacity=0);
}
@media (max-width: 680px) {
.gallery-post a.zoomGallery {
display: none;
}
}
.gallery-post:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
.gallery-post:hover a.zoomGallery {
opacity: 1;
filter: alpha(opacity=100);
}
.post-style-horizontal .post-block:before, .post-style-horizontal .post-block:after {
content: " ";
display: table;
}
.post-style-horizontal .post-block:after {
clear: both;
}
.post-style-grid ul.js-pager__items {
display: none;
}
.feed-icon {
background: var(--krowd-theme-color);
padding: 15px 30px;
color: #fff;
}
.feed-icon:hover {
background: var(--krowd-theme-color-three);
color: #fff;
}
ul.js-pager__items.pager {
list-style: none;
padding: 0;
}
.node--view-mode-full .post-thumbnail {
margin-bottom: 10px;
}
.node--view-mode-full .post-thumbnail iframe {
min-height: 400px;
}
.node-detail {
padding-bottom: 35px;
}
.node-detail iframe {
width: 100%;
display: block;
}
.node-detail .post-thumbnail.post-gallery {
overflow: hidden;
}
.node-detail .post-thumbnail.post-gallery .owl-nav {
opacity: 1;
filter: alpha(opacity=100);
}
.node-detail .post-thumbnail.post-gallery .owl-nav .owl-prev {
margin-left: 100px;
}
.node-detail .post-thumbnail.post-gallery .owl-nav .owl-next {
margin-right: 100px;
}
.node-detail .post-thumbnail .item-image {
margin-bottom: 30px;
}
.node-detail .post-title {
font-size: 40px;
line-height: 60px;
margin-bottom: 30px;
}
.node-detail .field--name-field-tags {
margin-top: 30px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9ee;
border-top: 1px solid #e9e9ee;
}
.node-detail .field--name-field-tags .field__label {
display: inline-block;
font-size: 24px;
color: var(--krowd-theme-color-three);
font-weight: 600;
margin-right: 20px;
}
.node-detail .field--name-field-tags .field__items {
display: inline-block;
}
.node-detail .field--name-field-tags .field__item {
display: inline-block;
margin-right: 10px;
}
.node-detail .field--name-field-tags .field__item a {
font-size: 18px;
color: #838694;
}
.node-detail .field--name-field-tags .field__item a:hover, .node-detail .field--name-field-tags .field__item a:focus, .node-detail .field--name-field-tags .field__item a:active {
color: var(--krowd-theme-color);
}
.node__content .field--name-field-tags + ul.links {
border-top: 0;
margin-top: 0;
}
.node__content ul.links {
margin-top: 30px;
padding-left: 0;
}
.node__content ul.links a {
font-weight: 700;
}
.categories-view-content.layout-grid .post-block, .categories-view-content.layout-masonry .post-block {
margin-bottom: 30px;
text-align: left;
}
.categories-view-content.layout-grid .post-block .post-categories, .categories-view-content.layout-masonry .post-block .post-categories {
margin: 0;
}
.categories-view-content.layout-grid .post-block .post-categories h2, .categories-view-content.layout-grid .post-block .post-categories h3, .categories-view-content.layout-grid .post-block .post-categories h4, .categories-view-content.layout-masonry .post-block .post-categories h2, .categories-view-content.layout-masonry .post-block .post-categories h3, .categories-view-content.layout-masonry .post-block .post-categories h4 {
margin: 0;
line-height: 1;
}
.categories-view-content.layout-grid .post-block .post-title, .categories-view-content.layout-masonry .post-block .post-title {
padding: 0;
}
.categories-view-content.layout-grid .post-block .post-meta, .categories-view-content.layout-masonry .post-block .post-meta {
margin-top: 0;
}
.categories-view-content.layout-grid .post-block .post-body, .categories-view-content.layout-masonry .post-block .post-body {
padding: 10px 0 15px;
}
.categories-view-content.layout-grid .post-block .post-content, .categories-view-content.layout-masonry .post-block .post-content {
padding: 15px;
border: 1px solid #e9e9ee;
border-top: 0;
}
.categories-view-content.layout-list .post-block {
margin-bottom: 0;
}
.categories-view-content.layout-list .post-block:before, .categories-view-content.layout-list .post-block:after {
content: " ";
display: table;
}
.categories-view-content.layout-list .post-block:after {
clear: both;
}
.categories-view-content.layout-list .post-block .post-thumbnail {
width: 45%;
float: left;
}
@media (max-width: 991.98px) {
.categories-view-content.layout-list .post-block .post-thumbnail {
width: 100%;
}
}
.categories-view-content.layout-list .post-block .post-title {
padding: 0;
margin: 0;
}
.categories-view-content.layout-list .post-block .post-content {
width: 55%;
float: left;
padding-left: 30px;
}
@media (max-width: 991.98px) {
.categories-view-content.layout-list .post-block .post-content {
width: 100%;
}
}
.categories-view-content.layout-list .post-block .post-content .post-categories {
line-height: 1;
padding-bottom: 0;
margin-bottom: 0;
}
.categories-view-content.layout-list .post-block .post-content .post-categories h2 {
margin: 0;
}
.post-style-list .post-block {
clear: both;
}
.post-style-list .post-block .post-image {
width: 40%;
float: left;
}
@media (max-width: 991.98px) {
.post-style-list .post-block .post-image {
width: 100%;
}
}
.post-style-list .post-block .post-image img {
height: auto;
width: 100%;
}
.post-style-list .post-block .post-content {
width: 60%;
padding-left: 30px;
float: left;
background: transparent;
}
@media (max-width: 991.98px) {
.post-style-list .post-block .post-content {
width: 100%;
padding-left: 0;
}
}
.post-style-list .post-block.no-image .post-content {
width: 100%;
padding-left: 0;
}
.post-style-list.small .view-list-item {
padding-top: 5px;
padding-bottom: 30px;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
}
.post-style-list.small .view-list-item:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.post-style-list.small .post-block {
background: transparent;
}
.post-style-list.small .post-block:before, .post-style-list.small .post-block:after {
content: " ";
display: table;
}
.post-style-list.small .post-block:after {
clear: both;
}
.post-style-list.small .post-image {
width: 60px;
height: auto;
}
.post-style-list.small .post-meta {
display: none;
}
.post-style-list.small .post-content {
padding: 0;
padding-left: 80px;
float: none;
width: 100%;
}
.post-style-list.small .post-title {
margin: 0;
margin-top: -5px;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.post-style-list.small .post-meta {
padding: 0;
}
.post-style-list.v2 .post-block {
margin-bottom: 30px;
}
.post-style-list.v2 .post-block:before, .post-style-list.v2 .post-block:after {
content: " ";
display: table;
}
.post-style-list.v2 .post-block:after {
clear: both;
}
.post-style-list.v2 .post-image {
width: 320px;
height: auto;
}
@media (max-width: 700px) {
.post-style-list.v2 .post-image {
width: 100%;
}
}
.post-style-list.v2 .post-content {
padding-left: 340px;
float: none;
width: 100%;
padding-top: 15px;
padding-right: 15px;
}
@media (max-width: 700px) {
.post-style-list.v2 .post-content {
float: left;
width: 100%;
padding: 20px;
}
}
.post-style-list.v2 .post-content .post-meta {
float: left;
width: 100%;
}
.post-style-stick .item-list > ul > li {
display: block;
float: right;
overflow: hidden;
clear: right;
}
@media (max-width: 1023.98px) {
.post-style-stick .item-list > ul > li {
width: 100%;
clear: both;
}
}
.post-style-stick .item-list > ul > li .post-title, .post-style-stick .item-list > ul > li .post-meta, .post-style-stick .item-list > ul > li .post-meta-wrap {
clear: both;
}
.post-style-stick .item-list > ul > li:last-child {
margin-bottom: 0 !important;
}
.post-style-stick .item-list > ul > li:not(:first-child) {
margin-bottom: 50px;
width: 45%;
}
@media (max-width: 1023.98px) {
.post-style-stick .item-list > ul > li:not(:first-child) {
width: 100%;
}
}
.post-style-stick .item-list > ul > li:not(:first-child) .post-image {
width: 200px;
float: left;
z-index: 10;
}
@media (max-width: 1023.98px) {
.post-style-stick .item-list > ul > li:not(:first-child) .post-image {
width: 150px;
}
}
@media (max-width: 380px) {
.post-style-stick .item-list > ul > li:not(:first-child) .post-image {
margin-top: 10px;
width: 100%;
float: left;
}
}
.post-style-stick .item-list > ul > li:not(:first-child) .post-content {
padding-left: 230px;
}
@media (max-width: 1023.98px) {
.post-style-stick .item-list > ul > li:not(:first-child) .post-content {
padding-left: 165px;
}
}
@media (max-width: 380px) {
.post-style-stick .item-list > ul > li:not(:first-child) .post-content {
padding-left: 0;
margin-top: 15px;
float: left;
width: 100%;
}
}
.post-style-stick .item-list > ul > li:not(:first-child) .post-content .post-meta {
float: left;
width: 100%;
padding: 0 0 10px;
}
.post-style-stick .item-list > ul > li:not(:first-child) .post-title, .post-style-stick .item-list > ul > li:not(:first-child) .post-meta, .post-style-stick .item-list > ul > li:not(:first-child) .post-meta-wrap {
clear: none !important;
}
.post-style-stick .item-list > ul > li:first-child {
border-bottom: 0 none;
display: block;
float: left;
padding-right: 4% !important;
width: 55%;
clear: none;
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 1023.98px) {
.post-style-stick .item-list > ul > li:first-child {
width: 100%;
clear: both;
margin-bottom: 20px;
padding-right: 0 !important;
}
}
.post-style-stick .item-list > ul > li:first-child .post-content {
padding-top: 30px;
padding-bottom: 30px;
}
.post-style-stick .item-list > ul > li:first-child .post-title {
font-family: var(--krowd-font-sans-serif);
}
.post-style-stick .item-list > ul > li:first-child .post-title a {
font-size: 30px;
line-height: 40px;
}
.post-style-stick .item-list > ul > li:first-child .post-title a:hover {
color: var(--krowd-theme-color);
}
.post-style-stick .item-list > ul > li:first-child .post-meta {
margin: 0 0 5px;
}
.post-style-stick .item-list > ul > li:first-child:after {
content: none;
}
.post-style-stick.list .item-list > ul > li {
width: 100% !important;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 15px;
padding-bottom: 15px !important;
}
.post-style-stick.list .item-list > ul > li:first-child {
border-bottom: 1px solid #e1e1e1;
display: block;
float: left;
padding-right: 0 !important;
clear: none;
margin-bottom: 15px;
padding-bottom: 15px;
}
.post-style-stick.list .item-list > ul > li:last-child {
border: none;
}
/*******************/
.testimonial-node-v1 {
max-width: 1060px;
margin: 0 auto;
position: relative;
/* @include media-breakpoint-down(md){
max-width: 550px;
}*/
}
.testimonial-node-v1 .testimonial-content {
position: relative;
z-index: 11;
background: #F7F7F9;
padding-bottom: 30px;
border-left: 3px solid var(--krowd-theme-color-second);
}
@media (min-width: 768px) {
.testimonial-node-v1 .testimonial-content {
margin: 30px auto 0;
}
}
@media (min-width: 768px) {
.testimonial-node-v1 .testimonial-right {
position: absolute;
width: 415px;
height: 100%;
float: left;
right: 30px;
top: -30px;
padding: 0;
}
.testimonial-node-v1 .testimonial-left {
width: calc(100% - 415px);
float: left;
padding: 40px 50px 100px 60px;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.testimonial-node-v1 .testimonial-right {
width: 350px;
}
.testimonial-node-v1 .testimonial-left {
width: calc(100% - 350px);
}
}
@media (max-width: 767.98px) {
.testimonial-node-v1 .testimonial-left {
padding: 45px 30px 30px;
}
.testimonial-node-v1 .testimonial-right {
position: relative;
min-height: 200px;
right: 0;
float: left;
padding: 30px;
text-align: left;
}
}
.testimonial-node-v1 .testimonial-quote {
font-size: 20px;
}
@media (max-width: 767.98px) {
.testimonial-node-v1 .testimonial-quote {
font-size: 16px;
}
}
.testimonial-node-v1 .testimonial-name {
font-size: 26px;
color: var(--krowd-theme-color);
margin-bottom: 30px;
}
@media (max-width: 767.98px) {
.testimonial-node-v1 .testimonial-name {
margin-top: 0;
margin-bottom: 20px;
}
}
.testimonial-node-v1 .testimonial-image {
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 30px;
right: 0;
overflow: hidden;
text-align: center;
}
@media (max-width: 767.98px) {
.testimonial-node-v1 .testimonial-image {
position: relative;
display: inline-block;
left: 0;
width: 100%;
}
}
.testimonial-node-v1 .bg-testimonial {
height: 100%;
width: 100%;
}
.testimonial-node-v1 .bg-testimonial img {
height: 100%;
width: auto;
max-width: unset !important;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
@media (max-width: 767.98px) {
.testimonial-node-v1 .bg-testimonial img {
max-width: 100% !important;
height: auto;
}
}
.testimonial-node-v1 .icon-quote {
width: 64px;
height: 64px;
background: var(--krowd-theme-color-second);
color: var(--krowd-theme-color-three);
position: absolute;
top: 0;
right: 0;
z-index: 1;
text-align: center;
line-height: 64px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.testimonial-node-v1 .icon-quote:hover {
background: var(--krowd-theme-color);
color: #fff;
}
.testimonial-node-v1 .icon-quote:hover i {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.testimonial-node-v2 {
text-align: center;
background: #fff;
padding: 15px;
margin-bottom: 50px;
position: relative;
}
.testimonial-node-v2:before {
content: "";
position: absolute;
right: 0;
top: 0;
background: var(--krowd-theme-color-second);
-webkit-transform: scale(0);
transform: scale(0);
width: 30px;
height: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.testimonial-node-v2:hover, .testimonial-node-v2:focus {
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.testimonial-node-v2:hover .line-1, .testimonial-node-v2:hover .line-2, .testimonial-node-v2:focus .line-1, .testimonial-node-v2:focus .line-2 {
opacity: 1;
filter: alpha(opacity=100);
}
.testimonial-node-v2:hover .line-1:before, .testimonial-node-v2:hover .line-2:before, .testimonial-node-v2:focus .line-1:before, .testimonial-node-v2:focus .line-2:before {
width: 100%;
}
.testimonial-node-v2:hover .line-1:after, .testimonial-node-v2:hover .line-2:after, .testimonial-node-v2:focus .line-1:after, .testimonial-node-v2:focus .line-2:after {
height: 100%;
}
.testimonial-node-v2:hover:before, .testimonial-node-v2:focus:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.testimonial-node-v2 .avatar {
position: absolute;
bottom: -60px;
left: 50%;
z-index: 10;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonial-node-v2 .avatar img {
width: 90px;
height: 90px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.testimonial-node-v2 .testimonial-content {
padding: 45px;
position: relative;
}
@media (max-width: 767.98px) {
.testimonial-node-v2 .testimonial-content {
padding: 25px;
}
}
.testimonial-node-v2 .content-inner {
max-width: 380px;
margin: 0 auto;
}
.testimonial-node-v2 .line-1, .testimonial-node-v2 .line-2 {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.testimonial-node-v2 .line-1:after, .testimonial-node-v2 .line-1:before, .testimonial-node-v2 .line-2:after, .testimonial-node-v2 .line-2:before {
content: "";
position: absolute;
z-index: 1;
background: var(--krowd-theme-color-second);
width: 2px;
height: 2px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.testimonial-node-v2 .line-1:after, .testimonial-node-v2 .line-1:before {
top: 0;
right: 0;
}
.testimonial-node-v2 .line-2:after, .testimonial-node-v2 .line-2:before {
bottom: 0;
left: 0;
}
.testimonial-node-v2 .quote {
font-size: 18px;
line-height: 36px;
}
.testimonial-node-v2 .icon-quote {
margin-bottom: 30px;
display: inline-block;
background: var(--krowd-theme-color);
color: #fff;
text-align: center;
font-size: 16px;
line-height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
width: 50px;
height: 50px;
}
.testimonial-node-v2 .title {
margin-top: 30px;
margin-bottom: 35px;
font-size: 20px;
line-height: 26px;
}
.testimonial-carousel.owl-carousel .owl-nav {
opacity: 1;
filter: alpha(opacity=100);
}
@media (min-width: 768px) {
.testimonial-carousel.owl-carousel .owl-nav {
display: block;
}
}
.testimonial-carousel.owl-carousel .owl-nav .owl-next, .testimonial-carousel.owl-carousel .owl-nav .owl-prev {
bottom: 0;
top: unset;
left: 120px;
right: unset;
width: 68px;
height: 68px;
line-height: 68px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 1023.98px) {
.testimonial-carousel.owl-carousel .owl-nav .owl-next, .testimonial-carousel.owl-carousel .owl-nav .owl-prev {
left: 65px;
}
}
.testimonial-carousel.owl-carousel .owl-nav .owl-next {
left: 200px;
background: var(--krowd-theme-color);
color: #fff;
}
.testimonial-carousel.owl-carousel .owl-nav .owl-next:after {
opacity: 1;
filter: alpha(opacity=100);
}
@media (max-width: 1023.98px) {
.testimonial-carousel.owl-carousel .owl-nav .owl-next {
left: 145px;
}
}
.testimonial-carousel.owl-carousel:hover .owl-nav .owl-next {
margin-left: 0px;
}
.testimonial-carousel.owl-carousel:hover .owl-nav .owl-prev {
margin-right: 0px;
}
.team-block {
background: #fff;
text-align: center;
position: relative;
max-width: 400px;
margin: 0 auto;
margin-bottom: 30px;
}
.team-block .team-image {
position: relative;
overflow: hidden;
text-align: center;
}
.team-block .team-image:after {
background: rgba(0, 0, 0, 0.5);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.team-block .socials-team {
position: absolute;
bottom: 0;
left: 0;
text-align: left;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.team-block .socials-team .gva-social {
display: block;
text-align: left;
color: #fff;
margin: 0;
text-transform: uppercase;
font-size: 16px;
width: 56px;
height: 56px;
text-align: center;
line-height: 56px;
background: var(--krowd-theme-color);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.team-block .socials-team .gva-social:hover, .team-block .socials-team .gva-social:focus, .team-block .socials-team .gva-social:active {
color: #fff;
background: var(--krowd-theme-color-second);
}
.team-block .socials-team .gva-social.share-social {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0px);
transform: translateY(0px);
padding-top: 3px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.team-block .team-content-inner {
position: relative;
z-index: 2;
padding: 30px 0;
border-bottom: 1px solid #E9E9EE;
z-index: 11;
background: #F7F7F9;
}
.team-block .team-name {
font-size: 20px;
margin: 0 0 2px;
line-height: 20px;
}
.team-block .team-job {
font-size: 16px;
text-transform: capitalize;
margin-top: 5px;
}
.team-block:hover .team-image:after {
opacity: 1;
filter: alpha(opacity=100);
}
.team-block:hover .socials-team a {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
filter: alpha(opacity=100);
}
.team-list .team-block .team-image {
width: 35%;
float: left;
}
.team-list .team-block .team-content {
padding-left: 30px;
width: 65%;
float: left;
}
.team-list .team-block .team-content .team-body {
display: block !important;
visibility: visible !important;
padding: 10px 0;
}
.box-margin-0 {
margin-bottom: 0;
}
.box-margin-small {
margin-bottom: 30px;
}
.box-margin-medium {
margin-bottom: 60px;
}
@media (max-width: 991.98px) {
.box-margin-medium {
margin-bottom: 30px;
}
}
.box-margin-large {
margin-bottom: 80px;
}
@media (max-width: 1023.98px) {
.box-margin-large {
margin-bottom: 60px;
}
}
@media (max-width: 991.98px) {
.box-margin-large {
margin-bottom: 30px;
}
}
.no-margin {
margin: 0 !important;
}
.margin-1 {
margin-bottom: -150px;
}
@media (max-width: 1023.98px) {
.margin-1 {
margin-bottom: 0px;
}
}
.margin-2 {
margin-top: 60px;
}
@media (max-width: 991.98px) {
.margin-2 {
margin-top: 20px;
}
}
.margin-3 {
margin-top: 80px;
}
@media (max-width: 991.98px) {
.margin-3 {
margin-top: 50px;
}
}
.margin-4 {
margin-top: 30px;
}
@media (max-width: 767.98px) {
.margin-4 {
margin-top: 0;
}
}
a:hover {
text-decoration: none;
}
.hidden {
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible !important;
}
table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th, table > tbody > tr > td,
table > tfoot > tr > th, table > tfoot > tr > td,
.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: 8px;
line-height: 1.8;
vertical-align: top;
border-top: 1px solid #ddd;
}
.no-margin {
margin: 0 !important;
}
.margin-top-0 {
margin-top: 0 !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-top-200 {
margin-top: 200px;
}
@media (max-width: 991.98px) {
.margin-top-200 {
margin-top: 0;
}
}
.margin-top_1, .margin-top_84 {
margin-top: -78px !important;
}
@media (max-width: 1023.98px) {
.margin-top_1, .margin-top_84 {
margin-top: 50px !important;
}
}
.margin-top_100 {
margin-top: -100px !important;
}
@media (max-width: 1023.98px) {
.margin-top_100 {
margin-top: 50px !important;
}
}
.margin-top_200 {
margin-top: -200px;
}
@media (max-width: 991.98px) {
.margin-top_200 {
margin-top: 50px;
}
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-15 {
margin-bottom: 15px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
@media (max-width: 991.98px) {
.margin-bottom-100 {
margin-bottom: 50px !important;
}
}
.margin-bottom-120 {
margin-bottom: 120px !important;
}
@media (max-width: 991.98px) {
.margin-bottom-120 {
margin-bottom: 60px !important;
}
}
.margin-bottom_100 {
margin-bottom: -100px !important;
}
@media (max-width: 1023.98px) {
.margin-bottom_100 {
margin-bottom: 50px !important;
}
}
.margin-bottom_200 {
margin-bottom: -200px !important;
}
@media (max-width: 1023.98px) {
.margin-bottom_200 {
margin-bottom: 50px !important;
}
}
.margin-bottom_376 {
margin-bottom: -376px !important;
}
@media (max-width: 1023.98px) {
.margin-bottom_376 {
margin-bottom: 50px !important;
}
}
.padding-10 {
padding: 10px !important;
}
.padding-20 {
padding: 20px !important;
}
.padding-30 {
padding: 30px !important;
}
.padding-40 {
padding: 40px !important;
}
.padding-50 {
padding: 50px !important;
}
.padding-bottom-0 {
padding-bottom: 0 !important;
}
.padding-bottom-10 {
padding-bottom: 10px !important;
}
.padding-bottom-15 {
padding-bottom: 15px !important;
}
.padding-bottom-20 {
padding-bottom: 20px !important;
}
.padding-bottom-30 {
padding-bottom: 30px !important;
}
.padding-bottom-40 {
padding-bottom: 40px !important;
}
.padding-bottom-50 {
padding-bottom: 50px !important;
}
.padding-bottom-60 {
padding-bottom: 60px !important;
}
@media (max-width: 991.98px) {
.padding-bottom-60 {
padding-bottom: 30px !important;
}
}
.padding-bottom-100 {
padding-bottom: 100px !important;
}
@media (max-width: 991.98px) {
.padding-bottom-100 {
padding-bottom: 30px !important;
}
}
.padding-bottom-280 {
padding-bottom: 280px !important;
}
@media (max-width: 991.98px) {
.padding-bottom-280 {
padding-bottom: 50px !important;
}
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-top-20 {
padding-top: 20px !important;
}
.padding-top-30 {
padding-top: 30px !important;
}
.padding-top-40 {
padding-top: 40px !important;
}
.padding-top-50 {
padding-top: 50px !important;
}
.padding-top-80 {
padding-top: 80px !important;
}
@media (max-width: 1281px) {
.padding-top-80 {
padding-top: 50px !important;
}
}
.padding-top-100 {
padding-top: 100px !important;
}
@media (max-width: 1281px) {
.padding-top-100 {
padding-top: 30px !important;
}
}
.padding-top-300 {
padding-top: 300px !important;
}
@media (max-width: 1281px) {
.padding-top-300 {
padding-top: 0px !important;
}
}
.padding-top-333 {
padding-top: 333px !important;
}
@media (max-width: 1281px) {
.padding-top-333 {
padding-top: 0px !important;
}
}
.padding-left-80 {
padding-left: 80px !important;
}
@media (max-width: 1281px) {
.padding-left-80 {
padding-left: 15px !important;
}
}
.padding-left-100 {
padding-left: 100px !important;
}
@media (max-width: 1281px) {
.padding-left-100 {
padding-left: 15px !important;
}
}
.padding-left-120 {
padding-left: 120px !important;
}
@media (max-width: 1281px) {
.padding-left-120 {
padding-left: 30px !important;
}
}
.width-100 {
max-width: 100px !important;
margin: 0 auto;
}
.width-200 {
max-width: 200px !important;
margin: 0 auto;
}
.width-300 {
max-width: 300px !important;
margin: 0 auto;
}
.width-400 {
max-width: 400px !important;
margin: 0 auto;
}
.width-500 {
max-width: 500px !important;
margin: 0 auto;
}
.width-600 {
max-width: 600px !important;
margin: 0 auto;
}
.width-700 {
max-width: 700px !important;
margin: 0 auto;
}
.width-800 {
max-width: 800px !important;
margin: 0 auto;
}
.width-900 {
max-width: 900px !important;
margin: 0 auto;
}
.width-950 {
max-width: 950px !important;
margin: 0 auto;
}
.width-1000 {
max-width: 1000px !important;
margin: 0 auto;
}
.z-index-10 {
z-index: 10;
position: relative;
}
.radius-1x {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.radius-2x {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.radius-5x {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.padding-responsive {
padding: 30px 120px;
}
@media (max-width: 991.98px) {
.padding-responsive {
padding: 30px;
}
}
.special-margin-top {
margin-top: -100px;
}
@media (max-width: 991.98px) {
.special-margin-top {
margin-top: 30px;
}
}
.margin-top-contact {
margin-top: -100px;
padding-bottom: 80px;
}
@media (max-width: 991.98px) {
.margin-top-contact {
margin-top: 30px;
padding-bottom: 45px;
}
}
.padding-lr-15p {
padding-left: 15%;
padding-right: 15%;
}
@media (max-width: 991.98px) {
.padding-lr-15p {
padding-left: 20px;
padding-right: 20px;
}
}
.border-1 {
border: 1px solid #e9e9ee;
}
.border-2 {
border: 2px solid #e9e9ee;
}
.border-3 {
border: 3px solid #e9e9ee;
}
.border-4 {
border: 4px solid #e9e9ee;
}
.border-5 {
border: 5px solid #e9e9ee;
}
.text-light .border-1, .text-light .border-2, .text-light .border-3, .text-light .border-4, .text-light .border-5 {
border-color: rgba(255, 255, 255, 0.6) !important;
}
.border-bottom-white {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.border-top-white {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
@media (min-width: 1024px) {
.border-top-light {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-right-light {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
}
.border-bottom-2 {
border-bottom: 2px solid #e9e9ee;
}
.float-left {
float: left;
}
.no-bg {
background-color: transparent !important;
}
.col-no-padding div[class*="col-"] {
padding: 0 !important;
}
.p-static {
position: static !important;
}
.p-relative {
position: relative !important;
}
.bg-theme {
background: var(--krowd-theme-color);
}
.bg-theme-second {
background: var(--krowd-theme-color-second);
}
.bg-white {
background: #fff;
}
.bg-black {
background: #333333;
}
.bg-primary-overlay:before {
background-color: rgba(var(--krowd-theme-color), 0.95);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.youtube-bg {
position: relative;
z-index: 9;
}
.youtube-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
z-index: 9;
}
.youtube-bg .bb-inner {
position: relative;
z-index: 99;
}
.ui-widget-content {
color: #838694;
}
.text-normal {
font-size: 15px;
}
.text-size-medium {
font-size: 24px;
line-height: 38px;
font-weight: 700;
color: var(--krowd-theme-color-second);
}
@media (max-width: 1023.98px) {
.text-size-medium {
font-size: 20px;
line-height: 32px;
}
}
.text-size-big {
font-size: 42px;
font-family: var(--krowd-heading-font-family);
font-weight: 700;
text-transform: uppercase;
line-height: 48px;
letter-spacing: 1px;
}
@media (max-width: 1023.98px) {
.text-size-big {
font-size: 30px;
line-height: 38px;
}
}
.text-size-big {
font-size: 36px;
}
@media (max-width: 1023.98px) {
.text-size-big {
font-size: 20px;
}
}
.text-black {
color: #1b1f2e !important;
}
.text-black > a {
color: #1b1f2e !important;
}
.text-white {
color: #fff !important;
}
.text-white > a {
color: #fff !important;
}
.text-theme {
color: var(--krowd-theme-color) !important;
}
.text-theme > a {
color: var(--krowd-theme-color) !important;
}
.text-theme-2, .text-theme-second {
color: var(--krowd-theme-color-second) !important;
}
.text-theme-2 > a, .text-theme-second > a {
color: var(--krowd-theme-color-second) !important;
}
.text-gray {
color: #838694 !important;
}
.text-gray > a {
color: #838694 !important;
}
.text-gray-light {
color: #d6cffa !important;
}
.text-gray-light > a {
color: #d6cffa !important;
}
.color-theme {
color: var(--krowd-theme-color) !important;
}
.color-theme > a {
color: var(--krowd-theme-color) !important;
}
.color-white {
color: #fff !important;
}
.color-white > a {
color: #fff !important;
}
.color-dark {
color: #f1f1f1 !important;
}
.color-dark > a {
color: #f1f1f1 !important;
}
.color-black {
color: #000 !important;
}
.color-black > a {
color: #000 !important;
}
.align-content-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gavias-parallax {
background-attachment: fixed !important;
}
@media (max-width: 991.98px) {
.gavias-parallax {
background-attachment: scroll !important;
}
}
.gavias-parallax.fp-section {
background-attachment: scroll !important;
}
.socials {
display: inline-block;
text-align: left;
width: 100%;
}
.socials a {
color: #838694;
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
margin-right: 5px;
font-size: 14px;
}
.socials a:last-child {
margin-right: 0;
}
.socials a:hover, .socials a:focus, .socials a:active {
opacity: 0.7;
filter: alpha(opacity=70);
}
.socials a i {
color: #fff;
width: 41px;
height: 41px;
display: inline-block;
text-align: center;
line-height: 41px;
font-size: 12px;
}
.socials a i.fa-facebook-square, .socials a i.fa-facebook {
background: #3b5998;
}
.socials a i.fa-twitter, .socials a i.fa-twitter-square {
background: #1696d2;
}
.socials a i.fa-skype {
background: #12a5f4;
}
.socials a i.fa-dribbble {
background: #ea4c89;
}
.socials a i.fa-linkedin-square, .socials a i.fa-linkedin {
background: #0e76a8;
}
.socials a i.fa-apple {
background: #f2f2f2;
}
.socials a i.fa-pinterest, .socials a i.fa-pinterest-p {
background: #c92228;
}
.socials a i.fa-google-plus-square, .socials a i.fa-google-plus {
background: #d34836;
}
.socials a i.fa-youtube-square, .socials a i.fa-youtube {
background: #c4302b;
}
.socials a i.fa-vimeo-square, .socials a i.fa-vimeo {
background: #4ebbff;
}
.socials a i.fa-tumblr-square, .socials a i.fa-tumblr {
background: #35465c;
}
.socials a i.fa-xing-square, .socials a i.fa-xing {
background: #126567;
}
.socials a i.fa-instagram {
background: #59a1b9;
}
.socials-v1 a {
display: inline-block;
width: 47px;
height: 47px;
line-height: 47px;
margin-right: 10px;
text-align: center;
padding: 0;
color: var(--krowd-theme-color-three);
background-color: #fff;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.socials-v1 a:after {
content: '';
width: 9px;
height: 9px;
background: #fff;
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.socials-v1 a:hover {
color: var(--krowd-theme-color-three);
background: var(--krowd-theme-color-second);
}
.post-masonry-style > div, .isotope-items > div {
margin-left: -1px;
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
.nav-tabs > li > a {
font-weight: 400;
color: #232733;
padding: 8px 18px;
border: none;
font-size: 16px;
background: none;
font-family: var(--krowd-heading-font-family);
}
.nav-tabs > li > a i {
margin-right: 5px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {
color: var(--krowd-theme-color);
}
.nav-tabs > li.active > a, .nav-tabs > li > a.active {
color: var(--krowd-theme-color);
}
.box-quick-link ul {
padding: 0;
margin: 0;
}
.box-quick-link ul > li {
width: 46%;
height: 70px;
border: 1px solid #e9e9ee;
float: left;
list-style: none;
text-align: center;
margin-bottom: 8%;
}
.box-quick-link ul > li:nth-child(2n) {
margin-left: 4%;
}
.box-quick-link ul > li:nth-child(2n+1) {
margin-right: 4%;
}
.box-quick-link ul > li a {
font-weight: 600;
font-size: 13px;
display: block;
line-height: 1.8;
padding-top: 12px;
}
.box-quick-link ul > li a i {
display: block;
font-size: 23px;
color: #777777;
}
.box-quick-link ul > li a:hover {
color: #fff;
}
.box-quick-link ul > li a:hover i {
color: #fff;
}
.box-quick-link ul > li:hover {
background-color: #555555;
}
.box-quick-link ul > li:hover * {
color: #fff;
}
.init-carousel-owl {
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.init-carousel-owl .owl-item > .item {
padding-left: 15px;
padding-right: 15px;
}
.init-carousel-owl.carousel-no-padding, .init-carousel-owl.no-padding {
margin-left: 0 !important;
margin-right: 0 !important;
}
.init-carousel-owl.carousel-no-padding .owl-item > .item, .init-carousel-owl.no-padding .owl-item > .item {
padding-left: 0 !important;
padding-right: 0 !important;
}
.init-carousel-owl[data-items*="1"] {
margin-left: 0 !important;
margin-right: 0 !important;
}
.init-carousel-owl[data-items*="1"] .owl-item > .item {
padding-left: 0 !important;
padding-right: 0 !important;
}
div.error {
background-repeat: no-repeat !important;
background-image: none !important;
}
.owl-carousel {
background: none !important;
position: relative;
max-height: 200px;
}
.owl-carousel .item {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.owl-carousel .owl-stage-outer .item {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.owl-carousel.owl-loaded {
max-height: none;
}
.owl-carousel .owl-item img {
display: inline-block;
width: auto;
}
.owl-carousel .owl-controls {
margin: 0;
}
.owl-carousel .owl-controls .owl-pagination {
position: relative;
bottom: 10px;
z-index: 9;
display: inline-block;
width: 100%;
left: 0;
}
.owl-carousel .owl-controls .owl-pagination .owl-page span {
background: #d6d6d6;
width: 10px;
height: 10px;
}
.owl-carousel .owl-controls .owl-pagination .owl-page.active span {
background: #869791;
}
.owl-carousel .owl-dots {
margin-top: 0;
text-align: center;
float: left;
width: 100%;
}
.owl-carousel .owl-dots .owl-dot {
width: 11px;
height: 11px;
background: #e9e9ee;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
display: inline-block;
margin: 0 3px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-transform: scale(1);
transform: scale(1);
}
.owl-carousel .owl-dots .owl-dot.active {
background: var(--krowd-theme-color);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.owl-carousel .owl-dots .owl-dot:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
background: var(--krowd-theme-color);
}
.owl-carousel .owl-nav {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
}
.owl-carousel .owl-nav > div {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
position: absolute;
top: 50%;
margin-top: -20px;
width: 46px;
height: 46px;
color: var(--krowd-theme-color-three);
opacity: 1;
filter: alpha(opacity=100);
line-height: 46px;
text-align: center;
font-size: 16px;
padding-top: 0;
padding-bottom: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.owl-carousel .owl-nav > div:after {
content: '';
width: 8px;
height: 8px;
background: var(--krowd-theme-color-second);
position: absolute;
top: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
opacity: 0;
filter: alpha(opacity=0);
}
.owl-carousel .owl-nav > div span {
position: relative;
z-index: 9;
}
.owl-carousel .owl-nav > div:hover {
background: var(--krowd-theme-color);
color: #fff;
}
.owl-carousel .owl-nav > div:hover i {
color: #fff;
}
.owl-carousel .owl-nav > div:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel .owl-nav > div.owl-prev {
right: auto;
left: -50px;
}
@media (max-width: 1199.98px) {
.owl-carousel .owl-nav > div.owl-prev {
left: 0;
}
}
.owl-carousel .owl-nav > div.owl-next {
left: auto;
right: -50px;
}
@media (max-width: 1199.98px) {
.owl-carousel .owl-nav > div.owl-next {
right: 0;
}
}
.owl-carousel:hover .owl-nav {
opacity: 1;
filter: alpha(opacity=100);
background: #fff;
}
.owl-carousel:hover .owl-nav .owl-next {
margin-left: 30px;
}
.owl-carousel:hover .owl-nav .owl-prev {
margin-right: 30px;
}
.owl-carousel.carousel-thumbnail.text.top {
padding-top: 60px;
}
.owl-carousel.carousel-thumbnail.text.top .owl-dots {
position: absolute;
top: 10px;
left: 0;
width: 100%;
z-index: 99;
margin-top: 0;
}
.owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot {
width: auto;
height: auto;
background: none;
text-transform: uppercase;
font-family: var(--krowd-heading-font-family);
font-size: 13px;
margin: 0 10px;
color: #232733;
font-weight: 600;
}
.owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot.active {
color: var(--krowd-theme-color);
}
.owl-carousel.carousel-thumbnail.text.vertical {
padding-left: 25%;
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-nav {
display: none;
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots {
position: absolute;
top: 0;
left: 0;
width: 25%;
z-index: 99;
margin-top: 0;
padding-right: 30px;
}
@media (max-width: 991.98px) {
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots {
width: 100%;
}
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot {
width: 100%;
display: block;
text-align: left;
background: none;
text-transform: uppercase;
font-family: var(--krowd-heading-font-family);
font-size: 13px;
color: #232733;
font-weight: 600;
background: #fff;
padding: 25px 20px;
border-bottom: 1px solid #e9e9ee;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
height: auto;
line-height: 1;
position: relative;
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:after {
content: "";
position: absolute;
right: 0;
top: 15px;
bottom: 15px;
width: 3px;
background: var(--krowd-theme-color);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:last-child {
border-bottom: 0;
}
@media (max-width: 991.98px) {
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot {
display: inline-block;
width: auto;
text-align: center;
}
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active {
color: var(--krowd-theme-color);
}
.owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active:after {
opacity: 1;
filter: alpha(opacity=100);
}
.owl-carousel.pagination-right .owl-dots {
position: absolute;
right: -30px;
top: 50%;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: auto;
}
.owl-carousel.pagination-right .owl-dots .owl-dot {
display: block;
margin: 10px 0;
}
.owl-carousel.padding-left .owl-dots {
float: left;
width: auto;
margin-top: 15px;
}
.owl-carousel.white .owl-dots .owl-dot {
background: #AAABAC;
}
.owl-carousel.white .owl-dots .owl-dot.active {
background: #fff;
}
.btn, .btn-white, .btn-black, .btn-theme, .btn-theme-second, .more-link a, .btn-theme-submit, input[type='submit'] {
font-size: 14px;
text-transform: uppercase;
background: var(--krowd-theme-color);
color: #fff;
font-family: var(--krowd-heading-font-family);
font-weight: 500;
padding: 18px 35px;
line-height: 20px;
letter-spacing: 3px;
position: relative;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: none;
}
.btn:after, .btn-white:after, .btn-black:after, .btn-theme:after, .btn-theme-second:after, .more-link a:after, .btn-theme-submit:after, input[type='submit']:after {
content: '';
width: 13px;
height: 13px;
background: var(--krowd-theme-color-second);
position: absolute;
top: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.btn span, .btn-white span, .btn-black span, .btn-theme span, .btn-theme-second span, .more-link a span, .btn-theme-submit span, input[type='submit'] span {
position: relative;
z-index: 9;
}
.btn:hover, .btn:focus, .btn:active, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active, .more-link a:hover, .more-link a:focus, .more-link a:active, .btn-theme-submit:hover, .btn-theme-submit:focus, .btn-theme-submit:active, input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active {
color: var(--krowd-theme-color-three);
cursor: pointer;
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}
.btn:hover:after, .btn:focus:after, .btn:active:after, .btn-white:hover:after, .btn-white:focus:after, .btn-white:active:after, .btn-black:hover:after, .btn-black:focus:after, .btn-black:active:after, .btn-theme:hover:after, .btn-theme:focus:after, .btn-theme:active:after, .btn-theme-second:hover:after, .btn-theme-second:focus:after, .btn-theme-second:active:after, .more-link a:hover:after, .more-link a:focus:after, .more-link a:active:after, .btn-theme-submit:hover:after, .btn-theme-submit:focus:after, .btn-theme-submit:active:after, input[type='submit']:hover:after, input[type='submit']:focus:after, input[type='submit']:active:after {
width: 100%;
height: 100%;
}
input[type='submit']:hover, input[type='submit']:focus, input[type='submit']:active {
color: #fff;
}
a.btn-inline {
color: var(--krowd-theme-color);
font-weight: 700;
font-size: 18px;
}
a.btn-inline:hover, a.btn-inline:focus {
color: var(--krowd-theme-color-second);
text-decoration: none;
}
.more-link {
text-align: center;
}
.btn-black {
background: var(--krowd-theme-color-three);
}
.btn-black:after {
background: #fff;
}
.btn-theme-second {
background: var(--krowd-theme-color-second);
}
.btn-theme-second span {
color: var(--krowd-theme-color-three);
}
.btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active {
color: #fff;
}
.btn-theme-second:hover span, .btn-theme-second:focus span, .btn-theme-second:active span {
color: #fff;
}
.btn-theme-second:after {
background: var(--krowd-theme-color-three);
}
.gsc-button.btn-white, .btn-white {
background: #fff;
}
.gsc-button.btn-white span, .btn-white span {
color: var(--krowd-theme-color-three);
}
.gsc-button.btn-white:after, .btn-white:after {
background: var(--krowd-theme-color-three);
}
.gsc-button.btn-white:hover, .gsc-button.btn-white:focus, .gsc-button.btn-white:active, .btn-white:hover, .btn-white:focus, .btn-white:active {
color: #fff;
}
.gsc-button.btn-white:hover span, .gsc-button.btn-white:focus span, .gsc-button.btn-white:active span, .btn-white:hover span, .btn-white:focus span, .btn-white:active span {
color: #fff;
}
.gsc-button.btn-default {
background: #232733;
color: #fff;
}
.gsc-button.btn-default:hover, .gsc-button.btn-default:focus, .gsc-button.btn-default:active {
color: var(--krowd-theme-color);
background: black;
}
.btn-line {
border: 2px solid var(--krowd-theme-color-second);
overflow: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
font-size: 14px;
font-weight: 600;
padding: 0 18px;
position: relative;
display: inline-block;
line-height: 38px;
z-index: 1;
letter-spacing: 0.5px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
text-transform: capitalize;
font-family: var(--krowd-heading-font-family);
-webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.07);
box-shadow: 0 0 10px rgba(10, 10, 10, 0.07);
}
.btn-line:hover, .btn-line:focus, .btn-line:active, .btn-line.active {
background: var(--krowd-theme-color);
color: #232733;
border-color: var(--krowd-theme-color);
}
.button--danger {
font-weight: 500;
padding: 22px 38px;
line-height: 20px;
letter-spacing: 3px;
background: #dc3545;
color: #fff;
text-transform: uppercase;
}
.button--danger:hover, .button--danger:focus, .button--danger:active {
color: var(--krowd-theme-color-three);
cursor: pointer;
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}
.user-login-form input[type*='submit'], .user-register-form input[type*='submit'], .user-form input[type*='submit'], .user-pass input[type*='submit'] {
font-size: 12px;
text-transform: uppercase;
font-family: var(--krowd-heading-font-family);
background: var(--krowd-theme-color);
color: #fff;
font-weight: 600;
letter-spacing: 1px;
padding: 16px 35px;
position: relative;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: 1px solid transparent;
margin-top: 10px;
}
.user-login-form input[type*='submit']:hover, .user-login-form input[type*='submit']:focus, .user-login-form input[type*='submit']:active, .user-register-form input[type*='submit']:hover, .user-register-form input[type*='submit']:focus, .user-register-form input[type*='submit']:active, .user-form input[type*='submit']:hover, .user-form input[type*='submit']:focus, .user-form input[type*='submit']:active, .user-pass input[type*='submit']:hover, .user-pass input[type*='submit']:focus, .user-pass input[type*='submit']:active {
background: #fff;
color: #232733;
border-color: var(--krowd-theme-color);
}
/*************** Easy PieChart ***************/
.easyPieChart {
font-size: 24px;
font-weight: 400;
position: relative;
text-align: center;
display: inline-block;
}
.easyPieChart:last-child {
margin-right: 0;
}
.easyPieChart span {
line-height: 20px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
/*************** Progress Bars ***************/
.progress-label {
font-size: 16px;
color: #232733;
font-weight: 500;
margin-bottom: 10px;
}
.progress {
height: 10px;
background-color: #e9ecef;
position: relative;
overflow: visible;
}
.progress .progress-bar {
-webkit-transition: width 2s ease-in-out;
transition: width 2s ease-in-out;
-moz-transition: width 2s ease-in-out;
-ms-transition: width 2s ease-in-out;
line-height: 16px;
background: var(--krowd-theme-color);
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
.progress .progress-bar .percentage {
position: relative;
font-size: 14px;
text-align: center;
position: absolute;
font-family: var(--krowd-font-sans-serif);
right: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
top: -40px;
z-index: 9;
color: #fff;
background: var(--krowd-theme-color);
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
padding: 3px 6px;
}
.progress .progress-bar .percentage:after {
content: "";
border: 4px solid transparent;
border-top-color: var(--krowd-theme-color);
top: 100%;
left: 50%;
margin-left: -5px;
position: absolute;
z-index: 1;
}
/*************** Pricing Tables ***************/
.pricing-table {
position: relative;
background-color: #fff;
top: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: 1px solid #e9e9ee;
padding: 20px;
margin-bottom: 30px;
}
@media (max-width: 991.98px) {
.pricing-table {
margin-bottom: 35px;
}
}
.pricing-table ul li {
list-style: none;
}
.pricing-table .plan-name {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-weight: 600;
padding: 15px 0 2px;
}
.pricing-table .plan-name .title {
font-weight: 400;
color: #232733;
font-size: 20px;
font-family: var(--krowd-heading-font-family);
line-height: 20px;
}
.pricing-table .content-wrap .plan-price {
margin: 10px 0 10px;
}
.pricing-table .content-wrap .plan-price .price-value {
display: inline-block;
}
.pricing-table .content-wrap .plan-price .price-value .dollar {
font-size: 24px;
font-weight: 400;
display: inline-block;
position: relative;
line-height: 36px;
float: left;
color: var(--krowd-theme-color);
}
.pricing-table .content-wrap .plan-price .price-value .value {
font-size: 40px;
font-weight: 400;
display: inline-block;
line-height: 40px;
float: left;
font-family: var(--krowd-heading-font-family);
color: var(--krowd-theme-color);
}
.pricing-table .content-wrap .plan-price .interval {
margin-top: 18px;
font-size: 14px;
line-height: 22px;
font-weight: 600;
position: relative;
display: block;
color: #7b7b7b;
float: left;
}
.pricing-table .plan-list {
padding: 0;
text-align: left;
}
.pricing-table .plan-list ul {
padding: 0;
}
.pricing-table .plan-list ul li {
padding: 5px 0 5px 20px;
font-size: 14px;
list-style: none;
position: relative;
}
.pricing-table .plan-list ul li:after {
content: '\e901';
font-family: "gva-icon";
position: absolute;
top: 8px;
left: 0;
z-index: 1;
color: var(--krowd-theme-color);
font-size: 12px;
}
.pricing-table .plan-list ul li.off {
color: #bbb;
}
.pricing-table .plan-list ul li.off:after {
content: '\e903';
color: #bbb;
font-size: 10px;
top: 10px;
}
.pricing-table .plan-signup {
margin-top: 30px;
}
.pricing-table .plan-signup a {
width: 100%;
text-align: center;
}
.pricing-table:hover {
-webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
}
.pricing-table.highlight-plan {
-webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
position: relative;
z-index: 9;
}
.pricing-table.highlight-plan .recommended-plan {
background: var(--krowd-theme-color);
color: #fff;
font-size: 13px;
font-family: var(--krowd-heading-font-family);
font-weight: 600;
text-transform: uppercase;
text-align: center;
position: absolute;
top: -15px;
left: 15px;
right: 15px;
width: auto;
letter-spacing: 1px;
padding: 3px 5px;
}
.pricing-table.highlight-plan .plan-name .title {
color: var(--krowd-theme-color);
}
.panel {
border: none;
margin-top: 0;
-webkit-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: #fff;
padding: 15px;
}
.panel .panel-heading {
background: none;
padding: 0;
}
.panel .panel-title {
font-size: 14px;
}
.panel .panel-title > a {
display: block;
letter-spacing: 0;
color: #232733;
position: relative;
background: #fff;
line-height: 28px;
font-weight: 600;
}
.panel .panel-title > a:after {
content: "\f068";
font-family: "FontAwesome";
position: absolute;
font-size: 14px;
top: 0;
right: 0px;
z-index: 1;
color: var(--krowd-theme-color);
font-weight: 900;
display: inline-block;
}
.panel .panel-title > a.collapsed:after {
content: "\f067";
}
.panel .panel-body {
border: none;
line-height: 36px;
padding: 10px 30px 0;
}
.dropcap {
display: block;
float: left;
font-size: 40px;
line-height: 34px;
color: #444;
margin: 6px 8px 0 0;
}
.dropcap.border-dropcap {
border: 2px solid #444;
width: 46px;
height: 46px;
font-size: 28px;
font-weight: 500;
line-height: 42px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
margin: 8px 12px 0 0;
}
.dropcap.bg-dropcap {
background-color: #444;
color: #fff;
width: 48px;
height: 48px;
font-size: 28px;
font-weight: 500;
line-height: 48px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
margin: 8px 12px 0 0;
}
.dropcap.circle-dropcap {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 2px solid #444;
width: 46px;
height: 46px;
font-size: 28px;
font-weight: 500;
line-height: 42px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
margin: 8px 12px 0 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.rotate-text {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.rotate-text .primary-text {
font-family: var(--krowd-heading-font-family);
font-size: 40px;
color: white;
font-weight: 600;
}
.rotate-text .second-text {
font-size: 16px;
color: #fff;
}
.rotate-text .link {
margin-top: 30px;
}
.info-contact > div {
float: left;
margin-right: 100px;
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 1023.98px) {
.info-contact > div {
margin-right: 50px;
}
}
@media (max-width: 991.98px) {
.info-contact > div {
margin-right: 30px;
}
}
.info-contact > div:last-child {
margin-right: 0;
}
.info-contact > div .icon {
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
float: left;
margin-right: 10px;
line-height: 40px;
color: #fff;
background: var(--krowd-theme-color);
text-align: center;
margin-top: -7px;
}
.info-contact > div.phone .icon {
background: var(--krowd-theme-color-second);
}
.info-contact > div.address .icon {
background: var(--krowd-theme-color-three);
}
.about-info img {
max-width: 140px;
}
.contact-info ul {
list-style-type: none;
padding-left: 0;
}
.contact-info ul li {
padding-bottom: 10px;
}
.contact-info i {
font-size: 21px;
color: var(--krowd-theme-color-second);
margin-right: 20px;
}
.scroll-to-top {
display: inline-block;
width: 45px;
height: 45px;
background: var(--krowd-theme-color-second);
position: fixed;
bottom: 40px;
right: 40px;
opacity: 0;
visibility: hidden;
z-index: 1000;
text-align: center;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.scroll-to-top.show {
opacity: 1;
visibility: visible;
}
.scroll-to-top:after, .scroll-to-top:before {
width: 45px;
height: 45px;
background-color: var(--krowd-theme-color-second);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.scroll-to-top:after {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.scroll-to-top i {
font-size: 18px;
line-height: 45px;
color: var(--krowd-theme-color-three);
position: relative;
z-index: 10;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.scroll-to-top:hover {
background: #fff;
}
.scroll-to-top:hover i {
color: #222429;
}
.scroll-to-top:hover:before, .scroll-to-top:hover:after {
background-color: #fff;
}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
/* This is required to win over specificity of #content h2 */
.links .comment-add {
display: none;
}
#node-single-comment {
max-width: 920px;
margin-top: 30px;
}
#node-single-comment h2 {
margin-bottom: 1em;
font-size: 22px;
font-weight: 600;
}
#node-single-comment #comment-form .form-item {
margin-bottom: 20px;
}
#node-single-comment #comment-form .form-item.js-form-type-textarea {
margin: 0;
}
#node-single-comment #comment-form .form-item label {
text-transform: uppercase;
font-size: 14px;
display: block;
font-weight: 500;
color: #232733;
}
#node-single-comment #comment-form ul > li {
list-style-type: none;
}
#node-single-comment input[type*='text'], #node-single-comment textarea {
width: 100%;
min-height: 52px;
}
#node-single-comment input[type='submit']:hover, #node-single-comment input[type='submit']:focus, #node-single-comment input[type='submit']:active {
color: #fff;
background: var(--krowd-theme-color-three);
}
#node-single-comment .form-actions {
margin-top: 30px;
}
.comment-wrapper h2.comment-form__title {
margin-bottom: 1em;
}
.field-node--comment {
font-size: 0.934em;
}
.comment {
margin-bottom: 19px;
vertical-align: top;
display: table;
}
[dir="rtl"] .comment {
direction: rtl;
}
.comment__meta {
padding: 0 30px 0 0;
/* LTR */
font-size: 1.071em;
width: 115px;
}
@media (max-width: 991.98px) {
.comment__meta {
width: 90px;
}
}
.comment__meta .user-profile {
display: none;
}
[dir="rtl"] .comment__meta {
padding: 0 0 0 30px;
}
.comment__attribution img {
border: 1px solid #d3d7d9;
}
/* This is required to win over specificity of .field--type-image img */
.comment .field--name-user-picture img {
margin: 0;
}
.comment__author .username {
white-space: nowrap;
text-transform: uppercase;
color: #232733;
font-weight: 600;
font-size: 12px;
}
.comment__author {
margin: 4px 0;
line-height: 1.2;
text-transform: uppercase;
color: #232733;
font-weight: 600;
font-size: 12px;
}
.comment__time {
margin-bottom: 4px;
color: #68696b;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.733em;
line-height: 1.2;
}
.comment__permalink {
font-size: 0.733em;
line-height: 1.2;
}
.comment__content {
position: relative;
display: table-cell;
padding: 10px 25px 10px 25px;
vertical-align: top;
width: 100%;
border: 1px solid #d3d7d9;
font-size: 0.929em;
line-height: 1.6;
word-break: break-all;
}
.comment__content h3 a {
font-size: 18px;
font-weight: 500;
}
.comment__content .links.inline {
margin-top: 10px;
}
.comment__content .links.inline > li {
float: left;
}
.comment__content .links.inline > li a {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}
.comment__content:before {
content: '';
position: absolute;
right: 100%;
/* LTR */
top: 20px;
border-top: 20px solid transparent;
border-right: 20px solid #d3d7d9;
/* LTR */
border-bottom: 20px solid transparent;
}
.comment__content:after {
content: '';
position: absolute;
right: 100%;
/* LTR */
top: 20px;
border-top: 20px solid transparent;
border-right: 20px solid #fff;
/* LTR */
border-bottom: 20px solid transparent;
margin-right: -1px;
/* LTR */
}
.comment__content h3 {
margin-top: 0.94em;
margin-bottom: 0.45em;
font-size: 1.171em;
}
.comment__content nav {
padding-top: 1px;
}
.indented {
margin-left: 40px;
/* LTR */
}
.comment .links {
padding: 0 0 0.25em 0;
}
.comment .links li {
padding: 0 0.5em 0 0;
/* LTR */
font-size: 1.08em;
}
[dir="rtl"] .comment .links li {
padding: 0 0 0 0.5em;
}
.comment--unpublished {
margin-right: 5px;
/* LTR */
padding: 5px 2px 5px 5px;
/* LTR */
background: #fff4f4;
}
/**
* @todo: unpublished nodes have class .node--unpublished.
* change this to .comment--unpublished.
*/
.unpublished .comment-text .comment-arrow {
border-left: 1px solid #fff4f4;
border-right: 1px solid #fff4f4;
}
.unpublished {
padding: 20px 15px 0;
}
.comment-footer {
display: table-row;
}
.comment--unpublished .comment__text:after,
.node--unpublished .comment__text:after {
border-right-color: #fff4f4;
/* LTR */
}
[dir="rtl"] .comment--unpublished .comment__content:after,
[dir="rtl"] .node--unpublished .comment__content:after {
border-left-color: #fff4f4;
}
.mailchimp-signup-subscribe-form .form-item label {
display: none;
}
.mailchimp-signup-subscribe-form .form-item input {
width: 100%;
border: 0;
background: #EEF1F6 !important;
padding: 0 20px;
line-height: 72px;
background: none;
}
.mailchimp-signup-subscribe-form .form-item input:focus {
background: #DBE4F4 !important;
}
.mailchimp-signup-subscribe-form form {
position: relative;
}
@media (min-width: 768px) {
.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields {
padding-right: 220px;
}
}
.mailchimp-signup-subscribe-form .form-actions {
margin-top: 15px;
color: #fff;
background: var(--krowd-theme-color-three);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
@media (min-width: 768px) {
.mailchimp-signup-subscribe-form .form-actions {
position: absolute;
right: 0;
top: 0;
margin-top: 0;
}
}
.mailchimp-signup-subscribe-form .form-actions:after {
content: '';
width: 13px;
height: 13px;
background: #fff;
position: absolute;
top: 0;
right: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.mailchimp-signup-subscribe-form .form-actions:hover, .mailchimp-signup-subscribe-form .form-actions:focus, .mailchimp-signup-subscribe-form .form-actions:active {
color: var(--krowd-theme-color-three);
cursor: pointer;
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}
.mailchimp-signup-subscribe-form .form-actions:hover input, .mailchimp-signup-subscribe-form .form-actions:focus input, .mailchimp-signup-subscribe-form .form-actions:active input {
color: var(--krowd-theme-color-three);
}
.mailchimp-signup-subscribe-form .form-actions:hover:after, .mailchimp-signup-subscribe-form .form-actions:focus:after, .mailchimp-signup-subscribe-form .form-actions:active:after {
width: 100%;
height: 100%;
}
.mailchimp-signup-subscribe-form .form-submit {
color: #fff;
width: 200px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0px 10px;
line-height: 72px;
text-align: center;
background: transparent;
z-index: 10;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-item input {
width: 100%;
background: transparent !important;
border: 1px solid #323643;
padding-right: 65px;
font-size: 14px;
color: #fff;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-item input:focus {
border: 1px solid var(--krowd-theme-color);
}
.mailchimp-signup-subscribe-form.mailchimp-small .mailchimp-newsletter-mergefields {
padding-right: 0px;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-submit {
width: 60px;
font-size: 0;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-actions {
top: 4px;
right: 4px;
bottom: 4px;
background: var(--krowd-theme-color);
position: absolute;
margin-top: 0;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-actions:after {
content: none;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-actions:before {
content: '\f0e0';
font-family: "FontAwesome";
position: absolute;
top: 18px;
left: 0;
width: 100%;
text-align: center;
z-index: 1;
color: #fff;
font-size: 16px;
font-weight: 700;
}
.mailchimp-signup-subscribe-form.mailchimp-small .form-actions:hover, .mailchimp-signup-subscribe-form.mailchimp-small .form-actions:focus, .mailchimp-signup-subscribe-form.mailchimp-small .form-actions:active {
background: var(--krowd-theme-color-second);
color: #fff;
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
}
#user-login-form .form-item label {
width: 100%;
}
#user-login-form .form-item input {
width: 100%;
}
#user-login-form ul {
width: 100%;
padding: 10px 0 30px;
}
#user-login-form ul > li {
width: 49%;
float: left;
text-align: center;
}
#user-login-form ul > li:first-child {
margin-right: 2%;
}
#user-login-form ul > li a {
width: 100%;
display: inline-block;
float: none;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
padding: 10px 5px;
}
#user-login ul {
margin: 0 0 5px;
}
#user-login ul li {
margin: 0;
}
#user-login li.openid-link {
background: none;
}
#search-form .panel {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#search-form .panel-default > .panel-heading {
border-bottom: none;
}
.hide-label label {
background: none;
clip: rect(1px);
}
.exposed-filters .form-item {
margin-bottom: 10px;
margin-top: 0;
}
#article-admin-filter ul {
padding: .5em 0;
}
#article-admin-filter ul li {
list-style: none;
}
#edit-operation-wrapper select {
margin: .5em;
}
div.resizable-textarea textarea {
margin-top: 0;
border: 1px solid #e9e9ee;
}
.search-advanced .criterion {
float: none;
margin: 0 5px;
}
#edit-keywords-fieldset .form-item:first-child {
margin-top: 5px;
}
#user-admin-filter ul li {
list-style: none;
}
.field-type-text-long fieldset {
padding: 10px 0;
border: #e9e9ee;
}
.field-type-text-long fieldset .form-item {
margin: 0;
padding: 0 0 0 15px;
}
#comment-form label {
display: inline-block;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
}
#contact-site-form .form-checkbox {
margin-left: 0;
}
#comment-form-wrapper .form-item label {
min-width: 120px;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.search-form input[type="search"] {
padding: 14px 20px;
border: 1px solid #e9e9ee;
}
#search-block-form {
position: relative;
}
#search-block-form .form-item, #search-block-form .form-actions {
display: block;
}
#search-block-form input[type*="search"] {
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e9e9ee;
height: 45px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
background: #E3E5E6;
padding: 0 10px;
}
#search-block-form input.form-submit {
position: absolute;
right: 0;
top: 0;
display: inline-block;
font-size: 14px;
line-height: 0;
letter-spacing: 1px;
background: var(--krowd-theme-color);
border: none;
color: #fff;
font-family: var(--krowd-heading-font-family);
height: 45px;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
#search-block-form input.form-submit:hover {
background: #232733 !important;
}
.contact-message-form {
margin: 0 auto;
}
.contact-message-form div[id*="edit-name"], .contact-message-form div[id*="edit-mail"], .contact-message-form .js-form-item-mail {
height: 45px;
line-height: 45px;
padding: 5px;
border-bottom: 2px solid #CCCCCC;
}
.contact-message-form .form-item {
margin-bottom: 30px;
color: #838694;
}
.contact-message-form .form-item label {
font-size: 12px;
text-transform: uppercase;
}
.contact-message-form .form-item #edit-copy {
display: inline-block;
margin-right: 5px;
}
.contact-message-form .form-item input[type='text'], .contact-message-form .form-item input[type='email'], .contact-message-form .form-item textarea {
width: 100%;
border: none;
border-bottom: 2px solid #CCCCCC;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
height: 45px;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
padding-left: 5px;
}
.contact-message-form .form-item input[type='text']::-webkit-input-placeholder, .contact-message-form .form-item input[type='email']::-webkit-input-placeholder, .contact-message-form .form-item textarea::-webkit-input-placeholder {
color: #838694;
text-transform: capitalize;
}
.contact-message-form .form-item input[type='text']:-moz-placeholder, .contact-message-form .form-item input[type='email']:-moz-placeholder, .contact-message-form .form-item textarea:-moz-placeholder {
color: #838694;
text-transform: capitalize;
opacity: 1;
filter: alpha(opacity=100);
}
.contact-message-form .form-item input[type='text']::-moz-placeholder, .contact-message-form .form-item input[type='email']::-moz-placeholder, .contact-message-form .form-item textarea::-moz-placeholder {
color: #838694;
text-transform: capitalize;
opacity: 1;
filter: alpha(opacity=100);
}
.contact-message-form .form-item input[type='text']:-ms-input-placeholder, .contact-message-form .form-item input[type='email']:-ms-input-placeholder, .contact-message-form .form-item textarea:-ms-input-placeholder {
color: #838694;
text-transform: capitalize;
}
.contact-message-form .form-item textarea {
height: 200px;
padding-top: 15px;
}
@media (max-width: 991.98px) {
.contact-message-form .form-item textarea {
height: 120px;
}
}
.contact-message-form .form-item-copy {
margin-bottom: 10px !important;
}
.contact-message-form #edit-actions {
width: 100%;
text-align: center;
}
.contact-message-form #edit-actions:before, .contact-message-form #edit-actions:after {
content: " ";
display: table;
}
.contact-message-form #edit-actions:after {
clear: both;
}
.contact-message-form #edit-preview {
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
background: var(--krowd-theme-color);
font-weight: 600;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
height: 45px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin-right: 20px;
}
.contact-message-form #edit-preview:hover {
background: #232733 !important;
}
.contact-message-form #edit-preview {
display: none;
}
.text-light .contact-message-form #edit-name, .text-light .contact-message-form #edit-mail, .text-light .contact-message-form input[type='text'], .text-light .contact-message-form input[type='email'], .text-light .contact-message-form textarea {
background: none;
border: 2px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.text-light .contact-message-form #edit-name::-webkit-input-placeholder, .text-light .contact-message-form #edit-mail::-webkit-input-placeholder, .text-light .contact-message-form input[type='text']::-webkit-input-placeholder, .text-light .contact-message-form input[type='email']::-webkit-input-placeholder, .text-light .contact-message-form textarea::-webkit-input-placeholder {
color: #fff;
text-transform: capitalize;
}
.text-light .contact-message-form #edit-name:-moz-placeholder, .text-light .contact-message-form #edit-mail:-moz-placeholder, .text-light .contact-message-form input[type='text']:-moz-placeholder, .text-light .contact-message-form input[type='email']:-moz-placeholder, .text-light .contact-message-form textarea:-moz-placeholder {
color: #fff;
text-transform: capitalize;
opacity: 1;
filter: alpha(opacity=100);
}
.text-light .contact-message-form #edit-name::-moz-placeholder, .text-light .contact-message-form #edit-mail::-moz-placeholder, .text-light .contact-message-form input[type='text']::-moz-placeholder, .text-light .contact-message-form input[type='email']::-moz-placeholder, .text-light .contact-message-form textarea::-moz-placeholder {
color: #fff;
text-transform: capitalize;
opacity: 1;
filter: alpha(opacity=100);
}
.text-light .contact-message-form #edit-name:-ms-input-placeholder, .text-light .contact-message-form #edit-mail:-ms-input-placeholder, .text-light .contact-message-form input[type='text']:-ms-input-placeholder, .text-light .contact-message-form input[type='email']:-ms-input-placeholder, .text-light .contact-message-form textarea:-ms-input-placeholder {
color: #fff;
text-transform: capitalize;
}
.block-system .contact-message-form {
margin-bottom: 60px;
}
/********
Contact form
********/
.messages__wrapper {
margin-bottom: 25px;
}
/******
commerce-product-campaign-add-form
******/
form.commerce-product-campaign-add-form {
max-width: 960px;
margin: 0 auto 120px;
}
@media (max-width: 991.98px) {
form.commerce-product-campaign-add-form {
margin-bottom: 60px;
}
}
form.commerce-product-campaign-add-form .layout-region-product-main {
width: 100% !important;
}
form.commerce-product-campaign-add-form .layout-region-product-main label {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 0;
vertical-align: text-top;
}
form.commerce-product-campaign-add-form .layout-region-product-main label.form-required {
position: relative;
}
form.commerce-product-campaign-add-form .layout-region-product-main label.form-required:after {
content: "*";
color: #dc3545;
font-size: 14px;
}
form.commerce-product-campaign-add-form .layout-region-product-main input[type="text"] {
height: 45px;
margin-top: 0;
display: inline-block;
-webkit-box-shadow: none;
box-shadow: none;
}
form.commerce-product-campaign-add-form .layout-region-product-main .filter-wrapper {
font-style: italic;
}
form.commerce-product-campaign-add-form .layout-region-product-main .filter-wrapper a {
color: #dc3545;
font-size: 14px;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--name-title .form-text {
width: 100%;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--name-title, form.commerce-product-campaign-add-form .layout-region-product-main .field--name-body {
margin-bottom: 30px;
}
form.commerce-product-campaign-add-form .layout-region-product-main legend, form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-commerce-price-default label, form.commerce-product-campaign-add-form .layout-region-product-main .field--name-field-campaign-video label {
font-size: 18px;
font-weight: 400;
color: #232733;
padding-top: 30px;
text-transform: none;
display: block;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image {
border: 1px solid #e9e9ee;
padding: 20px;
margin-bottom: 30px;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image summary {
color: #232733;
font-weight: 400;
text-transform: uppercase;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image .description {
font-size: 15px;
font-style: italic;
margin-top: 20px;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image details {
overflow-x: auto;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-datetime-default .form-item {
display: inline-block;
}
form.commerce-product-campaign-add-form .layout-region-product-main .field--name-field-campaign-featured {
margin-top: 20px;
}
form.commerce-product-campaign-add-form .layout-region-product-main .form-date, form.commerce-product-campaign-add-form .layout-region-product-main .form-time {
font-size: 14px;
padding: 6px 10px;
}
form.commerce-product-campaign-add-form .layout-region-product-secondary {
display: none !important;
}
form.commerce-product-campaign-add-form .layout-region-product-secondary .form-actions {
margin-top: 30px;
}
form.commerce-product-campaign-add-form .layout-region-product-footer {
width: 100%;
margin-top: 15px;
}
form.commerce-product-campaign-add-form .layout-region-product-footer .layout-region-product-footer__content {
padding-top: 30px;
}
form.commerce-product-campaign-add-form .layout-region-product-footer .layout-region-product-footer__content .field--name-status {
display: none !important;
}
.webform-submission-form .form-content-inner {
max-width: 900px;
margin: 0 -15px;
padding: 0;
}
.webform-submission-form .form-item {
margin-bottom: 20px;
position: relative;
}
.webform-submission-form .form-item:before, .webform-submission-form .form-item:after {
content: " ";
display: table;
}
.webform-submission-form .form-item:after {
clear: both;
}
.webform-submission-form .form-item label {
font-size: 16px;
font-weight: 400;
color: #1b1f2e;
font-family: var(--krowd-heading-font-family);
}
.webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select {
width: 100%;
background: #f7f7f9;
border: 0;
font-size: 16px;
padding: 0 30px;
margin-top: 0;
min-height: 74px;
-webkit-box-shadow: none;
box-shadow: none;
}
.webform-submission-form .form-item input::-webkit-input-placeholder, .webform-submission-form .form-item textarea::-webkit-input-placeholder, .webform-submission-form .form-item select::-webkit-input-placeholder {
color: #838694;
}
.webform-submission-form .form-item input:-moz-placeholder, .webform-submission-form .form-item textarea:-moz-placeholder, .webform-submission-form .form-item select:-moz-placeholder {
color: #838694;
opacity: 1;
filter: alpha(opacity=100);
}
.webform-submission-form .form-item input::-moz-placeholder, .webform-submission-form .form-item textarea::-moz-placeholder, .webform-submission-form .form-item select::-moz-placeholder {
color: #838694;
opacity: 1;
filter: alpha(opacity=100);
}
.webform-submission-form .form-item input:-ms-input-placeholder, .webform-submission-form .form-item textarea:-ms-input-placeholder, .webform-submission-form .form-item select:-ms-input-placeholder {
color: #838694;
}
.webform-submission-form .form-item input:focus, .webform-submission-form .form-item textarea:focus, .webform-submission-form .form-item select:focus {
border-color: var(--krowd-theme-color);
}
.webform-submission-form .form-item input {
line-height: 40px;
}
.webform-submission-form .form-item select {
height: 74px;
margin-top: 0.25rem;
}
.webform-submission-form textarea {
padding-top: 20px;
}
.webform-submission-form .form-actions {
width: 100%;
text-align: center;
}
.text-light .webform-submission-form .form-item:after {
color: #fff;
}
.text-light .webform-submission-form .form-item input, .text-light .webform-submission-form .form-item textarea {
background: none;
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.text-light .webform-submission-form .form-item input::-webkit-input-placeholder, .text-light .webform-submission-form .form-item textarea::-webkit-input-placeholder {
color: #fff;
}
.text-light .webform-submission-form .form-item input:-moz-placeholder, .text-light .webform-submission-form .form-item textarea:-moz-placeholder {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.text-light .webform-submission-form .form-item input::-moz-placeholder, .text-light .webform-submission-form .form-item textarea::-moz-placeholder {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.text-light .webform-submission-form .form-item input:-ms-input-placeholder, .text-light .webform-submission-form .form-item textarea:-ms-input-placeholder {
color: #fff;
}
.text-light .webform-submission-form .form-actions input.form-submit {
border-color: #fff;
color: #fff;
background: #fff;
color: #232733;
}
.text-light .webform-submission-form .form-actions input.form-submit:hover {
background: rgba(255, 255, 255, 0.8);
}
.text-light .webform-submission-form label {
color: #fff;
}
#forum {
width: 100%;
position: relative;
right: -1px;
}
#forum .name {
font-weight: bold;
font-size: 16px;
}
#forum table {
width: 100%;
}
#forum tr.odd {
background: #f5f5f5;
}
#forum tr.even td {
border-bottom: 1px solid #e9e9ee;
}
#forum tr td.container {
padding: 1em;
}
#forum tr.new-topics td.forum .name {
background-image: url(../images/forum-default.png);
}
#forum thead th {
background: #f5f5f5;
border-left: 1px solid #e9e9ee;
text-transform: uppercase;
font-size: 16px;
padding: 15px;
}
#forum td {
border: 1px solid #e9e9ee;
padding: 1em;
}
#forum td a:hover {
text-decoration: none;
}
#forum td.topics {
font-weight: bold;
text-align: center;
width: 9%;
}
#forum td.posts {
text-align: center;
width: 9%;
}
#forum td.replies {
text-align: center;
}
#forum td.forum {
padding: 0 1em;
width: 44%;
padding-top: 12px;
}
#forum td.forum .name {
background-position: left 5px;
background-repeat: no-repeat;
line-height: 20px;
padding-left: 30px;
font-size: 15px;
font-weight: normal;
line-height: 25px;
}
#forum td.forum .description {
font-size: 14px;
padding-left: 30px;
}
#forum td.title .submitted {
font-size: 14px;
}
#forum td.icon {
width: 5%;
}
#forum .icon div {
background-image: url(../images/forum-icons.png);
background-repeat: no-repeat;
height: 24px;
margin: 0 auto;
width: 24px;
}
#forum .icon .topic-status-new {
background-position: -24px 0;
}
#forum .icon .topic-status-hot {
background-position: -48px 0;
}
#forum .icon .topic-status-hot-new {
background-position: -72px 0;
}
#forum .icon .topic-status-sticky {
background-position: -96px 0;
}
#forum .icon .topic-status-closed {
background-position: -120px 0;
}
.page-forum #page-title {
margin-bottom: 10px;
}
.page-forum ul.action-links {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.page-forum ul.action-links li {
margin-left: 0;
}
.page-forum ul.action-links li a {
line-height: 0;
display: inline-block;
border: none;
padding: 10px;
text-transform: uppercase;
vertical-align: middle;
}
.block {
background: transparent;
margin-bottom: 30px;
}
.block .block {
margin-bottom: 0 !important;
}
.block .block-title {
font-size: 20px;
color: #232733;
}
.block.block-system-main-block {
margin-bottom: 0;
}
.block.block-system-breadcrumb-block {
overflow: visible;
margin-bottom: 20px;
}
.block.block-none, .block.no-padding {
background: none !important;
padding: 0 !important;
}
.block.block-none .block-content, .block.no-padding .block-content {
padding: 0 !important;
}
.block.no-title {
margin-top: 0;
border: none;
}
.block.no-title:before {
content: none;
}
.block.style-higlight {
background: #34495E;
padding-left: 20px;
padding-right: 20px;
}
.block.style-higlight .block-title {
border: none;
}
.block.style-higlight .block-title span:before {
content: none;
}
.block.style-higlight .block-title h2 {
margin: 0;
padding: 0;
border: none;
}
.block.style-higlight .block-title h2 span {
padding: 10px;
background: #4E6984;
color: #fff;
}
.block.style-higlight .post-title a {
color: #fff;
}
.block.style-higlight .more-link a {
color: #fff;
padding: 0 15px 15px;
display: block;
}
.block.style-higlight .more-link a:hover {
color: var(--krowd-theme-color);
}
.block#block-system-main {
padding-top: 10px;
}
.block.block-local-tasks-block {
margin-bottom: 0;
}
.block.no-title {
border: none;
}
.block.no-title > .block-title, .block.no-title > div > .block-title {
padding: 0;
margin: 0;
border: none;
}
.block.no-title > .block-title:before, .block.no-title > div > .block-title:before {
content: none;
}
.block.block-simplenews {
width: 100%;
margin: 0 auto;
padding: 0;
}
.block.block-simplenews .description {
display: none;
}
.block.block-simplenews #edit-mail-wrapper {
margin-top: 20px;
}
.block.block-simplenews #edit-mail-wrapper label {
display: none;
}
.block.block-simplenews #edit-mail-wrapper input.form-email {
padding: 0 20px;
width: 100%;
height: 40px;
background: none;
border: 2px solid rgba(255, 255, 255, 0.3);
max-width: 320px;
}
.block.block-simplenews input#edit-subscribe {
background: var(--krowd-theme-color);
border: none;
padding: 0 20px;
line-height: 40px;
text-align: center;
font-size: 16px;
font-family: var(--krowd-heading-font-family);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
display: inline-block;
width: auto;
margin-top: 15px;
color: #fff;
font-weight: 400;
}
.block.block-simplenews input#edit-subscribe:hover, .block.block-simplenews input#edit-subscribe:focus, .block.block-simplenews input#edit-subscribe:active {
background: #fff;
color: var(--krowd-theme-color);
}
.block.block-blocktabs {
position: relative;
}
.block.block-blocktabs .ui-widget {
font-family: var(--krowd-font-sans-serif);
font-size: 1rem;
}
.block.block-blocktabs .ui-tabs-nav {
padding: 0;
border: none;
background: none !important;
display: inline-block;
float: right;
position: absolute;
right: 20px;
top: -60px;
z-index: 99;
}
.block.block-blocktabs .ui-tabs-nav > li {
background: none;
padding: 0;
margin: 0;
border: 0;
position: relative;
}
.block.block-blocktabs .ui-tabs-nav > li > a {
font-size: 14px;
text-transform: none;
font-family: var(--krowd-font-sans-serif);
font-weight: 600;
}
.block.block-blocktabs .ui-tabs-nav > li:last-child > a {
padding-right: 0;
}
.block.block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a {
color: var(--krowd-theme-color);
}
.block.block-blocktabs .blocktabs {
border: none;
padding: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.block.block-blocktabs .blocktabs .ui-tabs-panel {
padding: 0 !important;
}
.block.block-blocktabs .block {
margin-bottom: 0 !important;
}
.block.site-branding {
margin-bottom: 0;
}
.block-local-tasks-block {
position: relative;
z-index: 99;
}
.drupal-tabs {
border-bottom: 1px solid #e9e9ee;
}
.drupal-tabs:before, .drupal-tabs:after {
content: " ";
display: table;
}
.drupal-tabs:after {
clear: both;
}
.drupal-tabs a {
font-size: 12px;
}
.drupal-tabs .is-active a {
color: var(--krowd-theme-color);
}
.help {
position: relative;
z-index: 1;
display: none;
width: 100%;
}
.help .drupal-tabs {
padding: 10px 0;
margin-bottom: 25px;
}
.help .messages__wrapper {
padding: 10px 20px;
border: 1px solid #e9e9ee;
margin-top: 20px;
}
.text-light .title {
color: #fff !important;
}
.region-main-menu .block {
background: transparent;
}
.region-main-menu .block .block-content {
padding: 0;
}
.sidebar .block {
background: #f7f7f9;
padding: 45px 35px;
}
@media (max-width: 767.98px) {
.sidebar .block {
padding: 30px 20px;
}
}
.sidebar .block .block-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 24px;
}
.sidebar .block.no-background {
background: transparent;
padding: 0;
}
.sidebar .block-menu:before, .sidebar .block-menu:after {
content: " ";
display: table;
}
.sidebar .block-menu:after {
clear: both;
}
.sidebar .block-menu ul li {
border: none;
margin-bottom: 20px;
float: left;
width: 100%;
list-style: none;
}
.sidebar .block-menu ul li a {
display: block;
text-transform: none;
font-size: 16px;
line-height: 26px;
overflow: hidden;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
position: relative;
color: #838694;
}
.sidebar .block-menu ul li a:hover, .sidebar .block-menu ul li a:focus, .sidebar .block-menu ul li a:active {
color: var(--krowd-theme-color);
}
.sidebar .block-menu ul li.menu-item--active-trail > a {
color: var(--krowd-theme-color) !important;
}
.recent-comment-block .views-field-title {
margin-top: -4px;
}
.recent-comment-block .views-field-title a {
font-weight: 500;
text-transform: uppercase;
}
.recent-comment-block .views-field-name {
color: #a4a4a4;
}
.recent-comment-block .views-field-name a {
color: #a4a4a4;
}
.list-tags .view-list ul > li {
float: left;
border: 1px solid #e9e9ee;
display: inline-block;
width: auto !important;
padding: 0 !important;
margin: 0 10px 10px 0 !important;
}
.list-tags .view-list ul > li a {
padding: 6px 10px;
display: block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.list-tags .view-list ul > li:hover {
background: var(--krowd-theme-color);
}
.list-tags .view-list ul > li:hover a {
color: #fff;
}
nav.breadcrumb {
margin-bottom: 0 !important;
background: none;
color: #999999;
}
nav.breadcrumb ol {
list-style: none;
margin-bottom: 0 !important;
padding: 0;
}
nav.breadcrumb ol:before, nav.breadcrumb ol:after {
content: " ";
display: table;
}
nav.breadcrumb ol:after {
clear: both;
}
nav.breadcrumb ol > li {
float: left;
font-size: 13px;
}
nav.breadcrumb ol > li a {
color: #999999;
}
nav.breadcrumb ol > li a:hover {
color: var(--krowd-theme-color);
}
nav.breadcrumb ol > li span {
padding: 0 2px 0px 0px;
}
.contact-link {
background: var(--krowd-theme-color-second);
color: #232733;
padding: 30px;
font-size: 14px;
}
.contact-link .title {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.contact-link .action {
margin-top: 20px;
}
.social-border {
text-align: center;
overflow: hidden;
}
.social-border .socials {
display: inline-block;
position: relative;
text-align: center;
width: auto;
}
.social-border .socials:after {
content: "";
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: absolute;
top: 50%;
left: 100%;
width: 1000px;
}
.social-border .socials:before {
content: "";
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: absolute;
top: 50%;
right: 100%;
width: 1000px;
}
.social-border .socials a {
margin: 0 10px;
display: inline-block;
color: #fff;
background: none;
}
.social-border .socials a i {
background: none;
font-size: 20px;
}
.social-border .socials a:hover i, .social-border .socials a:active i, .social-border .socials a:focus i {
background: inherit;
}
.navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.poll .poll-item {
margin-top: 20px;
}
.poll .poll-item .heading {
position: relative;
}
.poll .poll-item .heading .text {
font-weight: 600;
color: #333333;
padding-right: 40px;
}
.poll .poll-item .heading .percent {
display: inline-block;
position: absolute;
right: 0;
top: 0;
z-index: 9;
font-weight: 600;
}
.poll .poll-item .bar .foreground {
background: var(--krowd-theme-color);
}
.poll .total {
margin-top: 20px;
font-weight: 600;
text-transform: uppercase;
}
.poll .choices .form-item.form-item-choice input.form-radio {
margin: 0 !important;
}
.poll .choices .form-item.form-item-choice label {
vertical-align: text-top;
margin-left: 5px;
}
.block-poll ul.links {
text-align: center;
overflow: hidden;
padding: 15px 0 0;
}
.block-poll ul.links li {
display: inline-block;
margin-right: 20px;
}
.block-poll ul.links li a {
padding-right: 10px;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.block-poll ul.links li a:after {
content: "\f105";
position: absolute;
top: -1px;
right: 0;
font-family: "FontAwesome";
font-weight: 900;
}
.block-poll ul.links li a:hover {
padding-right: 15px;
}
.block-poll ul.links li:last-child {
margin: 0;
}
.area-main-menu .menu-toggle {
display: none;
}
@media (min-width: 1024px) {
.navigation {
position: relative;
clear: both;
}
.navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.navigation .gva_menu_main {
float: left;
position: relative;
}
.navigation .gva_menu_main li {
position: relative;
}
.navigation .gva_menu_main li a {
text-align: left !important;
}
.navigation .gva_menu_main li a .icaret {
margin-left: 4px;
border: none !important;
font-size: 8px;
}
.navigation .gva_menu_main > li {
display: inline-block;
padding: 35px 15px;
}
}
@media (min-width: 1024px) and (max-width: 1023.98px) {
.navigation .gva_menu_main > li {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1024px) and (max-width: 991.98px) {
.navigation .gva_menu_main > li {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 1024px) {
.navigation .gva_menu_main > li.gva-mega-menu {
position: static !important;
}
.navigation .gva_menu_main > li.gva-mega-menu > .sub-menu {
width: 100%;
}
}
@media (min-width: 1024px) and (min-width: 992px) {
.navigation .gva_menu_main > li:hover > ul.sub-menu, .navigation .gva_menu_main > li:hover div.sub-menu {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 99%;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.navigation .gva_menu_main > li:hover > a {
color: var(--krowd-theme-color);
}
}
@media (min-width: 1024px) {
.navigation .gva_menu_main > li > a {
display: block;
position: relative;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-align: center;
font-family: var(--krowd-heading-font-family);
color: var(--menu-link-color);
}
.navigation .gva_menu_main > li > a:hover, .navigation .gva_menu_main > li > a:focus, .navigation .gva_menu_main > li > a:active {
color: var(--menu-link-color-hover);
}
.navigation .gva_menu_main > li > a.is-active {
color: var(--menu-link-color-hover);
}
.navigation .gva_menu_main > li > a > span {
position: relative;
padding-bottom: 6px;
}
.navigation .gva_menu_main > li.menu-item--active-trail > a {
color: var(--menu-link-color-hover);
}
.navigation .gva_menu_main > li.menu-item--active-trail > a:before {
width: 100%;
}
.navigation .gva_menu_main > li.megamenu.menu-columns-2 > ul.sub-menu > li {
width: 50%;
float: left;
}
.navigation .gva_menu_main > li.megamenu.menu-columns-3 > ul.sub-menu > li {
width: 33.33%;
float: left;
}
.navigation .gva_menu_main > li.megamenu.menu-columns-4 > ul.sub-menu > li {
width: 25%;
float: left;
}
.navigation .gva_menu_main > li.megamenu.menu-columns-5 > ul.sub-menu > li {
width: 20%;
float: left;
}
.navigation .gva_menu_main > li.menu-list ul.sub-menu {
min-width: 250px;
}
.navigation .gva_menu_main > li.menu-list ul.sub-menu > li {
border-bottom: 1px solid #e9e9ee;
}
.navigation .gva_menu_main > li.menu-list ul.sub-menu > li > a {
padding: 10px 15px;
text-transform: uppercase;
}
.navigation .gva_menu_main .megamenu {
position: static;
}
.navigation .gva_menu_main .megamenu > .sub-menu {
width: 100%;
padding: 20px;
}
.navigation .gva_menu_main .megamenu > .sub-menu .sub-menu {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.navigation .gva_menu_main .megamenu > .sub-menu > li {
border: none;
position: static;
padding: 0 15px;
}
.navigation .gva_menu_main .megamenu > .sub-menu > li > ul.sub-menu {
visibility: visible;
position: static;
border-width: 0;
padding: 0;
min-width: inherit;
width: 100%;
background-color: transparent;
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.navigation .gva_menu_main .megamenu > .sub-menu > li > ul.sub-menu {
display: block !important;
visibility: visible;
}
}
@media (min-width: 1024px) {
.navigation .gva_menu_main .megamenu > .sub-menu > li > ul.sub-menu li {
padding: 10px 0 0;
margin-bottom: 0;
border: none;
font-family: var(--krowd-heading-font-family);
}
.navigation .gva_menu_main .megamenu > .sub-menu > li > a {
display: block;
font-size: 15px;
color: #232733;
font-weight: 600;
text-transform: none;
padding: 0 0 5px;
margin-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
position: relative;
font-family: var(--krowd-heading-font-family);
}
.navigation .gva_menu_main .megamenu > .sub-menu > li > a:after {
display: none;
}
.navigation .gva_menu_main .megamenu > .sub-menu > li > a:hover {
text-indent: 0;
}
.navigation .gva_menu_main .megamenu > .sub-menu > li:hover ul {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.navigation .gva_menu_main .sub-menu {
top: 99%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
min-width: 280px;
background-color: var(--submenu-bg-color);
color: var(--submenu-color);
border-top: 3px solid var(--krowd-theme-color);
z-index: 999;
left: 0;
padding: 15px 20px 0;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.navigation .gva_menu_main .sub-menu > li {
padding: 0 0 9px 0;
margin-bottom: 9px;
border-bottom: 1px solid #e9e9ee;
}
.navigation .gva_menu_main .sub-menu > li > a {
display: block;
line-height: 26px;
text-decoration: none;
font-size: 15px;
font-weight: 400;
text-transform: none;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
position: relative;
color: var(--submenu-link-color);
}
.navigation .gva_menu_main .sub-menu > li > a:hover, .navigation .gva_menu_main .sub-menu > li > a:focus, .navigation .gva_menu_main .sub-menu > li > a:active {
color: var(--submenu-link-color-hover);
}
.navigation .gva_menu_main .sub-menu > li:last-child {
border-bottom: 0;
}
.navigation .gva_menu_main .sub-menu > li ul {
position: absolute;
top: 0;
right: 0;
min-width: 250px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
display: none;
z-index: 11;
}
}
@media (min-width: 1024px) and (min-width: 992px) {
.navigation .gva_menu_main .sub-menu > li:hover > ul {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
display: block;
left: 100%;
}
}
body.header-absolute .navigation ul.gva_menu > li > a {
color: #fff !important;
}
.gva-mega-menu .block-blocktabs {
position: relative;
}
.gva-mega-menu .block-blocktabs .ui-widget {
font-family: var(--krowd-font-sans-serif);
font-size: 1rem;
}
.gva-mega-menu .block-blocktabs .ui-tabs-nav {
padding: 0;
position: static;
width: 15%;
float: left;
}
.gva-mega-menu .block-blocktabs .ui-tabs-nav > li {
background: none;
padding: 0;
margin: 0;
position: relative;
width: 100%;
float: none;
clear: both;
padding-right: 20px;
}
.gva-mega-menu .block-blocktabs .ui-tabs-nav > li > a {
font-size: 12px;
text-transform: uppercase;
font-family: var(--krowd-font-sans-serif);
border-bottom: 1px solid #e9e9ee;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 10px;
width: 100%;
}
.gva-mega-menu .block-blocktabs .ui-tabs-nav > li:last-child > a {
padding-right: 0;
}
.gva-mega-menu .block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a {
color: var(--krowd-theme-color);
}
.gva-mega-menu .block-blocktabs .ui-tabs-panel {
float: left;
width: 85%;
}
/***********
cart view
******************/
.gva-view td.views-field.views-field-title {
font-size: 14px;
}
.item-list ul {
overflow: hidden;
padding: 0;
}
.item-list ul li.view-list-item {
margin: 0 0 30px;
overflow: hidden;
list-style-type: none;
}
.item-list ul li.view-list-item .post-block {
margin: 0;
}
.padding-small .item-list ul li.view-list-item {
margin-bottom: 20px !important;
}
.padding-small .item-list ul li.view-list-item:last-child {
margin-bottom: 0 !important;
}
ul[data-drupal-views-infinite-scroll-pager].pager {
margin: 10px 0 10px;
}
ul[data-drupal-views-infinite-scroll-pager].pager a {
font-family: var(--krowd-heading-font-family);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
border: 1px solid var(--krowd-theme-color);
background: var(--krowd-theme-color);
display: inline-block;
color: #fff;
padding: 6px 18px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
ul[data-drupal-views-infinite-scroll-pager].pager a:hover, ul[data-drupal-views-infinite-scroll-pager].pager a:active, ul[data-drupal-views-infinite-scroll-pager].pager a:focus {
background: #fff;
color: var(--krowd-theme-color);
}
.more-link {
text-align: center;
margin-top: 35px;
}
.more-link a {
font-family: var(--krowd-heading-font-family);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
border: 2px solid var(--krowd-theme-color);
display: inline-block;
padding: 5px 15px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.more-link a:hover {
background: var(--krowd-theme-color);
color: #fff;
}
.views-view-grid .views-row {
width: auto;
clear: none;
float: none !important;
}
.views-view-grid .views-row:last-child {
margin-bottom: 0;
}
.post-masonry-style > div.views-col {
margin-bottom: 10px;
}
.no-padding .gva-portfolio-items .row {
margin: 0 !important;
}
.no-padding .gva-portfolio-items .isotope-items > div {
padding: 0 !important;
}
.no-padding .gva-portfolio-items .isotope-items > div .isotope-item {
margin-bottom: 0 !important;
}
.brand-grid .views-view-grid .views-row {
margin-bottom: 65px;
}
.brand-grid .views-view-grid .views-row .views-field-field-image {
text-align: center;
}
@media (max-width: 991.98px) {
.brand-grid .views-view-grid .views-row .views-field-field-image {
margin-bottom: 20px;
}
}
.category-list .item-list ul li {
margin-bottom: 20px;
}
.category-list .item-list ul li:last-child {
margin-bottom: 0;
}
.category-list .item-list ul li a {
display: block;
text-transform: none;
font-size: 16px;
line-height: 26px;
color: #838694;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.category-list .item-list ul li a:hover, .category-list .item-list ul li a:focus, .category-list .item-list ul li a:active {
color: var(--krowd-theme-color);
}
.testimonial-v1 .testimonial-item {
text-align: center;
background: #fff;
padding: 60px 30px;
}
.testimonial-v1 .testimonial-item .quote {
line-height: 28px;
position: relative;
padding-top: 35px;
}
.testimonial-v1 .testimonial-item .avatar {
text-align: center;
}
.testimonial-v1 .testimonial-item .avatar img {
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.testimonial-v1 .testimonial-item .content .title {
margin: 30px 0 10px;
font-size: 16px;
font-weight: 600;
line-height: 1;
color: #232733;
}
.testimonial-v1 .testimonial-item .content .job {
font-size: 12px;
color: #bbbbbb;
}
.view-testimonial-v2 {
position: relative;
float: left;
width: 100%;
}
.view-testimonial-v2 .owl-dots {
text-align: left;
position: relative;
margin-top: 20px;
float: left;
width: 100%;
}
.view-testimonial-v2 .owl-dots .owl-dot {
display: inline-block;
padding: 0;
margin: 5px;
background: none;
width: 45px;
height: 45px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border: 2px solid #e9e9ee;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
position: relative;
z-index: 9;
}
.view-testimonial-v2 .owl-dots .owl-dot.active {
border-color: var(--krowd-theme-color);
}
.view-testimonial-v2 .owl-nav {
display: none;
}
.testimonial-grid .item-grid {
margin-bottom: 45px;
}
.testimonial-grid .item-grid:before, .testimonial-grid .item-grid:after {
content: " ";
display: table;
}
.testimonial-grid .item-grid:after {
clear: both;
}
.testimonial-grid .item-grid .testimonials-quote {
font-size: 16px;
color: #232733;
padding: 30px;
border: 1px solid #e9e9ee;
font-weight: 300;
font-style: italic;
}
.testimonial-grid .item-grid .testimonials-profile {
display: inline-block;
position: relative;
margin-left: 30px;
float: left;
padding-top: 20px;
}
.testimonial-grid .item-grid .testimonials-profile:after {
content: "";
position: absolute;
width: 50px;
height: 2px;
background: var(--krowd-theme-color);
top: -1px;
left: 0;
z-index: 1;
}
.testimonial-grid .item-grid .testimonials-profile .right {
padding-left: 70px;
}
.testimonial-grid .item-grid .testimonials-profile .right .name {
font-size: 16px;
font-weight: 600;
color: #000000;
margin: 0;
text-transform: uppercase;
}
.testimonial-grid .item-grid .testimonials-profile .right .job {
font-size: 12px;
font-weight: 900;
color: var(--krowd-theme-color);
text-transform: uppercase;
}
.testimonial-grid .item-grid .testimonials-profile .left {
display: inline-block;
float: left;
}
.testimonial-grid .item-grid .testimonials-profile .left img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
width: 50px;
height: auto;
}
.slider-gallery-v1 {
margin-left: -3px !important;
margin-right: -3px !important;
}
.slider-gallery-v1 .carousel-item {
float: left;
padding-right: 3px !important;
}
.slider-gallery-v1 img {
-webkit-transform-style: none !important;
transform-style: none !important;
-webkit-transform: none !important;
transform: none !important;
}
.slider-gallery-v1 .gallery-large {
background: #fff;
}
.slider-gallery-v1 .gallery-large img {
width: 100%;
height: auto;
}
.slider-gallery-v1 div > .gallery-small {
width: 50% !important;
background: transparent !important;
float: left;
}
.slider-gallery-v1 div > .gallery-small .gallery-small-item {
background: #fff;
width: 100% !important;
height: auto !important;
float: left;
clear: both;
padding-bottom: 3px;
margin: 0;
}
.slider-gallery-v1 div > .gallery-small .gallery-small-item:last-child {
padding-bottom: 0;
}
.slider-gallery-v1 div > .gallery-small .gallery-small-item img {
width: 100%;
height: auto;
}
.small-list .item-list ul > li {
border-bottom: 1px solid #e9e9ee;
margin-bottom: 15px !important;
padding-bottom: 15px;
}
.small-list .item-list ul > li a {
font-size: 12px;
font-family: var(--krowd-heading-font-family);
text-transform: uppercase;
color: #232733;
font-weight: 600;
}
.small-list .item-list ul > li a:hover {
color: var(--krowd-theme-color);
}
.small-list .item-list ul > li:last-child {
border: none;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.tags-list .item-list > ul > li {
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
float: left;
}
.tags-list .item-list > ul > li a {
color: #232733;
font-size: 14px;
line-height: 34px;
display: inline-block;
background: var(--krowd-theme-color-second);
padding: 0 12px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.tags-list .item-list > ul > li a:hover, .tags-list .item-list > ul > li a:focus, .tags-list .item-list > ul > li a:active {
background: var(--krowd-theme-color);
color: #fff;
}
.banner-carousel .init-carousel-owl {
margin-left: 0;
margin-right: 0;
}
.banner-carousel .init-carousel-owl .item {
padding: 0;
text-align: center;
height: 180px;
position: relative;
}
@media (max-width: 1023.98px) {
.banner-carousel .init-carousel-owl .item {
height: 140px;
}
}
.banner-carousel .init-carousel-owl .item:hover img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.banner-carousel .init-carousel-owl .item-image {
top: 50%;
left: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
.banner-carousel .init-carousel-owl img {
display: inline-block;
max-width: 100%;
opacity: 0.38;
filter: alpha(opacity=38);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.banner-carousel.v2 .item {
padding: 0;
border-color: #D6D8D9;
height: auto;
}
.banner-carousel.v2 .item > div {
padding: 20px 30px;
background: #EFF1F2;
text-align: center;
border-bottom: 1px solid #D6D8D9;
height: 180px;
position: relative;
}
.banner-carousel.v2 .item > div .item-image {
top: 50%;
left: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
.banner-carousel.v2 .item > div:last-child {
border: none;
}
.block.block-gavias-blockbuilder {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.block.block-gavias-blockbuilder ul > li {
list-style: none;
}
.row-box {
padding-left: 100px;
padding-right: 100px;
}
@media (max-width: 991.98px) {
.row-box {
padding-left: 50px;
padding-right: 50px;
}
}
.container .container {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.bb-container.full-screen {
display: table;
table-layout: fixed;
width: 100%;
}
.bb-container.full-screen .bb-inner {
padding: 0 !important;
}
.bb-container.full-screen > .row {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.column-background {
background: #f1f1f1;
padding: 30px;
}
.vertical-start {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.vertical-center {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.vertical-end {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.column-style-1 > .column-inner {
padding-left: calc((100vw - 1200px) / 2);
}
@media (max-width: 1199.98px) {
.column-style-1 > .column-inner {
padding-left: calc((100vw - 992px) / 2);
}
}
@media (max-width: 1023.98px) {
.column-style-1 > .column-inner {
padding-left: 15px;
padding-right: 15px;
}
}
.column-style-2 > .column-inner {
padding-right: calc((100vw - 1200px) / 2);
}
@media (max-width: 1199.98px) {
.column-style-2 > .column-inner {
padding-right: calc((100vw - 992px) / 2);
}
}
@media (max-width: 1023.98px) {
.column-style-2 > .column-inner {
padding-left: 15px;
padding-right: 15px;
}
}
.column-style-3 {
max-width: 700px;
margin: 0 auto;
padding: 80px 30px;
}
@media (max-width: 991.98px) {
.column-style-3 {
padding: 30px 20px;
}
}
.column-style-4 {
max-width: 800px;
margin: 0 auto;
padding: 80px 20px;
}
@media (max-width: 991.98px) {
.column-style-4 {
padding: 30px 10px;
}
}
.column-style-5 {
padding: 60px;
}
@media (max-width: 1199.98px) {
.column-style-5 {
padding: 30px;
}
}
.column-margin-1 {
width: 160%;
margin-top: -200px;
}
@media (max-width: 1023.98px) {
.column-margin-1 {
margin-top: -50px;
width: 100%;
}
}
.column-padding-1 {
padding-top: 80px;
padding-left: 80px;
background: #fff;
}
@media (max-width: 1023.98px) {
.column-padding-1 {
padding-top: 50px;
padding-left: 15px;
}
}
.column-box-shadow {
background: #fff;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.06);
padding: 60px;
}
@media (max-width: 1023.98px) {
.column-box-shadow {
padding: 30px;
}
}
.grid-small .container {
max-width: 900px;
margin: 0 auto;
}
@media (max-width: 767px) {
.col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}
.gavias-blockbuilder-content {
position: relative;
}
.gavias-blockbuilder-content .link-edit-blockbuider {
border: 1px solid #e9e9ee;
position: absolute;
top: 60px;
left: 0px;
z-index: 999;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
background: var(--krowd-theme-color);
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
display: inline-block;
padding: 10px;
}
.gavias-blockbuilder-content .link-edit-blockbuider:hover, .gavias-blockbuilder-content .link-edit-blockbuider:focus, .gavias-blockbuilder-content .link-edit-blockbuider:active {
color: #fff;
}
.gsc-box-parallax {
position: relative;
margin-bottom: 80px;
}
.gsc-box-parallax .col-first {
width: 60%;
float: right;
}
@media (max-width: 991.98px) {
.gsc-box-parallax .col-first {
width: 100% !important;
}
}
.gsc-box-parallax .col-second {
padding: 20px 30px 30px;
background: #fff;
position: absolute;
width: 50%;
height: auto;
z-index: 9;
height: 80%;
left: 0;
-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.gsc-box-parallax .col-second .content-inner {
position: relative;
}
@media (max-width: 991.98px) {
.gsc-box-parallax .col-second {
width: 100% !important;
position: static !important;
height: auto !important;
float: left;
}
.gsc-box-parallax .col-second:before, .gsc-box-parallax .col-second:after {
content: " ";
display: table;
}
.gsc-box-parallax .col-second:after {
clear: both;
}
}
.gsc-box-parallax .content-inner .subtitle {
font-size: 14px;
text-transform: uppercase;
color: #232733;
font-family: var(--krowd-heading-font-family);
font-weight: 600;
}
.gsc-box-parallax .content-inner .title {
font-size: 26px;
margin-bottom: 10px;
}
.gsc-box-parallax .content-inner .title h3 {
margin: 0;
font-size: 20px;
}
.gsc-box-parallax .content-inner .readmore {
margin-top: 30px;
}
.gsc-box-parallax.content-align-right .col-first {
float: left;
text-align: right;
}
.gsc-box-parallax.content-align-right .col-second {
right: 0;
left: auto;
}
.gva-fixed-background {
background-attachment: fixed;
}
.gsc-hover-background {
position: relative;
background: #F5F5F5;
padding: 85px 0;
margin-bottom: 30px;
}
.gsc-hover-background .front {
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-hover-background .front .icon {
line-height: 1;
font-size: 42px;
color: var(--krowd-theme-color);
}
.gsc-hover-background .front h2 {
font-size: 16px;
font-weight: 600;
color: #232733;
font-family: var(--krowd-heading-font-family);
text-transform: uppercase;
margin-top: 15px;
letter-spacing: -1px;
}
.gsc-hover-background .back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-ms-background-size: cover !important;
background-size: cover !important;
}
.gsc-hover-background .back:after {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
position: absolute;
}
.gsc-hover-background .back .content {
color: #fff;
padding: 10px 30px;
vertical-align: middle;
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: inline-block;
text-align: center;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
}
.gsc-hover-background .back .content .content-text {
font-size: 15px;
color: #fff;
padding-bottom: 15px;
}
.gsc-hover-background:hover .front {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
filter: alpha(opacity=0);
}
.gsc-hover-background:hover .back {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-block-view.remove-margin-on {
margin-bottom: 0 !important;
}
.quote-icon {
position: relative;
}
@media (max-width: 991.98px) {
.quote-icon {
padding-top: 50px;
}
}
.quote-icon:before {
content: "\f10d";
font-family: "FontAwesome";
display: inline-block;
position: absolute;
top: 50%;
left: -64px;
background: #fff;
line-height: 128px;
width: 128px;
height: 128px;
border-radius: 128px;
-webkit-border-radius: 128px;
-moz-border-radius: 128px;
-ms-border-radius: 128px;
-o-border-radius: 128px;
text-align: center;
color: var(--krowd-theme-color);
font-size: 50px;
font-weight: 900;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 22;
}
@media (max-width: 991.98px) {
.quote-icon:before {
line-height: 80px;
width: 80px;
height: 80px;
font-size: 30px;
top: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.column-content.text-quote {
padding: 165px 20px;
max-width: 820px;
margin: 0 auto;
}
@media (max-width: 991.98px) {
.column-content.text-quote {
padding: 20px 20px;
}
}
.column-content.text-quote-2 {
padding: 80px 20px;
max-width: 1000px;
margin: 0 auto;
}
@media (max-width: 991.98px) {
.column-content.text-quote-2 {
padding: 20px 20px;
}
}
.gsc-our-history-carousel .item {
padding-top: 30px;
margin-bottom: 45px;
}
.gsc-our-history-carousel .item .content-inner {
background: #fff;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02);
text-align: left;
padding: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-our-history-carousel .item .content-inner .year {
width: 60px;
height: 60px;
color: 16px;
text-align: center;
position: absolute;
top: 0;
left: 50%;
margin-left: -30px;
z-index: 9;
background: var(--krowd-theme-color);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
color: #fff;
line-height: 60px;
font-weight: 600;
}
.gsc-our-history-carousel .item .content-inner .title {
font-size: 16px;
color: var(--krowd-theme-color);
padding: 10px 0;
}
.gsc-our-history-carousel .item .content-inner:hover {
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.gsc-our-history-timeline {
margin-bottom: 30px;
}
.gsc-our-history-timeline .item {
position: relative;
padding-bottom: 20px;
}
.gsc-our-history-timeline .item:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background: var(--krowd-theme-color);
position: absolute;
top: 10px;
left: 90px;
z-index: 1;
}
@media (max-width: 991.98px) {
.gsc-our-history-timeline .item:before {
left: 70px;
}
}
.gsc-our-history-timeline .item:after {
content: "";
width: 6px;
height: 100%;
background: #F6F6F6;
position: absolute;
top: 20px;
left: 92px;
z-index: 1;
}
@media (max-width: 991.98px) {
.gsc-our-history-timeline .item:after {
left: 72px;
}
}
.gsc-our-history-timeline .item:last-child:after {
display: none;
}
.gsc-our-history-timeline .item .year {
font-size: 18px;
color: #232733;
top: 0;
left: 0;
z-index: 1;
position: absolute;
font-weight: 600;
}
.gsc-our-history-timeline .item .content-right {
padding-left: 150px;
}
@media (max-width: 991.98px) {
.gsc-our-history-timeline .item .content-right {
padding-left: 100px;
}
}
.gsc-our-history-timeline .item .content-right .title {
font-size: 18px;
color: #232733;
font-weight: 600;
}
.gsc-our-history-timeline .item .content-right .description {
padding-top: 10px;
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.gbb-row-wrapper {
position: relative;
}
.gbb-row-wrapper .particles-js-canvas-el {
position: absolute;
top: 0;
left: 0;
}
.gbb-row-wrapper > .icon-row {
color: var(--krowd-theme-color-second);
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 60px;
top: unset;
bottom: -22px;
width: auto;
height: auto;
line-height: normal;
}
.gbb-row-wrapper > .icon-row:after {
content: none;
}
.gbb-row-wrapper .gbb-row-wrapper .bb-inner {
padding: 0;
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper::before, .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper::after {
display: none;
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner {
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner::before, .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner::after {
content: " ";
display: table;
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner::after {
clear: both;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner > * {
min-height: 1em;
}
}
.gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper .column-content-inner {
position: relative;
}
.gbb-row.row-border .row-wrapper > .gsc-column:after {
content: '';
width: 1px;
height: auto;
position: absolute;
right: 0;
top: 30px;
bottom: 30px;
z-index: 1;
background: rgba(0, 0, 0, 0.1);
}
.gbb-row.row-border .row-wrapper > .gsc-column .column-inner {
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
padding-bottom: 30px;
}
.gbb-row.row-border .row-wrapper > .gsc-column:last-child:after {
display: none !important;
}
.gbb-row.row-border .row-wrapper > .gsc-column[class*='col-lg-12']:after {
display: none;
}
.gbb-row.special-row .bb-inner {
padding-top: 0;
}
.gbb-row.special-row .row-wrapper {
margin-top: -60px;
position: relative;
z-index: 9;
background: #fff;
float: left;
width: 100%;
padding: 50px 30px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.gbb-row.special-row-2 .bb-inner {
padding-top: 0;
}
.gbb-row.special-row-2 .row-wrapper {
margin-top: -60px;
position: relative;
z-index: 9;
background: transparent;
float: left;
width: 100%;
}
.gbb-row.special-row-2 .row-wrapper .column-inner {
background: #fff;
border: 1px solid #e9e9ee;
-webkit-box-shadow: 0px 30px 90px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 30px 90px 0px rgba(0, 0, 0, 0.1);
padding: 35px 20px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.gbb-row.row-background-particles-js > .bb-inner {
position: relative;
z-index: 9;
}
.gbb-row.row-background-particles-js > .particles-js-canvas-el {
z-index: 8;
}
@media (max-width: 991.98px) {
.gbb-row[style*="padding-top"] {
padding-top: 25px !important;
}
.gbb-row[style*="padding-bottom"] {
padding-bottom: 25px !important;
}
}
.gbb-row .bb-inner {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 1023.98px) {
.gbb-row .bb-inner {
padding-top: 60px;
padding-bottom: 60px;
}
}
.gbb-row .bb-inner.remove_padding_row {
padding: 0 !important;
}
.gbb-row .bb-inner.remove_padding_col .bb-container .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gbb-row .bb-inner.remove_padding_col .bb-container .row > .gsc-column {
padding-left: 0 !important;
padding-right: 0 !important;
}
.gbb-row .bb-inner.remove_padding > .bb-container {
padding: 0;
}
.gbb-row .bb-inner.remove_padding > .bb-container > .row-wrapper {
margin-left: 0px;
margin-right: 0px;
}
.gbb-row .bb-inner.remove_padding > .bb-container > .row-wrapper > .gsc-column {
padding-left: 0px;
padding-right: 0px;
}
.gbb-row .bb-inner.padding_small > .bb-container {
padding: 0;
}
.gbb-row .bb-inner.padding_small > .bb-container > .row-wrapper {
margin-left: -1px;
margin-right: -1px;
}
.gbb-row .bb-inner.padding_small > .bb-container > .row-wrapper > .gsc-column {
padding-left: 1px;
padding-right: 1px;
}
.gbb-row .bb-inner.remove_padding_top {
padding-top: 0 !important;
}
.gbb-row .bb-inner.remove_padding_bottom {
padding-bottom: 0 !important;
}
.gbb-row .bb-inner.padding-small {
padding-top: 30px;
padding-bottom: 30px;
}
.gsc-carousel-content .owl-nav {
position: absolute;
bottom: 50px;
left: 50%;
margin-left: 60px;
opacity: 1;
filter: alpha(opacity=100);
background: none !important;
}
.gsc-carousel-content .owl-nav > div {
width: 38px;
height: 38px;
background: #191A1B !important;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
color: #fff !important;
line-height: 38px !important;
opacity: 0.5;
filter: alpha(opacity=50);
position: static !important;
margin: 0 5px !important;
float: left;
}
.gsc-carousel-content .owl-nav > div:hover, .gsc-carousel-content .owl-nav > div:focus, .gsc-carousel-content .owl-nav > div:active {
opacity: 1;
filter: alpha(opacity=100);
}
.gsc-carousel-content .item .item-content .bg-full {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
opacity: 0.1;
filter: alpha(opacity=10);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
@media (max-width: 991.98px) {
.gsc-carousel-content .item .item-content .bg-full {
width: 100%;
min-height: 300px;
position: relative;
}
}
.gsc-carousel-content .item .item-content .content-box {
float: right;
width: 50%;
background: var(--krowd-theme-color);
min-height: 600px;
}
@media (max-width: 991.98px) {
.gsc-carousel-content .item .item-content .content-box {
width: 100%;
min-height: auto;
}
}
.gsc-carousel-content .item .item-content .content-box .content-inner {
max-width: 700px;
padding: 60px;
}
@media (max-width: 1023.98px) {
.gsc-carousel-content .item .item-content .content-box .content-inner {
padding: 45px 30px;
}
}
.gsc-carousel-content .active .item-content .bg-full {
opacity: 1;
filter: alpha(opacity=100);
z-index: 999;
}
.gsc-carousel-content.style-1 .content-box .content-inner .title {
font-size: 50px;
color: #fff;
font-weight: 500;
line-height: 60px;
margin-bottom: 30px;
}
@media (max-width: 1023.98px) {
.gsc-carousel-content.style-1 .content-box .content-inner .title {
font-size: 24px;
line-height: 30px;
}
}
.gsc-carousel-content.style-1 .content-box .content-inner .title a {
color: #fff;
}
.gsc-carousel-content.style-1 .content-box .content-inner .desc {
font-size: 17px;
color: #fff;
}
.gsc-carousel-content.style-1 .content-box .content-inner .action a {
background: #191A1B;
font-size: 18px;
padding: 0 25px;
font-family: var(--krowd-font-sans-serif);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.gsc-carousel-content.style-1 .content-box .content-inner .action a:hover {
color: #191A1B;
background: #fff;
}
.gsc-carousel-content.style-2 .content-box .content-inner .title {
font-size: 30px;
color: #1d1e20;
font-weight: 400;
line-height: 45px;
}
.gsc-carousel-content.style-2 .content-box .content-inner .title a {
color: #1d1e20;
font-family: var(--krowd-heading-font-family);
}
.gsc-carousel-content.style-2 .content-box .content-inner .desc {
font-size: 15px;
color: #232526;
font-weight: 400;
line-height: 30px;
margin: 30px 0;
}
.gsc-carousel-content.style-3 .owl-dots {
margin-top: 45px;
}
.gsc-carousel-content.style-3 .image {
max-width: 78%;
}
@media (max-width: 1023.98px) {
.gsc-carousel-content.style-3 .image {
width: 100%;
max-width: 100%;
}
}
.gsc-carousel-content.style-3 .content-box {
padding: 40px;
min-height: auto !important;
max-width: 500px;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1023.98px) {
.gsc-carousel-content.style-3 .content-box {
padding: 30px;
max-width: 100%;
width: 100% !important;
position: static;
}
}
.gsc-carousel-content.style-3 .content-box .content-inner {
padding: 0 !important;
color: #fff;
font-size: 17px;
}
.gsc-carousel-content.style-3 .content-box .content-inner .title {
font-size: 35px;
color: #fff;
font-weight: 500;
line-height: 45px;
}
.gsc-carousel-content.style-3 .content-box .content-inner .title a {
color: #fff;
}
.gsc-carousel-content.style-3 .content-box .content-inner .title a:hover, .gsc-carousel-content.style-3 .content-box .content-inner .title a:active, .gsc-carousel-content.style-3 .content-box .content-inner .title a:focus {
text-decoration: underline;
}
.gsc-carousel-content.style-3 .content-box .content-inner .action a {
background: #232733;
border: 1px solid #232733;
}
.gsc-accordion .panel {
padding: 0;
background: transparent;
margin-bottom: 10px;
}
.gsc-accordion .panel:last-child {
margin-bottom: 0;
}
.gsc-accordion .panel .panel-title {
margin-bottom: 0;
margin-top: 0;
}
.gsc-accordion .panel .panel-title > a {
font-size: 18px;
font-weight: 500;
color: #fff;
background-color: #5F48DC;
padding: 29px 40px;
padding-right: 65px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 0;
}
.gsc-accordion .panel .panel-title > a.collapsed {
background-color: #5F48DC;
border-color: transparent;
}
.gsc-accordion .panel .panel-title > a.collapsed:after {
color: var(--krowd-theme-color-second);
}
.gsc-accordion .panel .panel-title > a span {
color: var(--krowd-theme-color-second);
}
.gsc-accordion .panel .panel-title > a:after {
top: 22px;
right: 25px;
color: #fff;
text-align: center;
line-height: 35px;
width: 35px;
height: 35px;
}
.gsc-accordion .panel .panel-body {
font-size: 16px;
color: #D1C8FE;
padding: 0 40px 15px 40px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 0;
background-color: #5F48DC;
}
.gsc-accordion .collapse.in {
display: block;
}
/********************** Call to action **************************/
.gsc-call-to-action.button-right {
position: relative;
}
.gsc-call-to-action.button-right .title {
font-size: 38px;
line-height: 1.4;
margin: 5px 0 !important;
}
@media (max-width: 767.98px) {
.gsc-call-to-action.button-right .title {
font-size: 32px;
line-height: 50px;
}
}
.gsc-call-to-action.button-right .content {
padding-right: 250px;
}
@media (max-width: 640px) {
.gsc-call-to-action.button-right .content {
padding-right: 0;
}
}
.gsc-call-to-action.button-right .content p {
margin: 0;
}
.gsc-call-to-action.button-right .button-action {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
@media (max-width: 640px) {
.gsc-call-to-action.button-right .button-action {
position: relative;
top: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
margin-top: 15px;
}
}
.gsc-call-to-action.button-bottom {
padding: 30px 0;
}
.gsc-call-to-action.button-bottom.v1 {
background: var(--krowd-theme-color);
padding: 50px 30px;
}
.gsc-call-to-action.button-bottom.v1 .content-inner {
max-width: 470px;
margin: 0 auto;
}
@media (max-width: 991.98px) {
.gsc-call-to-action.button-bottom.v1 .content-inner {
max-width: 715px;
}
}
.gsc-call-to-action.button-bottom.v1 .title {
font-size: 30px;
line-height: 1.5;
margin-bottom: 30px;
margin-top: 0;
}
.gsc-call-to-action.button-bottom.v1.text-light .content .desc * {
color: #d1c8fe;
}
.gsc-call-to-action.button-bottom.v1 .button-action {
margin-top: 40px;
}
.gsc-call-to-action.button-bottom.v2 {
min-height: 410px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.gsc-call-to-action.button-bottom.v2 .content-inner {
max-width: 335px;
margin: 0 auto;
}
.gsc-call-to-action.button-bottom.v2 .title {
font-size: 38px;
line-height: 1.4;
margin: 0 0 30px;
}
@media (max-width: 767.98px) {
.gsc-call-to-action.button-bottom.v2 .title {
font-size: 32px;
line-height: 50px;
}
}
.gsc-call-to-action.button-bottom.v2 .desc {
font-size: 18px;
line-height: 2;
margin-bottom: 40px;
color: var(--krowd-theme-color-three);
}
.gsc-call-to-action.button-bottom.text-light .title:after {
background: #fff;
}
.gsc-call-to-action.text-light .content {
color: #fff;
}
.gsc-call-to-action.text-light .content .title {
color: #fff;
}
.gsc-call-to-action.text-light .content .desc * {
color: #d1c8fe;
}
.gsc-call-to-action.text-light .subtitle {
color: #fff;
}
.gsc-icon-box {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-icon-box:before, .gsc-icon-box:after {
content: " ";
display: table;
}
.gsc-icon-box:after {
clear: both;
}
.gsc-icon-box.icon-image.left {
padding-right: 30px;
}
@media (max-width: 1023.98px) {
.gsc-icon-box.icon-image.left {
padding-right: 0;
}
}
.gsc-icon-box.icon-image .fa-1x {
display: block;
width: 24px;
}
.gsc-icon-box.icon-image .fa-2x {
display: block;
width: 32px;
}
.gsc-icon-box.icon-image .fa-3x {
display: block;
width: 64px;
}
.gsc-icon-box.icon-image .fa-4x {
display: block;
width: 96px;
}
.gsc-icon-box.icon-image .fa-5x {
display: block;
width: 110px;
}
.gsc-icon-box.icon-image.top-center .fa-3x .icon img {
margin-top: 25px;
}
.gsc-icon-box.icon-image.top-center .fa-4x .icon img {
margin-top: 30px;
}
.gsc-icon-box.icon-image.top-center .fa-5x .icon img {
margin-top: 30px;
}
.gsc-icon-box .verticle-align-top {
vertical-align: top !important;
}
.gsc-icon-box .verticle-align-bottom {
vertical-align: bottom !important;
}
.gsc-icon-box .verticle-align-middle {
vertical-align: middle !important;
}
.gsc-icon-box .highlight_content {
margin-top: 5px;
}
.gsc-icon-box .highlight_content .title {
font-size: 18px;
line-height: 36px;
margin: -10px 0 15px;
}
.gsc-icon-box .highlight_content .desc p {
margin-bottom: 0;
}
.gsc-icon-box .highlight-icon .icon-container {
text-align: center;
line-height: 1;
position: relative;
color: var(--krowd-theme-color);
}
.gsc-icon-box .highlight-icon .icon-container .icon {
position: relative;
z-index: 11;
display: inline-block;
}
.gsc-icon-box .highlight-icon .icon-container.icon-shadow {
-webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
}
.gsc-icon-box .highlight-icon .icon-container.fa-stack {
line-height: 1.85em !important;
width: 1.85em;
height: 1.85em;
}
.gsc-icon-box .highlight-icon .icon-container.fa-stack.fa-5x {
width: 2em;
height: 2em;
line-height: 2.1em !important;
}
.gsc-icon-box .highlight-icon .icon-container.text-theme[class*="border-"] {
border-color: rgba(0, 0, 0, 0.1);
}
.gsc-icon-box .highlight-icon .icon-container.text-white[class*="border-"] {
border-color: rgba(255, 255, 255, 0.2);
}
.gsc-icon-box .highlight-icon .icon-container.text-black {
color: #1b1f2e;
}
.gsc-icon-box .highlight-icon .icon-container.text-black[class*="border-"] {
border-color: rgba(0, 0, 0, 0.1);
}
.gsc-icon-box .highlight-icon .icon-container.radius-1x:after {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.gsc-icon-box .highlight-icon .icon-container.radius-2x:after {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.gsc-icon-box .highlight-icon .icon-container.radius-5x:after {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.gsc-icon-box.icon-background .highlight-icon .icon-container {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.gsc-icon-box.icon-background .highlight-icon .icon-container:after {
top: 0px;
left: 0px;
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
content: '';
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s;
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.gsc-icon-box.icon-background .highlight-icon .icon-container.bg-black:after {
background: #222222;
}
.gsc-icon-box.icon-background .highlight-icon .icon-container.bg-theme:after {
background: var(--krowd-theme-color);
}
.gsc-icon-box.icon-background.icon-border .highlight-icon .icon-container.bg-black {
border-color: #222222;
}
.gsc-icon-box.icon-background.icon-border .highlight-icon .icon-container.bg-theme {
border-color: var(--krowd-theme-color);
}
.gsc-icon-box.icon-border:not(.icon-background) .highlight-icon .icon-container {
color: var(--krowd-theme-color);
}
.gsc-icon-box.top-center {
text-align: center;
max-width: 550px;
margin-right: auto;
margin-left: auto;
}
.gsc-icon-box.top-center .highlight-icon {
text-align: center;
padding-right: 0 !important;
margin-bottom: 20px;
}
.gsc-icon-box.top-center .highlight-icon .icon-container {
display: inline-block;
}
.gsc-icon-box.top-center .highlight-icon .icon-container.fa-1x {
font-size: 1.4em;
}
.gsc-icon-box.top-center .title {
position: relative;
margin: 0;
font-weight: 500;
}
.gsc-icon-box.top-center .highlight_content {
text-align: center;
margin: 0 auto;
}
.gsc-icon-box.top-center .highlight_content .desc {
text-align: center;
font-size: 16px;
}
.gsc-icon-box.left {
display: table;
text-align: left;
}
.gsc-icon-box.left .highlight-icon {
display: table-cell;
vertical-align: top;
padding-right: 30px;
}
@media (max-width: 1199.98px) {
.gsc-icon-box.left .highlight-icon {
padding-right: 20px;
}
}
.gsc-icon-box.left .highlight_content {
display: table-cell;
}
.gsc-icon-box.left .highlight_content .desc {
margin-top: 8px;
}
.gsc-icon-box.left.icon-background .highlight-icon {
padding-top: 0;
}
.gsc-icon-box.left.v2 {
padding-bottom: 60px;
border-bottom: 1px solid #e9e9ee;
padding-right: 40px;
padding-left: 15px;
}
@media (max-width: 991.98px) {
.gsc-icon-box.left.v2 {
padding-right: 15px;
}
}
@media (max-width: 767.98px) {
.gsc-icon-box.left.v2 {
padding-bottom: 30px;
}
}
.gsc-icon-box.left.v2 .highlight-icon .icon-container.fa-stack {
line-height: 104px !important;
width: 104px;
height: 104px;
position: relative;
}
.gsc-icon-box.left.v2 .highlight-icon .icon-container.fa-stack:after {
content: "";
position: absolute;
top: 3px;
right: 3px;
background: var(--krowd-theme-color-second);
width: 21px;
height: 21px;
}
.gsc-icon-box.left.v2 .title {
font-size: 30px;
line-height: 36px;
}
.gsc-icon-box.left.v2 .desc {
font-size: 18px;
line-height: 36px;
}
.gsc-icon-box.left.v3 .highlight-icon .icon-container.fa-stack {
line-height: 104px !important;
width: 104px;
height: 104px;
position: relative;
}
.gsc-icon-box.left.v3 .highlight-icon .icon-container.fa-stack:after {
content: "";
position: absolute;
top: 3px;
right: 3px;
background: var(--krowd-theme-color-second);
width: 21px;
height: 21px;
}
.gsc-icon-box.left.v3 .title {
font-size: 24px;
line-height: 36px;
}
.gsc-icon-box.left.v3 .desc {
font-size: 18px;
line-height: 36px;
word-break: break-all;
}
@media (max-width: 991.98px) {
.gsc-icon-box.responsive-1 {
margin: 0 auto;
float: none;
}
.gsc-icon-box.responsive-1 .highlight-icon {
width: 100%;
display: block;
margin-bottom: 10px;
}
.gsc-icon-box.responsive-1 .highlight_content {
width: 100%;
display: block;
padding: 0;
}
}
@media (max-width: 767.98px) {
.gsc-icon-box.responsive-2 {
margin: 0 auto;
float: none;
}
.gsc-icon-box.responsive-2 .highlight-icon {
width: 100%;
display: block;
margin-bottom: 20px;
}
.gsc-icon-box.responsive-2 .highlight_content {
width: 100%;
display: block;
padding: 0;
}
}
.gsc-icon-box.box-background {
position: relative;
background: #fff;
padding: 40px 25px;
border: 1px solid rgba(0, 0, 0, 0.06);
margin: 0 auto;
text-align: center;
}
@media (max-width: 767.98px) {
.gsc-icon-box.box-background {
margin-bottom: 30px;
}
}
.gsc-icon-box.box-background:after {
content: '';
width: 0px;
height: 0px;
position: absolute;
top: -1px;
right: -1px;
z-index: 11;
background: var(--krowd-theme-color-second);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.gsc-icon-box.box-background:hover {
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
.gsc-icon-box.box-background:hover .icon {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.gsc-icon-box.box-background:hover:after {
width: 18px;
height: 18px;
}
.gsc-icon-box.border-s1 .icon-inner {
padding: 6px;
border: 2px solid #e9e9ee;
display: inline-block;
}
.gsc-icon-box.border-s1 .icon-inner .fa-stack {
line-height: 2.3em !important;
width: 2.2em;
height: 2.2em;
}
.gsc-icon-box.border-s1 .icon-inner .fa-2x {
font-size: 1.6em;
}
.gsc-icon-box.border-s1 .icon-inner .fa-1x {
font-size: 1.2em;
}
.gsc-icon-box.border-s1 .icon-inner .fa-1x .fa-stack {
line-height: 2.3em !important;
width: 2.2em;
height: 2.2em;
}
.gsc-icon-box .i-border-theme {
border-color: var(--krowd-theme-color) !important;
}
.gsc-icon-box .i-border-black {
border-color: #232733 !important;
}
.gsc-icon-box .i-border-dark {
border-color: #f1f1f1 !important;
}
.gsc-icon-box .i-border-white {
border-color: #fff !important;
}
.gsc-icon-box:hover .highlight-icon .icon {
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
@media (max-width: 767.98px) {
.gsc-icon-list {
margin-bottom: 50px;
}
}
.gsc-icon-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.gsc-icon-list li + li {
padding-top: 20px;
}
.gsc-icon-list i {
color: var(--krowd-theme-color);
font-size: 20px;
padding-right: 12px;
}
.gsc-icon-list span {
line-height: 18px;
}
.gsc-icon-box-new.style-1 {
background: #fff;
position: relative;
margin-bottom: 30px;
min-height: 75px;
}
.gsc-icon-box-new.style-1:before, .gsc-icon-box-new.style-1:after {
content: " ";
display: table;
}
.gsc-icon-box-new.style-1:after {
clear: both;
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-1 {
margin-bottom: 20px;
}
}
.gsc-icon-box-new.style-1 .icon-inner {
width: 60px;
line-height: 76px;
background: var(--krowd-theme-color);
text-align: center;
color: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.gsc-icon-box-new.style-1 .icon-inner .icon {
font-size: 34px;
}
.gsc-icon-box-new.style-1 .content-inner {
padding: 15px 10px 15px 70px;
}
.gsc-icon-box-new.style-1 .content-inner p {
margin: 0;
}
.gsc-icon-box-new.style-1 .content-inner .title {
color: var(--krowd-theme-color-second);
font-family: var(--krowd-heading-font-family);
font-weight: 600;
font-size: 18px;
line-height: 1.2;
margin-bottom: 5px;
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-1 .content-inner .title {
font-size: 16px;
}
}
.gsc-icon-box-new.style-1 .content-inner .desc {
font-size: 14px;
}
.gsc-icon-box-new.style-2 {
background: #fff;
position: relative;
padding: 30px 20px;
margin-bottom: 30px;
}
.gsc-icon-box-new.style-2 .icon-inner {
width: 56px;
height: 56px;
line-height: 64px;
background: var(--krowd-theme-color);
text-align: center;
color: #fff;
position: absolute;
top: 30px;
left: 20px;
z-index: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
float: left;
}
.gsc-icon-box-new.style-2 .icon-inner .icon {
font-size: 24px;
color: #fff;
}
.gsc-icon-box-new.style-2 .content-inner {
padding-left: 70px;
}
@media (max-width: 1023.98px) {
.gsc-icon-box-new.style-2 .content-inner {
padding-left: 0;
padding-top: 70px;
}
}
.gsc-icon-box-new.style-2 .content-inner p {
margin: 0;
}
.gsc-icon-box-new.style-2 .content-inner .title {
font-size: 20px;
line-height: 24px;
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-2 .content-inner .title {
font-size: 18px;
}
}
.gsc-icon-box-new.style-2 .content-inner .desc {
margin-top: 10px;
font-size: 15px;
}
.gsc-icon-box-new.style-2 .content-inner .desc ul {
list-style: none;
padding: 0;
margin: 0;
}
.gsc-icon-box-new.style-2 .content-inner .desc ul li {
position: relative;
padding-left: 15px;
}
.gsc-icon-box-new.style-2 .content-inner .desc ul li:after {
content: "\f111";
margin-right: 10px;
color: var(--krowd-theme-color);
display: block;
font-size: 6px;
font-family: "FontAwesome";
position: absolute;
top: 6px;
left: 0;
z-index: 1;
font-weight: 900;
}
.gsc-icon-box-new.style-2 .content-inner .desc .link {
margin-top: 13px;
color: var(--krowd-theme-color);
display: inline-block;
font-family: var(--krowd-heading-font-family);
}
.gsc-icon-box-new.style-2 .content-inner .desc .link:hover {
text-decoration: underline;
}
.gsc-icon-box-new.style-3 {
float: left;
width: 100%;
margin-bottom: 15px;
background: #fff;
padding: 10px;
}
.gsc-icon-box-new.style-3 .icon-inner {
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 1px solid var(--krowd-theme-color);
float: left;
color: var(--krowd-theme-color);
font-size: 18px;
text-align: center;
line-height: 40px;
}
.gsc-icon-box-new.style-3 .content-inner {
padding-top: 8px;
padding-left: 50px;
text-transform: uppercase;
color: #1b1f2e;
font-family: var(--krowd-heading-font-family);
font-weight: 500;
font-size: 12px;
letter-spacing: 1px;
}
.gsc-icon-box-new.style-4 {
position: relative;
margin-bottom: 30px;
}
.gsc-icon-box-new.style-4:before, .gsc-icon-box-new.style-4:after {
content: " ";
display: table;
}
.gsc-icon-box-new.style-4:after {
clear: both;
}
.gsc-icon-box-new.style-4 .icon-inner {
width: 80px;
height: 80px;
border: 1px solid #e9e9ee;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin: 0 auto;
padding: 10px;
margin-bottom: 15px;
}
.gsc-icon-box-new.style-4 .icon-inner .icon {
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
text-align: center;
line-height: 60px;
color: var(--krowd-theme-color-second);
background: var(--krowd-theme-color);
font-size: 22px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.gsc-icon-box-new.style-4 .content-inner {
text-align: center;
}
.gsc-icon-box-new.style-4 .content-inner p {
margin: 0;
}
.gsc-icon-box-new.style-4 .content-inner .title {
text-transform: uppercase;
color: #1b1f2e;
letter-spacing: 2px;
font-family: var(--krowd-heading-font-family);
font-weight: 500;
font-size: 12px;
}
.gsc-icon-box-new.style-4.text-light .icon-inner {
border-color: rgba(255, 255, 255, 0.2);
}
.gsc-icon-box-new.style-4.text-light .icon-inner .icon {
-webkit-box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1);
box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1);
background: rgba(0, 0, 0, 0.2);
}
.gsc-icon-box-new.style-4.text-light .content-inner .desc {
color: #fff;
}
.gsc-icon-box-new.style-5 {
background: #fff;
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin-bottom: 20px;
overflow: hidden;
padding: 20px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-5 {
padding: 20px 10px;
}
}
.gsc-icon-box-new.style-5 .content-inner {
text-align: left;
}
.gsc-icon-box-new.style-5 .content-inner .title {
color: #1b1f2e;
font-size: 20px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin: 6px 0 6px;
line-height: 24px;
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-5 .content-inner .title {
font-size: 18px;
line-height: 22px;
}
}
.gsc-icon-box-new.style-5 .content-inner .desc {
color: #999;
line-height: 22px;
font-size: 16px;
}
.gsc-icon-box-new.style-5 .content-inner .desc a {
text-decoration: underline;
color: #999;
}
.gsc-icon-box-new.style-5 .content-inner .desc a:hover {
color: var(--krowd-theme-color);
}
.gsc-icon-box-new.style-5 .icon-inner {
text-align: center;
width: 70px;
height: 70px;
float: left;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 1px solid #e9e9ee;
padding-top: 9px;
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-5 .icon-inner {
width: 60px;
height: 60px;
padding-top: 4px;
}
}
.gsc-icon-box-new.style-5 .icon-inner .icon {
color: var(--krowd-theme-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-size: 26px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f5f5f5;
display: inline-block;
position: relative;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.gsc-icon-box-new.style-5 .content-inner {
padding-left: 85px;
}
@media (max-width: 1199.98px) {
.gsc-icon-box-new.style-5 .content-inner {
padding-left: 75px;
}
}
.gsc-icon-box-new.style-5:hover .icon-inner .icon {
color: #fff;
background: var(--krowd-theme-color);
}
.milestone-block {
display: inline-block;
margin-right: 50px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.milestone-block .milestone-icon {
float: left;
text-align: center;
position: relative;
}
.milestone-block .milestone-icon span {
font-size: 32px;
color: #232733;
}
.milestone-block .milestone-number-inner {
color: #232733;
font-size: 30px;
line-height: 36px;
font-weight: 600;
margin: 0 0 2px;
}
.milestone-block .milestone-text {
font-size: 13px;
text-transform: none;
font-weight: 400;
color: #232733;
}
.milestone-block.position-icon-top {
text-align: center;
display: block;
width: 100%;
}
.milestone-block.position-icon-top .milestone-icon {
float: none;
margin-bottom: 20px;
}
.milestone-block.position-icon-top.v1 .icon {
width: 115px;
height: 115px;
line-height: 1;
display: inline-block;
border-radius: 50%;
padding: 20px 10px 10px;
background: rgba(0, 0, 0, 0.1);
color: var(--krowd-theme-color-second);
position: relative;
border: 2px solid #e9e9ee;
}
.milestone-block.position-icon-top.v1 .icon span {
-webkit-transition: all 0.35s;
transition: all 0.35s;
color: var(--krowd-theme-color-second);
position: relative;
z-index: 11;
font-size: 64px;
display: inline-block;
}
.milestone-block.position-icon-top.v1 .icon:before {
content: '';
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 6px;
right: 6px;
z-index: 11;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.milestone-block.position-icon-top.v1 .icon:after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--krowd-theme-color-second);
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
border-radius: 50%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.milestone-block.position-icon-top.v1 .milestone-number-inner {
font-size: 56px;
line-height: 1;
color: var(--krowd-theme-color-three);
font-weight: 600;
}
.milestone-block.position-icon-top.v1 .milestone-right {
display: block;
text-align: center;
float: none;
width: 100%;
margin-top: 10px;
}
.milestone-block.position-icon-top.v1 .milestone-text {
font-size: 16px;
color: var(--krowd-theme-color-three);
}
.milestone-block.position-icon-top.v2 .milestone-right {
text-align: center;
padding: 35px 30px;
background: var(--krowd-theme-color);
position: relative;
}
.milestone-block.position-icon-top.v2 .milestone-right:after {
content: '';
width: 24px;
height: 24px;
background: var(--krowd-theme-color-second);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.milestone-block.position-icon-top.v2 .milestone-number-inner {
font-size: 60px;
line-height: 60px;
}
.milestone-block.position-icon-top.v2 .milestone-text {
font-size: 18px;
line-height: 30px;
color: #fff !important;
}
.milestone-block.position-icon-top.v3 {
background: #f7f7f9;
position: relative;
padding: 40px;
}
.milestone-block.position-icon-top.v3:after {
position: absolute;
content: "";
top: 0;
left: 0;
background: var(--krowd-theme-color);
width: 23px;
height: 23px;
}
.milestone-block.position-icon-top.v3 .milestone-number-inner {
font-size: 50px;
line-height: 50px;
color: var(--krowd-theme-color-three);
}
.milestone-block.position-icon-top.v3 .milestone-text {
font-size: 18px;
line-height: 30px;
color: #838694 !important;
}
.milestone-block.position-icon-top:hover .milestone-icon .icon {
border-color: transparent;
}
.milestone-block.position-icon-top:hover .milestone-icon .icon:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.milestone-block.position-icon-top:hover .milestone-icon .icon:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.milestone-block.position-icon-top:hover .milestone-icon .icon span {
color: var(--krowd-theme-color-three);
-webkit-animation: beat 1.5s ease 0s infinite;
animation: beat 1.5s ease 0s infinite;
}
.milestone-block.position-icon-left {
position: relative;
}
.milestone-block.position-icon-left .milestone-number {
padding-left: 55px;
}
.milestone-block.position-icon-left .milestone-text {
padding-top: 5px;
}
.milestone-block.position-icon-left .milestone-icon {
position: absolute;
left: 0;
top: 22px;
line-height: 1;
}
.milestone-block.position-icon-left.text-light .milestone-icon span {
color: #fff !important;
}
.milestone-block.position-icon-top-v2 {
text-align: center;
width: 100%;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.milestone-block.position-icon-top-v2 .milestone-icon {
float: left;
width: 100%;
text-align: center;
}
.milestone-block.position-icon-top-v2 .milestone-icon span {
font-size: 18px;
display: inline-block;
width: 62px;
height: 62px;
line-height: 62px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 2px solid #232733;
}
.milestone-block.position-icon-top-v2 .milestone-right {
float: left;
width: 100%;
text-align: center;
}
.milestone-block.position-icon-top-v2 .milestone-right .milestone-number {
line-height: 1;
margin: 30px 0 10px;
}
.milestone-block.text-light .milestone-number {
color: #fff !important;
}
.milestone-block.text-light .milestone-text {
color: #D6CFFA !important;
}
.milestone-block.text-light .milestone-icon span {
border-color: #fff;
color: #fff;
}
.milestone-block.text-light .milestone-icon span .icon {
border-color: #fff;
}
/******************** Block for drupal ***********************/
.gsc-block-drupal {
margin-bottom: 35px;
}
.gsc-block-drupal.hidden-title-off .block-title {
display: none !important;
}
.gsc-block-drupal.title-align-center .block-title {
text-align: center;
}
.gsc-block-drupal.title-align-left .block-title {
text-align: left;
}
.gsc-block-drupal.title-align-right .block-title {
text-align: right;
}
.gsc-block-drupal.noborder-box div {
color: #fff;
}
.gsc-block-drupal.noborder-box .block-inner .block-title {
color: #fff;
}
.gsc-block-drupal.noborder-box .block-inner .block-content *, .gsc-block-drupal.noborder-box .block-inner .block-content div {
color: #fff;
}
.gsc-block-drupal.noborder-box .block-inner .block-content *:after, .gsc-block-drupal.noborder-box .block-inner .block-content *:before, .gsc-block-drupal.noborder-box .block-inner .block-content div:after, .gsc-block-drupal.noborder-box .block-inner .block-content div:before {
color: rgba(255, 255, 255, 0.2);
}
.gsc-block-drupal.remove-margin-on {
margin-bottom: 0 !important;
}
.gsc-block-drupal.remove-margin-on .block {
margin-bottom: 0 !important;
}
.gsc-block-drupal.text-light div {
color: #fff;
}
.gsc-block-drupal.text-light .block-inner .block-title {
color: #fff;
}
.gsc-block-drupal.text-light .block-inner .block-content *, .gsc-block-drupal.text-light .block-inner .block-content div {
color: #fff;
}
.gsc-block-drupal.text-light .block-inner .block-content *:after, .gsc-block-drupal.text-light .block-inner .block-content *:before, .gsc-block-drupal.text-light .block-inner .block-content div:after, .gsc-block-drupal.text-light .block-inner .block-content div:before {
color: rgba(255, 255, 255, 0.2);
}
.gsc-video-box {
position: relative;
}
.gsc-video-box .gsc-video-link {
background: var(--krowd-theme-color);
color: #fff;
text-align: center;
font-size: 24px;
line-height: 120px;
width: 120px;
height: 120px;
display: inline-block;
}
@media (max-width: 767.98px) {
.gsc-video-box .gsc-video-link {
width: 90px;
height: 90px;
line-height: 90px;
}
}
.gsc-video-box .gsc-video-link i {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-video-box .gsc-video-link:hover i {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.gsc-video-box.bg-image {
max-width: 700px;
margin: 0 auto;
}
.gsc-video-box.bg-image .image {
position: relative;
}
.gsc-video-box.bg-image .image:after {
content: "";
position: absolute;
background: var(--krowd-theme-color-second);
top: 0;
left: 0;
width: 73px;
height: 73px;
}
@media (max-width: 767.98px) {
.gsc-video-box.bg-image .image:after {
width: 40px;
height: 40px;
}
}
.gsc-video-box.bg-image .gsc-video-link {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
line-height: 134px;
width: 138px;
height: 134px;
}
/**************** Team ************************/
.gsc-our-team .team-name {
font-size: 18px;
position: relative;
font-weight: 800;
margin: 0;
}
.gsc-our-team .team-position {
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
}
.gsc-our-team .team-info {
margin: 15px 0;
}
.gsc-our-team.team-horizontal {
margin-top: 50px;
}
.gsc-our-team.team-horizontal .team-header {
position: relative;
overflow: hidden;
}
.gsc-our-team.team-horizontal .team-header img {
-webkit-transition: all 3s;
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
display: inline-block;
}
.gsc-our-team.team-horizontal .team-header .box-hover {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
transform: scale(0.8);
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.gsc-our-team.team-horizontal .team-header .box-hover .content-inner {
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
width: 100%;
height: auto;
padding: 0 20px;
}
.gsc-our-team.team-horizontal .team-header .social-list a {
background: none;
color: #fff !important;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin-right: 20px;
display: inline-block;
font-size: 16px;
}
.gsc-our-team.team-horizontal .team-header .social-list a:last-child {
margin-right: 0;
}
.gsc-our-team.team-horizontal .team-header .social-list a:hover {
color: var(--krowd-theme-color) !important;
}
.gsc-our-team.team-horizontal .team-name {
font-size: 14px;
margin: 0 0 12px 0;
text-transform: uppercase;
padding: 0 0 12px;
position: relative;
font-weight: 800;
}
.gsc-our-team.team-horizontal .team-name:after {
bottom: 0;
left: 0;
content: "";
background: var(--krowd-theme-color);
width: 45px;
height: 1px;
position: absolute;
}
.gsc-our-team.team-horizontal:hover .box-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-our-team.team-horizontal:hover .team-header img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.gsc-our-team.team-vertical {
margin-bottom: 30px;
position: relative;
}
.gsc-our-team.team-vertical .team-header {
overflow: hidden;
position: relative;
}
.gsc-our-team.team-vertical .team-header img {
-webkit-transition: all 3s;
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
display: inline-block;
}
.gsc-our-team.team-vertical .social-icon {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 41px;
height: 41px;
line-height: 41px;
text-align: center;
display: inline-block;
font-size: 12px;
color: #fff;
}
.gsc-our-team.team-vertical .social-icon.fa-facebook-square {
background: #1696d2;
}
.gsc-our-team.team-vertical .social-icon.fa-facebook-square:hover {
background: #1175a4;
}
.gsc-our-team.team-vertical .social-icon.fa-twitter {
background: #2059b7;
}
.gsc-our-team.team-vertical .social-icon.fa-twitter:hover {
background: #18448c;
}
.gsc-our-team.team-vertical .social-icon.fa-pinterest-p {
background: #de4220;
}
.gsc-our-team.team-vertical .social-icon.fa-pinterest-p:hover {
background: #b1351a;
}
.gsc-our-team.team-vertical .social-icon.fa-google-plus-g {
background: #59a1b9;
}
.gsc-our-team.team-vertical .social-icon.fa-google-plus-g:hover {
background: #42869d;
}
.gsc-our-team.team-vertical .team-name {
font-size: 24px;
font-weight: 800;
}
.gsc-our-team.team-vertical .team-position {
font-size: 18px;
margin-bottom: 0;
}
.gsc-our-team.team-vertical .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0;
}
.gsc-our-team.team-vertical .signature {
font-family: "Sacramento";
color: #eeeae6;
font-size: 40px;
}
.gsc-our-team.team-vertical .team-content {
color: #fff;
}
.gsc-our-team.team-vertical .box-hover {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
transform: scale(0.8);
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.gsc-our-team.team-vertical .box-hover .team-content {
position: absolute;
left: 0;
width: 100%;
height: auto;
padding: 0 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.gsc-our-team.team-vertical .team-body {
bottom: 0;
left: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-our-team.team-vertical .team-body .content-hover {
opacity: 0;
filter: alpha(opacity=0);
}
.gsc-our-team.team-vertical:hover .box-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-our-team.team-vertical:hover .signature {
color: var(--krowd-theme-color);
}
.gsc-our-team.team-circle .team-header, .gsc-our-team.team-circle .box-hover {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.gsc-quote-text {
position: relative;
padding: 30px 30px 30px 70px;
margin-bottom: 30px;
}
.gsc-quote-text .icon {
position: absolute;
left: 20px;
top: 30px;
z-index: 1;
font-size: 20px;
color: var(--krowd-theme-color);
}
.gsc-quote-text .content {
line-height: 30px;
font-size: 16px;
letter-spacing: 0.5px;
color: #999999;
}
.gsc-quote-text.has-border {
border: 2px solid #e9e9ee;
}
.gsc-quote {
position: relative;
padding-top: 125px;
}
.gsc-quote:after {
position: absolute;
content: "";
background: url("../images/testimonial-icon.png") no-repeat center center transparent;
width: 30px;
height: 30px;
left: 0;
top: 50px;
z-index: 1;
}
.gsc-quote .content {
line-height: 28px;
}
.gsc-quote .signature {
margin-top: 60px;
}
.gsc-quote .position {
margin-top: 25px;
}
.gva-job-box {
padding: 30px;
border: 1px solid #e9e9ee;
background: #fff;
margin-bottom: 30px;
display: table;
width: 100%;
}
.gva-job-box .logo-inner {
width: 60px;
text-align: center;
display: table-cell;
}
.gva-job-box .content-inner {
display: table-cell;
padding-left: 20px;
}
.gva-job-box .content-inner .job-type {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
color: var(--krowd-theme-color);
}
.gva-job-box .content-inner .box-title {
margin: 0 0 20px;
font-size: 20px;
}
.gva-job-box .content-inner .information ul {
margin: 0;
padding: 0;
list-style: none;
}
.gva-job-box .content-inner .information ul li {
position: relative;
font-size: 14px;
}
.gva-job-box .content-inner .information ul li i {
color: var(--krowd-theme-color);
width: 20px;
text-align: left;
font-size: 14px;
}
.gsc-our-gallery .title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9;
padding: 20px;
background: rgba(255, 255, 255, 0.6);
color: #232733;
text-align: center;
font-weight: 900;
}
.gsc-our-gallery.padding-small .init-carousel-owl .owl-item > .item {
padding: 0 10px;
}
.gsc-our-gallery.remove-padding .init-carousel-owl .owl-item > .item {
padding: 0;
}
.gsc-our-gallery .image {
position: relative;
text-align: center;
}
.gsc-our-gallery .image a {
display: inline-block;
}
.gsc-our-gallery .image:after {
position: absolute;
top: 0;
left: 0;
content: "";
pointer-events: none;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
background-color: var(--krowd-theme-color-second);
}
.gsc-our-gallery .image:before {
content: "";
background: var(--krowd-theme-color-three);
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 43px;
height: 43px;
pointer-events: none;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
opacity: 0;
filter: alpha(opacity=0);
}
.gsc-our-gallery .image .icon-expand {
position: relative;
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
color: var(--krowd-theme-color-three);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-our-gallery .content-inner:hover .image:after {
opacity: 0.9;
filter: alpha(opacity=90);
-webkit-transform: scale(1);
transform: scale(1);
}
.gsc-our-gallery .content-inner:hover .image:before, .gsc-our-gallery .content-inner:hover .image .icon-expand {
opacity: 1;
filter: alpha(opacity=100);
}
.gsc-our-gallery .owl-nav .owl-prev {
margin-left: 90px !important;
}
.gsc-our-gallery .owl-nav .owl-next {
margin-right: 90px !important;
}
.gsc-our-gallery.grid-column-3 .image {
margin-bottom: 30px;
}
/********************* Custom heading *************************/
.gsc-heading {
padding-bottom: 60px;
display: block;
width: 100%;
}
.gsc-heading:before, .gsc-heading:after {
content: " ";
display: table;
}
.gsc-heading:after {
clear: both;
}
@media (max-width: 1023.98px) {
.gsc-heading {
padding-bottom: 40px;
}
}
.gsc-heading .title {
font-size: 56px;
letter-spacing: -.8px;
margin: 0;
position: relative;
}
@media (max-width: 1023.98px) {
.gsc-heading .title {
font-size: 40px;
line-height: 60px;
}
}
@media (max-width: 767.98px) {
.gsc-heading .title {
font-size: 32px;
line-height: 50px;
}
}
.gsc-heading .title strong {
font-weight: 400;
position: relative;
z-index: 1;
}
.gsc-heading .sub-title {
color: var(--krowd-theme-color);
font-size: 18px;
position: relative;
display: inline-block;
padding-left: 15px;
margin-bottom: 5px;
}
.gsc-heading .sub-title:after {
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 15px;
left: 0;
z-index: 1;
}
.gsc-heading .sub-title.theme-color-second:after {
background: var(--krowd-theme-color-second);
}
.gsc-heading .sub-title.theme-color-three:after {
background: var(--krowd-theme-color-three);
}
.gsc-heading .title-desc {
margin-top: 30px;
line-height: 34px;
font-size: 18px;
color: #838694;
}
.gsc-heading .heading-action {
margin-top: 60px;
}
.gsc-heading.align-center {
text-align: center;
}
.gsc-heading.align-left {
text-align: left;
}
.gsc-heading.align-left .title:before {
left: 0 !important;
margin-left: 0 !important;
}
.gsc-heading.align-left .title-desc {
float: left;
}
.gsc-heading.align-right {
text-align: right;
}
.gsc-heading.align-right .title:before {
right: 0 !important;
margin-right: 0 !important;
}
.gsc-heading.align-right .title-desc {
float: right;
}
.gsc-heading.style-special {
background: #fff;
padding: 60px;
border: 1px solid #e9e9ee;
}
@media (max-width: 1199.98px) {
.gsc-heading.style-special {
padding: 27px;
}
.gsc-heading.style-special .title-desc {
margin-top: 10px;
}
}
.gsc-heading.style-special:hover .title {
color: var(--krowd-theme-color-second);
}
@media (max-width: 767.98px) {
.gsc-heading.style-small .title {
padding: 0 15px;
font-size: 20px !important;
line-height: 30px !important;
}
}
@media (max-width: 1023.98px) {
.gsc-heading.style-large .title {
font-size: 50px !important;
line-height: 70px !important;
margin: 15px 0 !important;
}
}
@media (max-width: 991.98px) {
.gsc-heading.style-large .title {
font-size: 40px !important;
line-height: 60px !important;
}
}
@media (max-width: 767.98px) {
.gsc-heading.style-large .title {
font-size: 32px !important;
line-height: 50px !important;
}
}
/******************** Chart *****************************/
.gsc-chart {
text-align: center;
}
.gsc-chart .content {
text-align: center;
}
.gsc-chart .content > div {
display: block;
}
.gsc-chart .content .icon {
font-size: 25px;
margin-top: 5px;
}
.gsc-chart .content .title {
font-size: 18px;
font-weight: 500;
position: relative;
margin-bottom: 15px;
margin-top: 20px;
}
.gsc-map {
position: relative;
}
.gsc-map.style-1 {
margin-bottom: -10px;
}
.gsc-map.style-1 iframe {
width: 100% !important;
pointer-events: none;
}
.gsc-map.style-1 .info-inner {
padding: 45px 30px;
position: absolute;
top: 100px;
bottom: 100px;
left: 20%;
width: 375px;
z-index: 99;
background: #fff;
}
@media (max-width: 1023.98px) {
.gsc-map.style-1 .info-inner {
left: 15%;
}
}
@media (max-width: 991.98px) {
.gsc-map.style-1 .info-inner {
position: static;
}
}
.gsc-map.style-1 .info-inner .info-item {
margin-bottom: 15px;
}
.gsc-map.style-2 {
margin-top: 100px;
}
@media (max-width: 991.98px) {
.gsc-map.style-2 {
margin-top: 30px;
}
}
.gsc-map.style-2 .info-inner {
padding: 60px 75px 60px 35px;
position: absolute;
top: -70px;
bottom: -70px;
width: 360px;
z-index: 99;
border: 5px solid var(--krowd-theme-color);
z-index: 9;
}
@media (max-width: 991.98px) {
.gsc-map.style-2 .info-inner {
margin: 20px 0;
position: static;
width: 100%;
float: left;
}
}
.gsc-map.style-2 .map-content {
position: relative;
z-index: 99;
width: 65%;
float: right;
}
@media (max-width: 991.98px) {
.gsc-map.style-2 .map-content {
position: static;
width: 100%;
}
}
.gsc-map.style-2 .map-content iframe {
width: 100%;
pointer-events: none;
}
.gsc-box-color {
position: relative;
margin-bottom: 30px;
}
.gsc-box-color .box-content {
text-align: center;
background: var(--krowd-theme-color);
padding: 30px 30px 50px;
}
.gsc-box-color .box-content .box-title {
font-size: 32px;
text-transform: none;
font-weight: 700;
margin: 20px 0 25px;
position: relative;
padding-bottom: 20px;
}
.gsc-box-color .box-content .box-title:after {
content: "";
bottom: 0;
left: 50%;
margin-left: -22.5px;
width: 45px;
border-bottom: 1px dashed #fff;
position: absolute;
z-index: 1;
}
.gsc-box-color .box-content .icon {
font-size: 66px;
width: 150px;
height: 150px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
color: var(--krowd-theme-color);
background: #fff;
display: inline-block;
line-height: 150px;
-webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 3px 0 6px rgba(0, 0, 0, 0.2);
}
.gsc-box-color .box-content .content {
font-size: 16px;
line-height: 25px;
}
.gsc-box-color .box-content .link {
font-weight: 400;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-size: 20px;
position: absolute;
bottom: -22px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 0 25px;
line-height: 50px;
overflow: hidden;
-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
}
.gsc-box-color .box-content .link .text {
position: relative;
z-index: 9;
}
.gsc-box-color .box-content .link .background {
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
position: absolute;
z-index: 1;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-box-color .box-content .link:hover .background {
background: rgba(0, 0, 0, 0.5);
}
.gsc-box-color.text-white .box-title, .gsc-box-color.text-white .content, .gsc-box-color.text-white .link {
color: #fff;
}
.gsc-tabs .tabs_horizontal .nav-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -5px;
border: 0;
}
.gsc-tabs .tabs_horizontal .nav-tabs > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
text-align: center;
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 480px) {
.gsc-tabs .tabs_horizontal .nav-tabs > li {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
}
}
.gsc-tabs .tabs_horizontal .nav-tabs > li > a {
background: var(--krowd-theme-color-second);
color: var(--krowd-theme-color-three);
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
display: inline-block;
width: 100%;
position: relative;
}
@media (max-width: 1023.98px) {
.gsc-tabs .tabs_horizontal .nav-tabs > li > a {
padding: 10px;
font-size: 18px;
}
}
.gsc-tabs .tabs_horizontal .nav-tabs > li > a:after {
content: "";
position: absolute;
right: 0;
top: 0;
background: var(--krowd-theme-color-second);
width: 11px;
height: 11px;
}
.gsc-tabs .tabs_horizontal .nav-tabs > li > a.active {
background: var(--krowd-theme-color);
color: #fff;
}
.gsc-tabs .tabs_horizontal .tab-content {
padding: 60px 0 0;
font-size: 18px;
line-height: 36px;
}
@media (max-width: 1199.98px) {
.gsc-tabs .tabs_horizontal .tab-content {
padding-top: 30px;
}
}
.gsc-tabs .tabs_vertical .nav-tabs {
width: 25%;
float: left;
}
.gsc-tabs .tabs_vertical .nav-tabs > li {
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
display: block;
margin-bottom: 20px;
width: 100%;
margin-right: 0;
padding-right: 0;
}
.gsc-tabs .tabs_vertical .nav-tabs > li a {
width: 100%;
display: block;
padding: 10px 20px;
font-size: 18px;
background: var(--krowd-theme-color);
color: #fff;
}
.gsc-tabs .tabs_vertical .nav-tabs > li a.active {
background: #fff;
color: #232733;
}
.gsc-tabs .tabs_vertical .nav-tabs > li:last-child {
margin-bottom: 0;
}
.gsc-tabs .tabs_vertical .tab-content {
width: 75%;
float: left;
padding-left: 15px;
}
.gsc-tabs .tabs_vertical .tab-content .tab-pane {
background: #fff;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
padding: 30px;
}
.gsc-button {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-weight: 700;
border: 2px solid transparent;
margin-bottom: 20px;
display: inline-block;
clear: both;
}
.gsc-button.radius-2x {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.gsc-button.radius-5x {
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
}
.gsc-button.mini {
font-size: 10px;
padding: 3px 10px;
}
.gsc-button.small {
font-size: 10px;
padding: 8px 15px;
}
.gsc-button.medium {
font-size: 12px;
padding: 10px 35px;
}
.gsc-button.large {
font-size: 14px;
padding: 12px 60px;
}
@media (max-width: 1023.98px) {
.gsc-button.large {
padding: 12px 15px;
}
}
.gsc-button.extra-large {
font-size: 18px;
padding: 15px 60px;
}
@media (max-width: 1023.98px) {
.gsc-button.extra-large {
padding: 15px;
}
}
.gsc-our-partners {
margin-bottom: 45px;
}
.gsc-our-partners:before, .gsc-our-partners:after {
content: " ";
display: table;
}
.gsc-our-partners:after {
clear: both;
}
.gsc-our-partners .image {
width: 35%;
float: left;
}
@media (max-width: 991.98px) {
.gsc-our-partners .image {
width: 100%;
margin-bottom: 20px;
}
}
.gsc-our-partners .content-inner {
width: 65%;
float: left;
padding-left: 30px;
}
@media (max-width: 991.98px) {
.gsc-our-partners .content-inner {
width: 100%;
padding-left: 0;
}
}
.gsc-our-partners .content-inner .title {
font-size: 18px;
color: #232733;
font-weight: 600;
}
.gsc-our-partners .content-inner .info {
font-size: 12px;
padding: 5px 0 12px;
}
.gsc-our-partners .content-inner .info .category {
color: var(--krowd-theme-color);
}
@media (max-width: 767.98px) {
.gsc-image {
margin-bottom: 50px;
}
}
.gsc-image-content.skin-v1 {
text-align: center;
position: relative;
max-width: 600px;
margin: 0 auto;
padding-left: 50px;
padding-bottom: 130px;
}
@media (min-width: 1200px) {
.gsc-image-content.skin-v1 {
margin-left: -50px;
}
}
.gsc-image-content.skin-v1 .line-color:before {
content: '';
width: 30px;
height: 28%;
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: var(--krowd-theme-color-second);
}
.gsc-image-content.skin-v1 .line-color:after {
content: '';
width: 30px;
height: 28%;
position: absolute;
top: 30%;
left: 0;
z-index: 11;
background: var(--krowd-theme-color);
}
.gsc-image-content.skin-v1 img {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-image-content.skin-v1 .image {
position: relative;
overflow: hidden;
}
.gsc-image-content.skin-v1 .image:hover img, .gsc-image-content.skin-v1 .image:focus img, .gsc-image-content.skin-v1 .image:active img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.gsc-image-content.skin-v1 .image-second {
position: absolute;
left: 0px;
top: 60%;
z-index: 11;
width: 350px;
max-width: 65%;
overflow: hidden;
}
@media (min-width: 1200px) {
.gsc-image-content.skin-v1 .image-second {
left: -70px;
}
}
.gsc-image-content.skin-v1 .image-second:hover img, .gsc-image-content.skin-v1 .image-second:focus img, .gsc-image-content.skin-v1 .image-second:active img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.gsc-image-content.skin-v2 {
border-left: 8px solid var(--krowd-theme-color-second);
padding-left: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767.98px) {
.gsc-image-content.skin-v2 {
padding-left: 15px;
}
}
.gsc-image-content.skin-v2 .image {
width: 75px;
height: 75px;
padding: 6px;
margin-right: 22px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.gsc-image-content.skin-v2 .image img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.gsc-image-content.skin-v2 .title {
color: #fff;
font-family: "Bilbo Swash Caps",Sans-serif;
font-size: 42px;
line-height: 46px;
margin: 0;
}
@media (max-width: 767.98px) {
.gsc-image-content.skin-v2 .title {
font-size: 32px;
}
}
.gsc-image-content.skin-v2 .title a {
color: #fff;
}
.gsc-image-content.skin-v3 {
position: relative;
}
.gsc-image-content.skin-v3 .content {
background: var(--krowd-theme-color-second);
z-index: 1;
position: absolute;
bottom: 0px;
left: 0px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
max-width: 280px;
padding: 30px 45px 20px;
font-size: 18px;
text-align: left;
}
@media (max-width: 767.98px) {
.gsc-image-content.skin-v3 .content {
padding: 20px 15px 10px;
}
}
.gsc-image-content.skin-v3 .content:after {
width: 17px;
height: 17px;
background: var(--krowd-theme-color-three);
content: "";
position: absolute;
right: 0;
top: 0;
}
.gsc-image-content.skin-v3 .title {
font-size: 40px;
line-height: 30px;
color: var(--krowd-theme-color-three);
margin: 0 0 10px;
}
.gsc-image-content.skin-v3 .desc {
font-size: 18px;
color: var(--krowd-theme-color-three);
line-height: 30px;
}
.gsc-box-download {
background: var(--krowd-theme-color);
color: #fff;
padding: 30px;
margin: 20px 0;
}
.gsc-box-download .info .title {
font-size: 18px;
}
.gsc-box-download .info .desc {
font-size: 12px;
line-height: 24px;
}
.gsc-box-download .box-files a {
display: inline-block;
margin-bottom: 10px;
text-align: center;
color: #232733;
font-weight: 600;
font-size: 13px;
background: #fff;
padding: 15px;
width: 100%;
}
.gsc-box-download.horizontal:before, .gsc-box-download.horizontal:after {
content: " ";
display: table;
}
.gsc-box-download.horizontal:after {
clear: both;
}
.gsc-box-download.horizontal .info {
width: 70%;
float: left;
}
@media (max-width: 991.98px) {
.gsc-box-download.horizontal .info {
width: 100%;
margin-bottom: 15px;
}
}
.gsc-box-download.horizontal .box-files {
width: 30%;
float: left;
}
@media (max-width: 991.98px) {
.gsc-box-download.horizontal .box-files {
width: 100%;
}
}
.gsc-socials.style-1 {
text-align: right;
}
.gsc-socials.style-1:before, .gsc-socials.style-1:after {
content: " ";
display: table;
}
.gsc-socials.style-1:after {
clear: both;
}
.gsc-socials.style-1 a {
width: auto;
color: #191b1c;
background: #fff;
font-size: 18px;
line-height: 1;
text-align: center;
display: inline-block;
margin: 0 10px 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.gsc-socials.style-1 a:hover, .gsc-socials.style-1 a:active, .gsc-socials.style-1 a:focus {
opacity: 0.8;
filter: alpha(opacity=80);
}
.gsc-socials.style-2 {
margin-bottom: 30px;
}
.gsc-socials.style-2 a {
text-decoration: none;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
margin-right: 12px;
font-size: 14px;
}
.gsc-socials.style-2 a:last-child {
margin-right: 0;
}
.gsc-socials.style-2 a:hover, .gsc-socials.style-2 a:focus, .gsc-socials.style-2 a:active {
opacity: 0.7;
filter: alpha(opacity=70);
}
.gsc-socials.style-2 a i {
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 40px;
font-size: 12px;
}
.gsc-socials.style-2 a i.fa-facebook-square, .gsc-socials.style-2 a i.fa-facebook {
background: #3b5998;
}
.gsc-socials.style-2 a i.fa-twitter, .gsc-socials.style-2 a i.fa-twitter-square {
background: #4099ff;
}
.gsc-socials.style-2 a i.fa-skype {
background: #12a5f4;
}
.gsc-socials.style-2 a i.fa-dribbble {
background: #ea4c89;
}
.gsc-socials.style-2 a i.fa-linkedin-square, .gsc-socials.style-2 a i.fa-linkedin {
background: #0e76a8;
}
.gsc-socials.style-2 a i.fa-apple {
background: #f2f2f2;
}
.gsc-socials.style-2 a i[class*="fa-pinterest"] {
background: #c92228;
}
.gsc-socials.style-2 a i.fa-google-plus-square, .gsc-socials.style-2 a i.fa-google-plus {
background: #d34836;
}
.gsc-socials.style-2 a i.fa-youtube-square, .gsc-socials.style-2 a i.fa-youtube {
background: #c4302b;
}
.gsc-socials.style-2 a i.fa-vimeo-square, .gsc-socials.style-2 a i.fa-vimeo {
background: #4ebbff;
}
.gsc-socials.style-2 a i.fa-tumblr-square, .gsc-socials.style-2 a i.fa-tumblr {
background: #35465c;
}
.gsc-socials.style-2 a i.fa-xing-square, .gsc-socials.style-2 a i.fa-xing {
background: #126567;
}
.gsc-socials.style-2 a i.fa-instagram {
background: #e8e2d9;
}
.gsc-socials.style-2 a i.fa-behance {
background: #0075FF;
}
.gsc-instagram .title {
color: #242527;
font-family: var(--krowd-heading-font-family);
font-size: 35px;
text-align: center;
margin-bottom: 60px;
font-weight: 300;
}
.gsc-instagram .title a {
color: var(--krowd-theme-color);
border-bottom: 1px solid var(--krowd-theme-color);
}
.gsc-instagram .title a:hover, .gsc-instagram .title a:focus, .gsc-instagram .title a:active {
color: #232733;
}
.gsc-instagram.style-2 .owl-carousel {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gsc-instagram.style-2 .owl-carousel .owl-item > .item {
padding-left: 0 !important;
padding-right: 0 !important;
}
/***********************************************/
.gsc-progress {
margin-bottom: 30px;
}
.gsc-progress.noborder-box .progress-label {
color: #fff;
}
.gsc-progress-box {
text-align: center;
padding: 0 15px;
overflow: hidden;
}
@media (max-width: 1023.98px) {
.gsc-progress-box {
margin-bottom: 30px;
}
}
.gsc-progress-box .box-content {
width: 190px;
height: 190px;
position: relative;
margin: 0 auto 50px;
padding: 50px;
max-width: 100%;
}
.gsc-progress-box .box-background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-size: cover;
border-radius: 50%;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.gsc-progress-box .box-background:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
border-radius: 50%;
}
.gsc-progress-box .icon-inner {
position: relative;
left: 0;
z-index: 11;
width: 100%;
text-align: center;
}
.gsc-progress-box .box-icon {
display: inline-block;
}
.gsc-progress-box .box-icon i {
color: #fff;
font-size: 64px;
}
.gsc-progress-box .step-number {
width: 60px;
height: 60px;
border-radius: 50%;
background: #674df0;
color: #fff;
font-family: "Poppins",sans-serif;
font-size: 20px;
text-align: center;
line-height: 60px;
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -30px;
z-index: 11;
-webkit-transition: all .35s;
transition: all .35s;
}
.gsc-progress-box .step-number:after {
content: '';
width: 20px;
height: 20px;
background: #fff;
-webkit-transform: scale(0);
transform: scale(0);
position: absolute;
top: -3px;
right: -3px;
z-index: 11;
border-radius: 50%;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media (min-width: 1024px) {
.gsc-progress-box .box-line {
background: #1b1f2e;
height: 6px;
position: absolute;
top: 50%;
margin-top: -3px;
width: 300px;
}
.gsc-progress-box .box-line.line-right {
left: 100%;
}
.gsc-progress-box .box-line.line-left {
right: 100%;
}
}
.gsc-progress-box:hover .step-number {
background: var(--krowd-theme-color-second);
color: var(--krowd-theme-color-three);
}
.gsc-progress-box:hover .step-number:after {
-webkit-transform: scale(1);
transform: scale(1);
}
/**
* jPreloader
*/
@media (max-width: 780px) {
#jpreContent {
display: none !important;
}
}
@media (min-width: 780px) {
.js-preloader .gva-body-page {
opacity: 0;
}
.js-preloader.preloader-done .gva-body-page {
opacity: 1;
}
#jpreContent {
display: none;
}
#jpreOverlay {
background-color: transparent;
height: auto !important;
top: 0 !important;
position: absolute !important;
}
#jpreSlide {
width: 100%;
text-align: center;
top: 50% !important;
bottom: auto !important;
margin-top: -10px;
}
#jpreSlide #jpreContent {
display: block;
position: relative;
margin-bottom: 40px;
}
.js-preloader #jpreOverlay {
background-color: #ffffff;
height: 100% !important;
position: fixed !important;
}
.js-preloader #jpreLoader {
top: 50% !important;
height: 2px;
left: 50% !important;
margin-left: -250px;
width: 500px;
background: #D8D8D8;
}
.js-preloader #jprePercentage {
display: block !important;
text-align: center;
}
#jpreBar {
z-index: 2;
background-color: #000000;
}
#jpreButton,
#jprePercentage {
display: none !important;
}
#jprePercentage {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: -40px;
}
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--krowd-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.82);
transform: scale(0.82);
}
}
@keyframes beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.82);
transform: scale(0.82);
}
}
#header .gva-offcanvas-mobile #block-menusecond{
display: none;
}
@media (max-width: 1024.1px) {
.gva-offcanvas-mobile {
background: #fff;
/* display: none !important; */
position: fixed !important;
left: 0;
top: 0;
width: 100%;
max-width: 350px;
top: 0;
bottom: 0;
z-index: 999;
height: auto;
overflow-y: auto;
overflow-x: hidden;
text-align: left;
webkit-overflow-scrolling: touch;
-webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
padding-top: 0;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
}
.gva-offcanvas-mobile.show-view {
margin-top: 110px;
margin-left: 15px;
margin-right: 15px;
max-width: calc(100% - 30px) !important;
z-index: 99;
}
.gva-offcanvas-mobile.show-view {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
}
.gva-offcanvas-mobile .after-offcanvas {
display: block !important;
visibility: visible !important;
}
.gva-offcanvas-mobile .after-offcanvas .block {
float: left;
width: 100%;
}
.gva-offcanvas-mobile .close-offcanvas {
display: block !important;
visibility: visible !important;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
padding: 15px 0;
opacity: 1;
filter: alpha(opacity=100);
color: #111111;
font-size: 20px;
}
.gva-offcanvas-mobile .close-offcanvas span {
font-size: 24px;
}
.gva-offcanvas-mobile .close-offcanvas:hover {
cursor: pointer;
color: var(--krowd-theme-color);
}
.gva-offcanvas-mobile .block {
border-bottom: 1px solid #e9e9ee;
padding: 20px;
}
.gva-offcanvas-mobile .block .block-content:before, .gva-offcanvas-mobile .block .block-content:after {
content: " ";
display: table;
}
.gva-offcanvas-mobile .block .block-content:after {
clear: both;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu {
padding: 10px 0 0;
width: 100% !important;
background: none !important;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li {
display: block;
clear: both;
width: 100%;
margin-bottom: 12px !important;
padding-bottom: 12px !important;
padding-top: 2px !important;
border-bottom: 1px solid #e9e9ee;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li:last-child {
border-bottom: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li:before {
content: none;
display: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
display: block;
width: 100%;
line-height: 32px;
font-size: 16px;
padding: 0 !important;
font-weight: 400;
color: #232733 !important;
font-family: var(--krowd-heading-font-family);
text-transform: capitalize;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:before {
content: none;
display: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover {
color: var(--krowd-theme-color) !important;
background: none !important;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-parent:hover .sub-menu {
display: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu {
padding-left: 20px !important;
margin-bottom: 10px;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu .icaret {
display: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
font-size: 15px;
line-height: 24px;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-weight: 400;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover {
color: var(--krowd-theme-color) !important;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu ul.sub-menu {
display: block !important;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li {
width: 100% !important;
float: none !important;
display: block;
padding: 0;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li > a {
padding: 0;
border: 0;
margin: 0;
font-size: 14px;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li.block-image {
display: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu li a {
position: relative;
display: block;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu li a:hover {
color: var(--krowd-theme-color);
}
.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
position: absolute;
width: 30px;
height: 30px;
top: 0;
bottom: 0;
right: -10px;
font-size: 16px;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before {
content: '\e90f';
}
.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before {
position: absolute;
font-family: 'gva-icon';
content: '\e90e';
text-transform: inherit;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gva-offcanvas-mobile .gva-navigation .gva_menu li ul {
display: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu {
-webkit-transition: none;
transition: none;
-moz-transition: none;
-ms-transition: none;
min-width: inherit;
display: none;
width: 100%;
position: static;
padding: 0 !important;
visibility: visible;
border: 0;
background: none;
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-shadow: none;
box-shadow: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:after, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:before {
content: none;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a {
border-width: 0;
padding-left: 0;
padding-right: 0;
font-size: 14px;
font-family: var(--krowd-heading-font-family);
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:before, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:after {
content: none !important;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:hover {
text-indent: 0;
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu ul {
display: none;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu .block-image {
display: none;
}
}
.menu-bar {
position: absolute;
right: 24px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 11;
}
.menu-bar span {
display: block;
width: 24px;
height: 2px;
background-color: var(--krowd-theme-color-three);
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.menu-bar span.one {
top: 6px;
}
.menu-bar span.two {
top: 0;
bottom: 0;
}
.menu-bar span.three {
bottom: 6px;
}
.menu-bar.show-view span.two {
opacity: 0;
filter: alpha(opacity=0);
}
.menu-bar.show-view span.one, .menu-bar.show-view span.three {
top: 0;
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-bar.show-view span.three {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.event-list-item .event-date {
display: inline-block;
background: #28292B;
color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
padding: 0 15px;
font-size: 13px;
line-height: 30px;
line-height: 24px;
}
.event-list-item .event-title {
margin-top: 5px;
}
.event-list-item .event-title a {
font-size: 20px;
color: var(--krowd-theme-color);
font-weight: 400;
}
.event-list-item .event-body {
color: #232526;
}
.event-block .event-image {
position: relative;
overflow: hidden;
}
.event-block .event-image .date {
position: absolute;
bottom: 10px;
left: 30px;
overflow: hidden;
padding: 5px 10px;
letter-spacing: 2px;
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
background: var(--krowd-theme-color);
color: #fff;
-webkit-box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.event-block .event-image .date .day {
margin-right: 10px;
}
.event-block .event-image .date .icon {
margin-right: 5px;
}
.event-block .event-content {
background: #fff;
padding: 35px;
border: 1px solid #e9e9ee;
border-top: 0;
min-height: 185px;
}
.event-block .event-content .event-info .title {
font-size: 22px;
line-height: 34px;
display: block;
margin-bottom: 20px;
font-weight: 600;
}
.event-block .event-content .event-info .event-meta {
font-size: 13px;
color: #838694;
}
.event-block .event-content .event-info .body {
margin-top: 10px;
line-height: 28px;
}
.event-block-2 {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #e9e9ee;
}
.event-block-2:before, .event-block-2:after {
content: " ";
display: table;
}
.event-block-2:after {
clear: both;
}
.event-block-2 .content-inner {
padding-left: 350px;
position: relative;
z-index: 9;
}
@media (max-width: 991.98px) {
.event-block-2 .content-inner {
padding-left: 0;
}
}
.event-block-2 .content-inner .event-content-inner {
position: relative;
}
.event-block-2 .post-title {
font-size: 18px;
}
.event-block-2 .event-image {
width: 320px;
float: left;
position: relative;
z-index: 1;
}
@media (max-width: 991.98px) {
.event-block-2 .event-image {
width: 100%;
float: none;
margin-bottom: 20px;
}
}
.event-block-2 .event-image .event-date {
-webkit-box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1);
width: 75px;
height: 75px;
float: left;
text-align: center;
line-height: 1.1;
padding-top: 10px;
position: absolute;
background: #fff;
right: 15px;
top: 15px;
}
.event-block-2 .event-image .event-date .date {
font-size: 30px;
font-weight: 600;
color: var(--krowd-theme-color);
display: block;
}
.event-block-2 .event-image .event-date .month {
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
color: #232733;
font-family: var(--krowd-heading-font-family);
}
.event-block-2 .event-meta {
font-size: 15px;
margin-top: 5px;
line-height: 22px;
}
.event-block-2 .event-line {
width: 50px;
height: 2px;
background: var(--krowd-theme-color);
margin: 15px 0 15px;
}
@media (max-width: 991.98px) {
.event-block-2 .post-title {
margin-top: 0;
font-size: 18px;
}
}
.event-block-list .event-date {
width: 110px;
height: auto;
float: left;
background: var(--krowd-theme-color);
color: #fff;
padding: 12px 10px;
}
.event-block-list .event-date span {
display: block;
}
.event-block-list .event-date span.day {
font-size: 30px;
font-family: var(--krowd-heading-font-family);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
line-height: 1;
margin-bottom: 3px;
padding-bottom: 3px;
}
.event-block-list .event-title a {
font-weight: 600;
font-family: var(--krowd-heading-font-family);
font-size: 14px;
display: inline-block;
line-height: 24px;
}
.event-block-list .event-address {
font-size: 14px;
}
.event-block-list .event-address i {
font-size: 16px;
color: var(--krowd-theme-color);
}
.event-block-list .event-content {
padding-left: 125px;
}
.event-full {
margin-bottom: 30px;
}
.event-full .event-info {
background: #f5f5f5;
padding: 20px;
font-size: 16px;
font-family: var(--krowd-font-sans-serif);
}
.event-full .event-info .date > *, .event-full .event-info .address > * {
float: left;
}
.event-full .event-info .date i, .event-full .event-info .address i {
margin-right: 10px;
margin-top: 6px;
}
.portfolio-filter {
margin-bottom: 35px;
}
.portfolio-filter ul.nav-tabs {
padding: 5px 0;
border-bottom: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.portfolio-filter ul.nav-tabs > li {
margin-bottom: 10px;
}
.portfolio-filter ul.nav-tabs > li > a {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
background: none;
font-weight: 700;
background: #fff;
color: #232733;
padding: 10px 15px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
margin-right: 15px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-transform: uppercase;
font-size: 13px;
}
.portfolio-filter ul.nav-tabs > li > a.active {
background: var(--krowd-theme-color);
color: #fff;
}
.gva-portfolio-items {
float: left;
width: 100%;
}
.gva-portfolio-items .view-portfolio {
width: 100%;
}
.portfolio-v1 {
position: relative;
max-width: 500px;
margin: 0 auto;
margin-bottom: 30px;
background: none;
}
.portfolio-v1 .portfolio-content {
position: relative;
-webkit-transition: box-shadow 0.3s ease;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-ms-transition: box-shadow 0.3s ease;
}
.portfolio-v1 .portfolio-images {
position: relative;
text-align: center;
}
.portfolio-v1 .portfolio-images:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
opacity: 0;
filter: alpha(opacity=0);
background: var(--krowd-theme-color);
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.portfolio-v1 .portfolio-images .image-popup {
opacity: 0;
filter: alpha(opacity=0);
width: 32px;
height: 32px;
background: #fff;
line-height: 32px;
position: absolute;
top: 15px;
right: 15px;
z-index: 99;
text-align: center;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
margin-top: 30px;
}
.portfolio-v1 .portfolio-images .image-popup:hover {
color: #fff;
background: #232733;
}
.portfolio-v1 .portfolio-images .link {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.45s;
transition: all 0.45s;
-moz-transition: all 0.45s;
-ms-transition: all 0.45s;
width: 32px;
height: 32px;
background: #fff;
line-height: 33px;
position: absolute;
top: 55px;
right: 15px;
z-index: 99;
text-align: center;
margin-top: 45px;
}
.portfolio-v1 .portfolio-images .link:hover {
color: #fff;
background: #232733;
}
.portfolio-v1 .content-inner {
position: absolute;
width: 100%;
height: auto;
left: 0;
bottom: -20px;
z-index: 11;
text-align: left;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
opacity: 0;
filter: alpha(opacity=0);
padding: 30px;
}
@media (max-width: 1023.98px) {
.portfolio-v1 .content-inner {
padding: 20px;
}
}
.portfolio-v1 .content-inner .title {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.portfolio-v1 .content-inner .title a {
display: block;
font-size: 20px;
color: #fff;
font-weight: 400;
line-height: 26px;
letter-spacing: 1px;
text-transform: uppercase;
}
.portfolio-v1 .content-inner .title a:hover, .portfolio-v1 .content-inner .title a:focus, .portfolio-v1 .content-inner .title a:active {
text-decoration: underline;
}
.portfolio-v1 .content-inner .category {
-webkit-transition: all 0.45s;
transition: all 0.45s;
-moz-transition: all 0.45s;
-ms-transition: all 0.45s;
}
.portfolio-v1 .content-inner .category a {
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
}
.portfolio-v1 .content-inner .category a:hover, .portfolio-v1 .content-inner .category a:focus, .portfolio-v1 .content-inner .category a:active {
text-decoration: underline;
}
.portfolio-v1:hover .content-inner, .portfolio-v1:active .content-inner, .portfolio-v1:focus .content-inner {
opacity: 1;
filter: alpha(opacity=100);
bottom: 0;
}
.portfolio-v1:hover .portfolio-images:after, .portfolio-v1:active .portfolio-images:after, .portfolio-v1:focus .portfolio-images:after {
opacity: 0.8;
filter: alpha(opacity=80);
}
.portfolio-v1:hover .portfolio-images .image-popup, .portfolio-v1:active .portfolio-images .image-popup, .portfolio-v1:focus .portfolio-images .image-popup {
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
}
.portfolio-v1:hover .portfolio-images a.link, .portfolio-v1:active .portfolio-images a.link, .portfolio-v1:focus .portfolio-images a.link {
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
}
.portfolio-v1 ul {
list-style: none;
padding: 0;
}
.portfolio-v1.portfolio-carousel {
margin-bottom: 0;
}
.owl-carousel .portfolio-v1 {
margin-bottom: 0;
}
.portfolio-carousel-single {
max-width: 1080px;
margin: 0 auto;
}
.portfolio-carousel-single .portfolio-item {
overflow: hidden;
}
.portfolio-carousel-single .portfolio-item .images {
text-align: center;
}
.portfolio-carousel-single .portfolio-item .images img {
max-width: 750px;
position: relative;
z-index: 9;
}
.portfolio-carousel-single .portfolio-item .images .image-popup {
position: absolute;
left: 50%;
z-index: 99;
width: 32px;
height: 32px;
margin-left: -16px;
line-height: 32px;
text-align: center;
background: #232733;
color: #fff;
}
.portfolio-carousel-single .portfolio-item .images .image-popup:hover {
background: #383e51;
}
.portfolio-carousel-single .portfolio-item .images .read-more {
position: absolute;
right: 0;
bottom: 30px;
z-index: 1;
width: 300px;
text-align: right;
}
.portfolio-carousel-single .portfolio-item .images .read-more a {
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-transition: all 1s;
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
padding-right: 40px;
opacity: 0;
filter: alpha(opacity=0);
color: #232733;
}
.portfolio-carousel-single .portfolio-item .images .read-more a:hover {
color: var(--krowd-theme-color);
}
.portfolio-carousel-single .portfolio-item .images .read-more:after {
content: "";
width: 0px;
height: 1px;
background: #232733;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 1s;
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
}
.portfolio-carousel-single .portfolio-item .portfolio-content {
position: absolute;
top: 100px;
left: 50px;
z-index: 11;
}
@media (max-width: 1023.98px) {
.portfolio-carousel-single .portfolio-item .portfolio-content {
left: 30px;
}
}
.portfolio-carousel-single .portfolio-item .portfolio-content:after {
content: "";
-webkit-transition: all 1s;
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
width: 1px;
height: 0;
background: #232733;
position: absolute;
top: -110px;
left: 0;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .category {
margin-bottom: 5px;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .category a {
text-transform: uppercase;
color: #232733;
font-weight: 700;
letter-spacing: 1px;
background: #fff;
display: inline-block;
padding: 0 5px;
font-size: 12px;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .category a:hover {
color: var(--krowd-theme-color);
}
.portfolio-carousel-single .portfolio-item .portfolio-content .title {
background: rgba(255, 255, 255, 0.8);
padding: 15px 20px 5px;
max-width: 350px;
position: relative;
padding-bottom: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 0;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .title:after {
content: '';
width: 60px;
height: 2px;
background: var(--krowd-theme-color);
position: absolute;
bottom: 0;
left: 20px;
z-index: 9;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .title a {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #232733;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .title a:hover {
color: var(--krowd-theme-color);
}
.portfolio-carousel-single .portfolio-item .portfolio-content .desc {
background: rgba(255, 255, 255, 0.8);
padding: 10px 20px 20px;
max-width: 350px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top: 0;
}
.portfolio-carousel-single .portfolio-item .portfolio-content .category {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
-webkit-transform: translate(0, -70%);
transform: translate(0, -70%);
ms-transform: translate(0, -70%);
opacity: 0;
filter: alpha(opacity=0);
}
.portfolio-carousel-single .portfolio-item .portfolio-content .title {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
ms-transform: translate(0, -50%);
opacity: 0;
filter: alpha(opacity=0);
}
.portfolio-carousel-single .portfolio-item .portfolio-content .desc {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;
-webkit-transform: translate(0, -30%);
transform: translate(0, -30%);
ms-transform: translate(0, -30%);
opacity: 0;
filter: alpha(opacity=0);
}
.portfolio-carousel-single .portfolio-item .image-popup {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s;
bottom: -30px;
opacity: 0;
filter: alpha(opacity=0);
}
.portfolio-carousel-single .active-effect .portfolio-item .portfolio-content:after {
height: 100px;
}
.portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .category, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .title, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .desc {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio-carousel-single .active-effect .image-popup {
opacity: 1;
filter: alpha(opacity=100);
bottom: 20px;
}
.portfolio-carousel-single .active-effect .portfolio-item .images .read-more a {
padding-right: 10px;
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio-carousel-single .active-effect .portfolio-item .images .read-more:after {
width: 300px;
}
.text-light .portfolio-carousel-single .portfolio-item .portfolio-content::after {
background: #fff;
}
.text-light .portfolio-carousel-single .portfolio-item .images .read-more:after {
background: #fff;
}
.text-light .portfolio-carousel-single .portfolio-item .images .read-more a {
color: #fff;
}
.campaign-block {
margin-bottom: 30px;
}
.campaign-block .image {
position: relative;
text-align: center;
}
.campaign-block .image .icon-expand {
position: absolute;
top: 15px;
right: 50px;
width: 32px;
height: 32px;
line-height: 35px;
border-radius: 50%;
color: rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.36);
z-index: 11;
font-size: 15px;
display: inline-block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.campaign-block .image .icon-expand:hover {
color: #fff;
background: var(--krowd-theme-color);
}
.campaign-block .image .video-link {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
border-radius: 50%;
line-height: 33px;
text-align: center;
color: rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.36);
z-index: 11;
font-size: 15px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.campaign-block .image .video-link:hover {
color: #fff;
background: var(--krowd-theme-color);
}
.campaign-block .image .link-overlay {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.campaign-block .image .funded {
width: 80px;
height: 80px;
position: absolute;
bottom: -40px;
left: 50%;
margin-left: -40px;
z-index: 11;
background: rgba(255, 255, 255, 0.92);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.campaign-block .image .funded .progress {
margin-bottom: 0;
}
.campaign-block .image .funded span {
font-size: 18px;
font-weight: 600;
font-family: var(--krowd-heading-font-family);
color: var(--krowd-theme-color);
}
.campaign-block .campaign-content {
position: relative;
padding: 55px 30px 20px;
background: #fff;
}
@media (max-width: 1199.98px) {
.campaign-block .campaign-content {
padding-left: 25px;
padding-right: 25px;
}
}
.campaign-block .campaign-content .content-raised .raised {
color: #1db3e7;
font-size: 20px;
font-weight: 500;
}
.campaign-block .campaign-content .content-raised .goal {
color: var(--krowd-theme-color);
font-size: 20px;
font-weight: 500;
}
.campaign-block .campaign-content .days {
padding-left: 10px;
}
.campaign-block .campaign-content .content-action {
margin: 15px 0;
}
.campaign-block .campaign-categories {
display: inline-block;
background: var(--krowd-theme-color);
color: #fff;
padding: 0 15px;
line-height: 25px;
}
.campaign-block .campaign-categories a {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
color: #fff;
}
.campaign-block .camapign-time {
display: inline-block;
font-size: 12px;
font-weight: 500;
color: #838694;
margin-left: 8px;
}
.campaign-block .camapign-time i {
margin-right: 5px;
color: var(--krowd-theme-color-three);
}
.campaign-block .title {
font-size: 22px;
line-height: 34px;
margin: 12px 0 15px;
}
.campaign-block .campaign-raised {
font-size: 14px;
font-weight: 500;
color: #838694;
margin-bottom: 2px;
}
.campaign-block .progress {
height: 10px;
}
.campaign-block .progress .progress-bar {
background: var(--krowd-theme-color-second);
}
.campaign-block .progress .progress-bar .percentage {
-webkit-transform: none;
transform: none;
background: transparent;
padding: 0;
top: -25px;
color: #838694;
font-size: 14px;
font-weight: 500;
}
.campaign-block .progress .progress-bar .percentage:after {
content: none;
}
.campaign-block .progress b {
font-weight: 500;
}
.campaign-block .campaign-goal {
font-weight: 700;
margin-top: 10px;
}
.campaign-block .campaign-goal .goal {
color: var(--krowd-theme-color-three);
}
.campaign-block .campaign-goal .value-goal {
color: var(--krowd-theme-color);
}
.campaign-block.campaign-block-1 .campaign-image {
position: relative;
}
.campaign-block.campaign-block-1 .campaign-image:before {
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: var(--krowd-theme-color-three);
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.campaign-block.campaign-block-1 .campaign-content {
padding: 35px 35px;
border: 1px solid #E9E9EE;
border-top: 0;
background: #fff;
}
.campaign-block.campaign-block-1:hover .campaign-image:before {
opacity: 0.2;
}
.campaign-block.campaign-block-1:hover .campaign-content {
-webkit-box-shadow: 0px 15px 35px 0 rgba(27, 31, 46, 0.06);
box-shadow: 0px 15px 35px 0 rgba(27, 31, 46, 0.06);
}
.campaign-block.campaign-block-2 {
margin-bottom: 30px;
}
.campaign-block.campaign-block-2 .campaign-block-inner {
position: relative;
}
.campaign-block.campaign-block-2 .campaign-image {
position: relative;
}
.campaign-block.campaign-block-2 .campaign-image:before {
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(#1b1f2e), to(rgba(27, 31, 46, 0)));
background: linear-gradient(0deg, #1b1f2e 0%, rgba(27, 31, 46, 0) 100%);
background: -ms-linear-gradient(0deg, #1b1f2e 0%, rgba(27, 31, 46, 0) 100%);
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.campaign-block.campaign-block-2 .campaign-content {
padding: 35px 30px;
border-top: 0;
background: transparent;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 11;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.campaign-block.campaign-block-2 .camapign-time {
color: #fff;
}
.campaign-block.campaign-block-2 .camapign-time i {
color: #fff;
}
.campaign-block.campaign-block-2 .title a {
color: #fff;
}
@media (max-width: 767.98px) {
header.header-default .area-inner{
justify-content: flex-start !important;
}
.campaign-block.campaign-block-2 .title {
margin: 5px 0;
font-size: 18px;
line-height: 28px;
}
.my-icon1 .btn.btn-danger.btn-sm {
font-size: 10px;
}
/* .main-menu-mobile{
flex: 0 0 70% !important;
} */
.site-branding-logo img {
margin-bottom: 0px !important;
max-width: 130px !important;
}
.my-icon1 {
margin-right: 10px !important;
}
.my-icon2 {
margin-right: 10px !important;
}
.my-icon3 {
margin-right: 10px !important;
}
.my-icon4 {
margin-right: 10px !important;
}
}
.campaign-block.campaign-block-2 .campaign-raised {
color: #fff;
}
.campaign-block.campaign-block-2 .progress .progress-bar .percentage {
color: #fff;
}
.campaign-block.campaign-block-2:hover {
-webkit-box-shadow: 10px 18px 20px 0 rgba(35, 39, 51, 0.03);
box-shadow: 10px 18px 20px 0 rgba(35, 39, 51, 0.03);
}
.campaign-block.campaign-block-2:hover .campaign-content {
background: #fff;
}
.campaign-block.campaign-block-2:hover .campaign-meta, .campaign-block.campaign-block-2:hover .campaign-raised, .campaign-block.campaign-block-2:hover .camapign-time,
.campaign-block.campaign-block-2:hover .progress .progress-bar .percentage {
color: #838694;
}
.campaign-block.campaign-block-2:hover .title a {
color: var(--krowd-theme-color-three);
}
.campains-style-grid .owl-carousel .owl-dots {
margin-top: 30px;
}
@media (max-width: 991.98px) {
.campains-style-grid .owl-carousel .owl-dots {
margin-top: 10px;
}
}
.path-user .campaign-block-1 .campaign-content {
padding: 30px 20px;
}
.path-user .campaign-block-1 .campaign-content .campaign-categories {
padding: 0 10px;
}
.path-user .campaign-block-1 .campaign-content .campaign-categories a {
letter-spacing: 0;
}
.path-user .campaign-block-1 .campaign-content .title {
font-size: 17px;
line-height: 26px;
}
.path-user .campaign-block-1 .campaign-content .camapign-time .time-remaining-name {
display: none;
}
@media (max-width: 575px) {
.campaign-tabs {
padding-top: 70px;
}
}
.campaign-tabs .nav-tabs {
border: 0;
}
.campaign-tabs .nav-tabs > li {
margin-top: -72px;
}
@media (max-width: 1023.98px) {
.campaign-tabs .nav-tabs > li {
margin-top: -60px;
}
}
@media (max-width: 991.98px) {
.campaign-tabs .nav-tabs > li {
margin-top: -52px;
}
}
@media (max-width: 575px) {
.campaign-tabs .nav-tabs > li {
margin-top: 0px;
}
}
.campaign-tabs .nav-tabs > li > a {
background: var(--krowd-theme-color);
color: #fff;
height: 72px;
margin-right: 10px;
padding: 15px 60px;
line-height: 40px;
font-size: 20px;
font-weight: 500;
display: inline-block;
}
@media (max-width: 1023.98px) {
.campaign-tabs .nav-tabs > li > a {
padding: 10px 30px;
height: auto;
font-size: 16px;
}
}
@media (max-width: 991.98px) {
.campaign-tabs .nav-tabs > li > a {
padding: 5px 15px;
font-size: 15px;
margin-bottom: 5px;
}
}
.campaign-tabs .nav-tabs > li > a.active {
background: #fff;
color: var(--krowd-theme-color-three);
}
@media (max-width: 991.98px) {
.campaign-tabs .nav-tabs > li > a.active {
-webkit-box-shadow: 0 0 1px 0 #E9E9EE inset;
box-shadow: 0 0 1px 0 #E9E9EE inset;
}
}
.campaign-tabs .tab-content {
padding: 60px 0;
}
@media (max-width: 991.98px) {
.campaign-tabs .tab-content {
padding: 40px 0;
}
}
.campaign-tabs #campaign-tab-description {
max-width: 1000px;
}
.campaign_update_wrapper {
padding-left: 10px;
padding-top: 30px;
}
.campaign_update_wrapper .campaign-crowdfunding-update {
border-left: 3px solid #e7e7e7;
padding-left: 20px;
}
.campaign_update_wrapper .field--name-field-campaign-update {
max-width: 980px;
}
.campaign_update_wrapper .field--name-field-campaign-update > .field__item:not(:last-child) {
padding-bottom: 50px;
}
.campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update {
position: relative;
padding-left: 15px;
}
.campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update:after {
content: '';
position: absolute;
top: 6px;
left: -32px;
height: 22px;
width: 22px;
border-radius: 50%;
background: #e7e7e7;
display: block;
}
.campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update .field--name-field-update-date {
font-size: 16px;
font-weight: 500;
color: var(--krowd-theme-color-three);
margin-top: -28px;
}
.campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update .field--name-field-update-title {
margin: 6px 0;
color: var(--krowd-theme-color-three);
font-size: 18px;
font-weight: 600;
}
.body-page.page-product-campaign .gav-help-region {
background: #F7F7F9;
}
.body-page.page-product-campaign .breadcrumb-content-inner {
position: relative;
}
.body-page.page-product-campaign .breadcrumb-content-inner:after {
content: '';
height: 55px;
background: #F7F7F9;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1;
}
.campaign-single.campaign-block {
margin-bottom: 0px;
}
.campaign-single.campaign-block .campaign-content {
padding: 0;
}
.campaign-single .campaign-thumbnail {
margin-bottom: 30px;
}
.campaign-single .funded-content {
margin-bottom: 30px;
}
.campaign-single .funded-content .column > * {
background: #fff;
padding: 30px;
display: block;
text-align: center;
color: #838694;
font-size: 16px;
margin-bottom: 30px;
}
.campaign-single .funded-content .column > * > span, .campaign-single .funded-content .column > * > strong {
display: block;
font-size: 24px !important;
line-height: 30px !important;
font-weight: 400 !important;
color: var(--krowd-theme-color) !important;
}
@media (max-width: 500px) {
.campaign-single .funded-content .column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.campaign-single .text-raised {
position: absolute;
top: -20px;
color: #838694;
font-size: 14px;
font-weight: 500;
left: 0;
}
.campaign-single .btn-donation-now {
margin-top: 30px;
margin-bottom: 60px;
}
.campaign-single .campaign-content-top {
padding: 60px 0 120px;
background: #F7F7F9;
}
@media (max-width: 1023.98px) {
.campaign-single .campaign-content-top {
padding: 25px 0 70px;
}
}
@media (max-width: 991.98px) {
.campaign-single .campaign-content-top .campaign-single-summary {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.campaign-single .campaign-content-top {
padding-bottom: 0;
}
}
.campaign-single .campaign-content-inner {
background: #fff;
position: relative;
}
.campaign-single .campaign-content-inner:after, .campaign-single .campaign-content-inner:before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
background: #fff;
top: 0;
display: block;
}
.campaign-single .campaign-content-inner:after {
right: 100%;
}
.campaign-single .campaign-content-inner:before {
left: 100%;
}
.campaign-single #popup-add-to-cart .modal-body {
padding: 30px;
}
.campaign-single #popup-add-to-cart .modal-body .expired {
padding-top: 50px;
font-size: 24px;
}
.campaign-single #popup-add-to-cart fieldset {
margin-top: 15px;
}
.campaign-single #popup-add-to-cart fieldset.fieldgroup .fieldset-wrapper > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.campaign-single #popup-add-to-cart fieldset.fieldgroup .fieldset-wrapper > div .form-item {
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media (max-width: 600px) {
.campaign-single #popup-add-to-cart fieldset.fieldgroup .fieldset-wrapper > div .form-item {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.campaign-single #popup-add-to-cart .form-item {
margin-bottom: 4px;
position: relative;
}
.campaign-single #popup-add-to-cart .form-item input[type=radio] {
opacity: 0;
filter: alpha(opacity=0);
}
.campaign-single #popup-add-to-cart .form-item input[type=radio]:hover {
cursor: pointer;
}
.campaign-single #popup-add-to-cart .form-item input[type=radio]:checked ~ label {
color: var(--krowd-theme-color);
}
.campaign-single #popup-add-to-cart .form-item input[type=radio]:checked ~ label:before {
border-color: var(--krowd-theme-color);
}
.campaign-single #popup-add-to-cart .form-item .ajax-progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 111;
}
.campaign-single #popup-add-to-cart .form-item label {
float: left;
}
.campaign-single #popup-add-to-cart .form-item label.option {
position: relative;
margin-right: 10px;
text-transform: capitalize;
font-size: 15px;
line-height: 20px;
padding-left: 26px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.campaign-single #popup-add-to-cart .form-item label.option:hover {
cursor: pointer;
}
.campaign-single #popup-add-to-cart .form-item label.option:after {
content: "";
background: #fff;
position: absolute;
left: 3px;
top: 4px;
width: 12px;
height: 12px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.campaign-single #popup-add-to-cart .form-item label.option:before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 18px;
height: 18px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 3px solid #e9e9ee;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.campaign-single #popup-add-to-cart .form-actions {
width: 100%;
}
.campaign-single #popup-add-to-cart .form-actions .button--add-to-cart {
padding: 10px 25px;
}
.campaign-single #popup-add-to-cart .funded.campaign-block {
float: left;
width: 100%;
display: block;
margin: 10px 0;
padding: 0 0 15px;
}
.campaign-single #popup-add-to-cart .add-to-cart-content-inner .field--name-price > div {
display: inline-block;
font-weight: 500;
}
.campaign-single #popup-add-to-cart .add-to-cart-content-inner .field--name-price .field__label {
position: relative;
}
.campaign-single #popup-add-to-cart .add-to-cart-content-inner .field--name-price .field__label:after {
content: ": ";
}
.campaign-single #popup-add-to-cart .add-to-cart-content-inner .field--name-price .field__item {
color: var(--krowd-theme-color);
}
.campaign-single #popup-add-to-cart .add-to-cart-content-inner legend {
line-height: 1;
padding-bottom: 5px;
}
.campaign-single #popup-add-to-cart .add-to-cart-content-inner legend span.fieldset-legend {
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
}
.related-campaigns .campaign-block {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 2px solid #e9e9ee;
}
.related-campaigns .campaign-block .campaign-content {
padding: 0;
}
.related-campaigns .campaign-block .content-action {
display: none;
}
.related-campaigns .campaign-block .content-raised {
display: none;
}
.related-campaigns .campaign-block:last-child {
border-bottom: none;
margin-bottom: 0;
}
.gva-cart-region {
margin-top: -5px;
}
.gva-cart-region .cart-block--summary__icon {
display: inline-block;
}
.gva-cart-region .cart-block--contents {
padding: 20px 20px 10px;
border-top: 2px solid var(--krowd-theme-color);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
background: #fff;
width: 380px;
right: 0;
}
.gva-cart-region .cart-block--contents .cart-block--contents__items {
overflow: hidden;
}
.gva-cart-region .cart-block--contents .cart-block--contents__items td {
vertical-align: middle;
}
.gva-cart-region .cart-block--contents .cart-block--contents__links {
font-weight: 600;
color: var(--krowd-theme-color);
}
@media (max-width: 550px) {
.cart-form table thead {
display: none;
}
}
@media (max-width: 550px) {
.cart-form table tr {
border-bottom: 1px solid #e9e9ee;
}
}
@media (max-width: 550px) {
.cart-form table tr td {
width: 100%;
display: block;
text-align: center;
padding: 5px 15px;
border: none;
}
}
.cart-form table tr td.views-field-edit-quantity {
text-align: center;
}
.cart-form table tr td.views-field-edit-quantity input {
text-align: center;
}
.cart-form table tr td.views-field-remove-button {
text-align: center;
}
.cart-form table tr td.views-field-remove-button input {
background: none;
color: var(--krowd-theme-color);
padding: 5px;
}
.layout-checkout-form {
margin: 30px 0 60px;
}
.layout-checkout-form fieldset legend {
color: #232733;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
border-bottom: 1px solid #e9e9ee;
margin-bottom: 20px;
}
.layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) {
margin-bottom: 20px;
width: 100%;
float: left;
display: block;
}
.layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) label {
display: block;
width: 100%;
float: left;
font-weight: 500;
color: #232733;
font-size: 15px;
margin-bottom: 2px;
}
.layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) input, .layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) select {
width: 100%;
float: left;
min-height: 50px;
}
.layout-checkout-form .checkout-pane-payment-information div[class*='form-item'].js-form-type-radio {
line-height: 1;
margin-bottom: 5px;
}
.layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] {
margin-bottom: 15px;
}
.layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] legend {
margin-bottom: 10px;
}
.layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] .form-item {
margin-bottom: 10px;
}
.layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] .form-item label {
color: #232733;
}
.layout-checkout-form .credit-card-form .form-item {
width: auto !important;
float: left;
margin-bottom: 5px;
margin-right: 15px;
}
.layout-checkout-form .credit-card-form .form-item input, .layout-checkout-form .credit-card-form .form-item select {
margin-top: 0;
line-height: 25px;
}
.layout-checkout-form .credit-card-form .form-item-payment-information-add-payment-method-payment-details-number {
max-width: 200px;
}
.layout-checkout-form .credit-card-form .credit-card-form__divider {
margin: 36px 0 0;
}
.layout-checkout-form .credit-card-form .credit-card-form__expiration {
display: inline-block;
float: left;
}
.layout-checkout-form .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book {
float: left;
width: 100%;
margin-bottom: 10px;
}
.layout-checkout-form .layout-region-checkout-secondary h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
}
.layout-checkout-form .layout-region-checkout-secondary .order-total-line .order-total-line-label {
color: #232733;
}
.profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox), .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) {
margin-bottom: 10px;
width: 100%;
float: left;
display: block;
}
.profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) label, .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) label {
display: block;
width: 100%;
float: left;
}
.profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) input, .profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) select, .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) input, .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) select {
width: 100%;
float: left;
}
.profile-form div[class*='form-item'].js-form-type-radio, .commerce-payment-method-add-form div[class*='form-item'].js-form-type-radio {
line-height: 1;
margin-bottom: 5px;
}
.profile-form .credit-card-form .form-item, .commerce-payment-method-add-form .credit-card-form .form-item {
width: auto !important;
float: left;
margin-bottom: 5px;
margin-right: 15px;
}
.profile-form .credit-card-form .form-item input, .profile-form .credit-card-form .form-item select, .commerce-payment-method-add-form .credit-card-form .form-item input, .commerce-payment-method-add-form .credit-card-form .form-item select {
margin-top: 0;
line-height: 25px;
}
.profile-form .credit-card-form .form-item-payment-information-add-payment-method-payment-details-number, .commerce-payment-method-add-form .credit-card-form .form-item-payment-information-add-payment-method-payment-details-number {
max-width: 200px;
}
.profile-form .credit-card-form .credit-card-form__expiration, .commerce-payment-method-add-form .credit-card-form .credit-card-form__expiration {
display: inline-block;
float: left;
}
.views-profiles .views-col {
margin-top: 15px;
padding-bottom: 15px;
position: relative;
}
.views-profiles .views-col:after {
content: '';
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
z-index: 1;
border-bottom: 1px solid #e9e9ee;
}
.path-user .customer-information {
float: left;
width: 100%;
border-bottom: 1px solid #e9e9ee;
margin-bottom: 15px;
padding-bottom: 15px;
}
.path-user .customer-information > div {
float: left;
}
.path-user .customer-information > div.field--name-mail {
width: 33%;
}
@media (max-width: 991.98px) {
.path-user .customer-information > div.field--name-mail {
width: 100%;
}
}
.path-user .customer-information > div.customer-billing {
width: 67%;
}
@media (max-width: 991.98px) {
.path-user .customer-information > div.customer-billing {
width: 100%;
}
}
.path-user .customer-information > div .field__label {
width: 100%;
float: left;
font-weight: 600;
font-family: var(--krowd-heading-font-family);
}
.path-user .customer-information > div .field__item {
float: left;
width: 100%;
}
.path-user .customer-information > div.customer-billing .address {
margin: 0;
}
.path-user .customer-information > div.customer-billing .address span {
margin-right: 6px;
padding-right: 8px;
position: relative;
display: inline-block;
}
.path-user .customer-information > div.customer-billing .address span:after {
content: '';
width: 1px;
height: 15px;
position: absolute;
top: 6px;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.2);
}
.path-user .customer-information > div.customer-billing .address span:last-child:after {
display: none;
}
.path-user .customer-information > div.customer-billing .address br {
display: none;
}
.path-user .order-information {
float: left;
width: 100%;
}
.path-user .order-information > .field {
float: left;
margin-right: 20px;
width: 30%;
}
@media (max-width: 300px) {
.path-user .order-information > .field {
width: 100%;
}
}
.path-user .order-information > .field .field__label {
font-weight: 600;
color: #232733;
}
.path-user .order-information > .field.field--name-order-items, .path-user .order-information > .field.field--name-total-price {
width: 100%;
margin-top: 20px;
margin-right: 0;
}
.colorpicker {
z-index: 9999999 !important;
}
.permission-save-hidden #gavias_customize_save {
display: none !important;
}
.gavias-skins-panel {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background: #fff;
right: -403px;
position: fixed;
height: auto;
top: 0px;
bottom: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 400px;
z-index: 999;
}
.gavias-skins-panel .gavias-skins-panel-inner {
bottom: 0;
padding: 30px 10px 10px;
height: auto;
overflow-x: hidden;
overflow-y: scroll;
position: absolute;
top: 0;
width: 100%;
}
.gavias-skins-panel.active {
right: 0 !important;
}
.gavias-skins-panel #gavias_profile_customize_name option {
color: #232733;
}
.gavias-skins-panel .control-panel {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
position: absolute;
top: 150px;
left: -40px;
width: 40px;
height: 40px;
background: var(--krowd-theme-color);
color: #fff;
font-size: 18px;
line-height: 40px;
text-align: center;
}
.gavias-skins-panel .control-panel:hover {
cursor: pointer;
}
.gavias-skins-panel .panel-skins-content {
padding-bottom: 20px;
overflow: hidden;
}
.gavias-skins-panel .panel-skins-content:last-child {
padding-bottom: 0;
}
.gavias-skins-panel .panel-skins-content .title {
font-size: 14px;
font-weight: 600;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-transform: uppercase;
color: #232733;
margin-bottom: 10px;
}
.gavias-skins-panel .panel-skins-content .item-color {
width: 25px;
height: 30px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border: 1px solid #ccc;
display: inline-block;
margin: 5px 6px 0 6px;
border: 3px solid transparent;
}
.gavias-skins-panel .panel-skins-content .item-color:hover {
cursor: pointer;
}
.gavias-skins-panel .panel-skins-content .item-color.default {
background: #FBB122;
}
.gavias-skins-panel .panel-skins-content .item-color.blue {
background: #50AF4D;
}
.gavias-skins-panel .panel-skins-content .item-color.brown {
background: #684035;
}
.gavias-skins-panel .panel-skins-content .item-color.green {
background: #009673;
}
.gavias-skins-panel .panel-skins-content .item-color.lilac {
background: #8F6684;
}
.gavias-skins-panel .panel-skins-content .item-color.lime_green {
background: #8CCA4F;
}
.gavias-skins-panel .panel-skins-content .item-color.orange {
background: #F86923;
}
.gavias-skins-panel .panel-skins-content .item-color.pink {
background: #D91897;
}
.gavias-skins-panel .panel-skins-content .item-color.purple {
background: #9854B3;
}
.gavias-skins-panel .panel-skins-content .item-color.red {
background: #E43844;
}
.gavias-skins-panel .panel-skins-content .item-color.turquoise {
background: #1CCDCA;
}
.gavias-skins-panel .panel-skins-content .item-color.turquoise2 {
background: #178E94;
}
.gavias-skins-panel .panel-skins-content .item-color.violet_red {
background: #F3605D;
}
.gavias-skins-panel .panel-skins-content .item-color.violet_red2 {
background: #973A4B;
}
.gavias-skins-panel .panel-skins-content .item-color.yellow {
background: #ecc311;
}
.gavias-skins-panel .panel-skins-content .item-color.active {
border-color: #232733;
}
.gavias-skins-panel .panel-skins-content .layout {
width: 80px;
margin-right: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
display: inline-block;
}
.gavias-skins-panel .panel-skins-content .layout:hover {
cursor: pointer;
}
.gavias-skins-panel .panel-skins-content .layout.active {
background-color: var(--krowd-theme-color);
color: #fff;
}
.gavias-skins-panel .panel-skins-content .layout:last-child {
margin-right: 0;
}
.gavias-skins-panel.gavias-skin-demo {
top: 200px;
bottom: auto !important;
padding: 20px !important;
width: 260px !important;
right: -263px !important;
}
.gavias-skins-panel.gavias-skin-demo .control-panel {
top: 75px !important;
}
.gavias-skins-panel.gavias-skin-demo.active {
right: 0 !important;
}
#customize-gavias-preivew .panel {
padding: 0 !important;
}
#customize-gavias-preivew .panel .panel-heading .panel-title > a {
padding: 10px !important;
border: 1px solid #e9e9ee !important;
}
#customize-gavias-preivew .panel .panel-heading .panel-title > a:after {
display: none !important;
}
#customize-gavias-preivew .panel .panel-body {
padding: 15px !important;
}
#customize-gavias-preivew .form-group {
position: relative;
float: left;
width: 100%;
}
#customize-gavias-preivew .form-group label {
width: 150px;
float: left;
padding-top: 10px;
font-size: 12px;
font-weight: 400;
color: #232733;
}
#customize-gavias-preivew .form-group input {
width: calc(100% - 150px);
float: left;
}
#customize-gavias-preivew .form-group select {
width: 100%;
}
#customize-gavias-preivew .form-group .colorselector {
width: calc(100% - 150px);
position: relative;
}
#customize-gavias-preivew .form-group .colorselector input {
width: 100% !important;
}
#customize-gavias-preivew .form-group .colorselector .input-group-addon {
border: 1px solid #e9e9ee;
position: absolute;
width: 30px;
height: 100%;
top: 0;
right: 0;
z-index: 1;
}
#customize-gavias-preivew .form-group .colorselector .input-group-addon i {
width: 30px;
height: 20px;
display: inline-block;
}
#customize-gavias-preivew .form-group .colorselector .remove {
width: 34px;
height: 34px;
color: #232733;
position: absolute;
top: 3px;
right: 25px;
line-height: 34px;
text-align: center;
z-index: 99;
}
#customize-gavias-preivew .form-group .colorselector .remove:hover {
cursor: pointer;
}
.gavias_customize_form .form-group.action {
float: left;
width: 100%;
margin-top: 20px;
}
.gavias_customize_form .form-group.action input {
width: 28%;
margin-left: 10px;
color: #fff;
font-weight: 600;
margin-bottom: 10px;
padding: 5px 10px !important;
}
.gavias_customize_form .form-group.action input#gavias_customize_save {
background: theme-colors("success");
}
.gavias_customize_form .form-group.action input#gavias_customize_preview {
background: theme-colors("info");
}
.gavias_customize_form .form-group.action input#gavias_customize_reset {
background: theme-colors("warning");
}