body._dragging,
body._dragging * {
cursor: grabbing !important;
}
.zindex {
z-index: 99;
position: relative;
}
.roundphoto {
float: right;
width: 95px;
height: 95px;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
margin-left: 25px;
}
.mega-dropdown-open:before {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: #000;
opacity: 0.4;
z-index: 997;
}
#page-container {
position: relative;
width: 100%;
/* max-width: calc(100% - 80px); */
margin: auto;
overflow-x: hidden;
padding-top: 140px;
}
#page-container.no-cover {
padding-top: 140px;
}
@media (max-width: 1100px) {
#page-container {
padding-top: 110px;
}
#page-container.no-cover {
padding-top: 110px;
}
}
@media (max-width: 640px) {
#page-container {}
}
/*
.main-content {
position: relative;
z-index: 99;
}
*/
/* Icon */
.bg-page-icon {
position: fixed;
width: 100%;
height: 100%;
right: 6rem;
top: 0rem;
background: url('/addthemes/hitma/images/icon.svg') no-repeat;
background-position: 90% 6rem;
background-size: 52% auto;
-webkit-transform: translate3d(0, 0, 0);
opacity: 0.03;
z-index: 0;
}
.bg-page-icon.dark {
background-image: url('/addthemes/hitma/images/icon-dark.svg');
}
.bg-page-icon.light {
opacity: 0.02;
background-image: url('/addthemes/hitma/images/icon-white.svg');
}
.row {
max-width: 74em;
z-index: 2;
}
.row.wide {
max-width: 82.5em
}
.row.wider {
max-width: 82.5em
}
.max-width {}
.section-content {
position: relative;
min-height: 20px;
margin: 0px 0;
}
.with-inner-shadow:before,
.with-inner-shadow:after {
position: absolute;
width: 100%;
left: 0;
height: 60px;
content: '';
opacity: 0.1;
z-index: 3;
-webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition-delay: 500ms;
}
.with-inner-shadow:before {
top: 0;
background: rgb(0, 39, 66);
background: linear-gradient(180deg, rgb(0, 39, 66) 0%, rgba(0, 39, 66,0) 100%);
}
.with-inner-shadow:after {
bottom:0;
background: rgb(0, 39, 66);
background: linear-gradient(0deg, rgba(0, 39, 66,1) 0%, rgba(0, 39, 66,0) 100%);
}
section .column:last-child:not(:first-child),
section .columns:last-child:not(:first-child) {
float: left;
}
@media (max-width: 1450px) {
.row.wide {
max-width: 74em
}
.row.wider {
max-width: 82.5em
}
}
@media (max-width: 1300px) {
.row,
.row.wide {
max-width: 68em
}
.row.wider {
max-width: 82.5em
}
}
@media (max-width: 1100px) {
.row,
.row.wide {
max-width: 58em
}
}
@media (max-width: 970px) {
.row,
.row.wide {
max-width: 46em
}
}
/*
---------------------------
HOLY SEARCHBAR
---------------------------
*/
#holybar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #01152e;
z-index: 998;
}
#holybar:after {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
content: '';
background: #fff;
opacity: 1;
z-index: 1;
}
/*
#holybar:before {
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
content:'';
background: url('/addthemes/hitma/images/noise_lines_@2X.png') repeat;
background-size: 60px auto;
background-blend-mode: soft-light;
opacity: 0.6;
z-index: 1;
}
*/
#holybar .row {
position: relative;
z-index: 2;
}
.holy-icon {
position: absolute;
bottom: 0;
left: 0.86rem;
width: 50px;
height: 50px;
transform: translateX(0px) translateY(10%);
background: url('/addthemes/hitma/images/logo-hitma.svg') no-repeat center center;
background-size: contain;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
visibility: hidden;
opacity: 0;
z-index: 100;
/* box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); */
}
@media (max-width: 1080px) {
.scrolled .holy-icon {
visibility: visible;
opacity: 1;
}
}
#holybar .searchbar {
position: relative;
float: right;
margin-top: 10px;
}
#holybar .search-input {
border-radius: 100px;
height: 32px;
padding-left: 1rem;
padding-top: 5px;
width: 300px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
box-shadow: none;
border: 1px solid #000;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#holybar .search-input:focus {
border-radius: 10px;
}
.searchbar .searchbar-button {
position: absolute;
top: -1px;
right: 4px;
margin: 0;
width: 32px;
height: 32px;
border-radius: 100px;
color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.searchbar .searchbar-button i {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 1rem;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.searchbar-button:hover {
color: #000;
}
.search-trigger {
display: none;
}
@media (max-width: 640px) {
.search-trigger {
display: inline-block;
float: right;
}
#holybar .searchbar {
position: fixed;
top: 40px;
left: 0;
visibility: hidden;
opacity: 0;
background: #fff;
width: 100%;
padding: 20px 10px 0;
;
}
#holybar .searchbar.expanded {
visibility: visible;
opacity: 1;
}
.holy-icon {
left: 0.46rem;
transform: translateX(0px) translateY(5%);
}
}
.offer-button {
right: -1rem;
position: relative;
float: right;
width: 40px;
padding: 0.86rem 1rem;
text-align: center;
border-radius: 0;
}
.offer-button:hover,
.offer-button.hover {
color: #094fa3;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000', GradientType=0);
}
.offer-button:before {
display: none !important;
}
.offer-button i {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.62);
position: relative;
right: 5px;
}
.offer-button:hover i,
.offer-button.hover i {
color: #fff;
}
.offer-button .badge {
position: absolute;
top: 10px;
right: -5px;
width: 20px;
height: 20px;
padding: 0;
background: #5bce4e;
line-height: 20px;
text-align: center;
border-radius: 30px;
}
@media (max-width: 970px) {
#holybar .search-input {
max-width: 100%;
width: 300px;
}
}
@media (max-width: 640px) {
.search-trigger {
display: inline-block;
float: right;
font-size: 1.3rem;
text-align: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.search-trigger i.icon-close {
display: none;
}
.search-trigger.active i.icon-close {
display: block;
}
.search-trigger.active i.icon-search {
display: none;
}
#holybar .searchbar {
position: fixed;
top: 40px;
left: 0;
visibility: hidden;
opacity: 0;
background: #fff;
width: 100%;
padding: 30px 10px 15px;
}
#holybar .searchbar.expanded {
visibility: visible;
opacity: 1;
}
#holybar .search-input {
max-width: 100%;
width: 100%;
height: 50px;
}
.searchbar .searchbar-button {
display: none;
}
.offer-button {
right: 0;
margin-right: -10px;
}
.search-trigger {}
}
/*
---------------------------
HOLY AUTOCOMPLETE
---------------------------
*/
.autocomplete-box {
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
background-color: white;
padding: 10px;
border-radius: 12px;
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
opacity: 0;
z-index: -1;
pointer-events: none;
}
.autocomplete-box.transcend {
min-width: 0;
}
.autocomplete-box.visible {
opacity: 1;
z-index: 1;
pointer-events: auto;
}
.autocomplete-box.visible.transcend {
z-index: 10000;
}
.autocomplete-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.autocomplete-box li {
display: block;
margin: 0;
}
.autocomplete-box li.divider {
height: 2px;
background-color: rgba(0, 0, 0, 0.12);
margin: 5px 0;
}
.autocomplete-box li a {
display: block;
padding: 5px 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.autocomplete-box li a:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.autocomplete-box li a em {
font-style: normal;
font-weight: normal;
color: #808080;
}
.autocomplete-box li a small {
font-size: 0.9em;
font-weight: 400;
color: #c0c0c0;
padding-left: 5px;
}
/*
---------------------------
HOLY MEGA DROPDOWN
---------------------------
*/
.holybar-button {
position: relative;
border-radius: 0;
display: inline-block;
margin-left: -0.5rem;
padding: 1.1rem 2rem 1.1rem 0.5rem;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.holybar-button:hover,
.holybar-button.hover {
color: #fff;
}
.holybar-button i {
position: absolute;
top: 10px;
margin-left: 5px;
opacity: 0.6;
font-size: 2rem;
right: 5px;
transform: scaleY(0.7);
}
@media (max-width: 1080px) {
.scrolled .holybar-button {
transform: translateX(60px) translateY(0);
}
}
@media (max-width: 640px) {
.holybar-button {
font-size: 0.96rem;
padding: 1rem 2rem 1.1rem 0.5rem;
}
.holybar-button:hover {
background: transparent !important;
}
}
@media (max-width: 370px) {
.holybar-button {
padding-left: 5px;
padding-right: 1.5rem;
font-size: 13px;
letter-spacing: 0px;
}
.holybar-button i {
position: absolute;
top: 11px;
margin-left: 0px;
font-size: 1.7rem;
right: 0px;
transform: scaleY(0.7);
}
.scrolled .holybar-button {
transform: translateX(50px) translateY(0);
}
}
.mm-bottom.mm-opening .holybar-button i {
transform: rotate(180deg) scaleY(0.7);
}
.mm-info-pane {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.mm-info-pane span {
display: block;
line-height: 1.4;
}
.large-dropdown-pane {
width: 1240px;
min-width: 1024px;
max-width: 100%;
border: 0;
border-radius: 0 15px 15px 15px;
box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.2);
padding: 0;
max-height: 100vh;
/* overflow-y: scroll; */
-webkit-overflow-scrolling: touch;
}
@media (max-width: 1080px) {
.large-dropdown-pane {
min-width: 100%;
}
}
.large-dropdown-pane:after {
position: absolute;
top: -18px;
left: 125px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent #fff transparent;
}
.large-dropdown-pane.right-align:after {
left: auto;
right: 25px;
}
.large-dropdown-pane ul {}
.large-dropdown-pane ul li {
border: 0;
}
.large-dropdown-pane ul li:last-child {
border: 0;
}
.large-dropdown-pane ul li a {
font-size: 14px;
position: relative;
line-height: 1.1;
padding: 4px 0 4px;
}
.tabs-content {
border: 0;
background: transparent;
}
.tabs-content .tabs-panel {
min-height: 400px;
padding-top: 1.3rem;
padding-right: 3rem;
}
#mega-tabs-content {
background: #fff;
border-radius: 0 0 15px 15px;
}
.tabs-content .tabs-panel .menu-box {
break-inside: avoid;
}
.menu-box-wrapper {
width: 100%;
-webkit-columns: 3;
columns: 3;
}
.menu-box {
display: block;
padding-bottom: 20px;
padding-left: 10px;
}
.menu-box.last {
padding-bottom: 210px;
}
.menu-box-title {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #022249;
font-size: 16px;
line-height: 1 !important;
display: block;
margin-bottom: 5px;
}
.menu-box-title a {
color: #022249;
}
.menu-box-title a:hover {
color: #124d94;
}
.menu-box .menu-box-title {}
.menu-box ul {
margin: 0;
padding: 0 0;
list-style: none;
}
.menu-box ul li a {
display: block;
position: relative;
font-size: 15px;
}
.menu-box ul li a:hover {
color: #124d94;
}
.menu-box ul li a:before {
position: absolute;
top: 1px;
left: -10px;
content: '\f105';
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #f7a616;
font-size: 1.1rem;
opacity: 0;
visibility: hidden;
}
.menu-box ul li a:hover:before {
opacity: 1;
visibility: visible;
}
.menu-box .thumbnail {
position: relative;
left: 0;
margin-top: 2px;
}
.menu-box-image {
position: absolute;
bottom: 1rem;
right: 1.5rem;
width: 200px;
height: 200px;
padding: 0px;
border: 1px solid #eee;
border-radius: 300px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
/* Vertical */
.mega-menu .vertical.tabs {
background: transparent;
padding: 10px 10px;
border: 0;
border-right: 1px dashed #c4c4c4;
}
.mega-menu .vertical.tabs li>div {
padding: .6rem 0.6rem;
color: #124d94;
font-size: 17px;
cursor: default !important;
}
.mega-menu .vertical.tabs li a {
color: #124d94;
}
.mega-menu .vertical.tabs li a:hover {
color: #124d94;
}
.mega-menu .vertical.tabs li div dl {
padding: 0;
margin: 0;
}
.mega-menu .vertical.tabs li div dt,
.mega-menu .vertical.tabs li div dd {
line-height: 1.3;
font-size: 15px;
margin-bottom: 0;
}
.mega-menu .vertical.tabs li div dd {
font-size: 14px;
}
.mega-menu .row .medium-3 {
position: relative;
}
section.section-content .mega-menu .row .medium-3 {
top: 20px;
}
.tabs-title>a:hover,
.tabs-title>div:hover,
.tabs-title>a:focus,
.tabs-title>a[aria-selected='true'],
.tabs-title>div[aria-selected='true'] {
background-color: #d9e0ea;
}
#intro-tabs-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
.choose-title {
position: absolute;
top: -30px;
left: 0;
font-size: 1.7rem;
line-height: 1;
color: #022249;
transform: rotate(-4deg);
font-family: 'Caveat', cursive;
white-space: nowrap;
padding-left: 1rem;
}
.choose-title:after {
position: absolute;
bottom: -15px;
left: -40px;
width: 70px;
height: 15px;
content: '';
opacity: 0.6;
background: url('/addthemes/hitma/images/arrow-draw-primary2.svg') no-repeat center center;
background-size: contain;
transform: rotate(100deg);
z-index: 1;
}
#mega-tabs-content,
#intro-tabs-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#intro-tabs-content.tabs-content {
background: #fff;
border: 0;
box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.09);
}
.medium-dropdown-pane {
min-width: 640px;
border: 0;
border-radius: 15px 15px 15px 15px;
box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.2);
padding: 0;
color: #022249
}
.dropdown-section dl {
padding: 1rem 0;
margin: 0;
border-bottom: 1px solid #eee;
}
.dropdown-section dt,
.dropdown-section dd {
line-height: 1;
font-size: 15px;
}
.dropdown-section dd {
font-size: 14px;
}
@media (max-width: 1080px) {
.medium-dropdown-pane {
min-width: 100%;
}
}
@media (max-width: 640px) {
.dropdown-section dl {
padding: 0.76rem 0;
margin: 0;
border-bottom: 1px solid #eee;
}
.dropdown-section .button {
margin-bottom: 10px;
}
}
@media (max-width: 400px) {
.dropdown-section .button {
font-size: 0.86rem;
}
}
/*
---------------------------
TOPBAR
---------------------------
*/
#topbar {
position: absolute;
top: 50px;
left: 0%;
z-index: 889 !important;
padding: 0;
width: 100%;
margin: auto !important;
height: 110px;
padding: 0 0px;
/*
background: rgb(6,31,60);
background: -moz-linear-gradient(top, rgba(6,31,60,1) 0%, rgba(2,34,73,1) 100%);
background: -webkit-linear-gradient(top, rgba(6,31,60,1) 0%,rgba(2,34,73,1) 100%);
background: linear-gradient(to bottom, rgba(6,31,60,1) 0%,rgba(2,34,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061f3c', endColorstr='#022249',GradientType=0 );
*/
background: rgb(2, 34, 73);
background: -moz-linear-gradient(top, rgba(2, 34, 73, 1) 0%, rgba(5, 43, 89, 1) 44%, rgba(5, 43, 89, 1) 100%);
background: -webkit-linear-gradient(top, rgba(2, 34, 73, 1) 0%, rgba(5, 43, 89, 1) 44%, rgba(5, 43, 89, 1) 100%);
background: linear-gradient(to bottom, rgba(2, 34, 73, 1) 0%, rgba(5, 43, 89, 1) 44%, rgba(5, 43, 89, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#022249', endColorstr='#052b59', GradientType=0);
transform: translateX(0%) translateY(0);
-webkit-transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
will-change: height;
}
#topbar:after {
position: absolute;
left: 50%;
bottom: -3px;
transform: translateX(-50%) translateY(0);
width: 100%;
height: 3px;
background: #fff;
content: '';
opacity: 1;
-webkit-transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1080px) {
#topbar {
height: 80px;
}
#topbar:after {}
}
@media (max-width: 640px) {
#topbar {}
#topbar {}
#topbar:after {}
}
#topbar .row {
display: block;
height: 100%;
position: relative;
}
.scrolled #topbar {
position: fixed;
top: -8px;
}
.scrolled #topbar:after {}
@media (max-width: 1080px) {
.scrolled #topbar {
position: absolute;
top: 50px;
}
}
/* Hitma Title */
.hitma-title {
position: absolute;
top: 10px;
right: 0px;
color: #fff;
font-size: 1.9rem;
opacity: 0.6;
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/*
.hitma-title:hover {
color: #fff;
opacity: 1;
}
*/
.scrolled #topbar .hitma-title {
opacity: 0;
visibility: hidden;
}
@media (max-width: 1080px) {
.hitma-title {
position: absolute;
top: 4px;
font-size: 1.6rem;
}
}
@media (max-width: 970px) {
.hitma-title {
position: absolute;
top: 20px;
right: 70px;
font-size: 1.6rem;
}
}
@media (max-width: 640px) {
.hitma-title {
position: absolute;
top: 25px;
right: 80px;
font-size: 1.3rem;
}
}
@media (max-width: 400px) {
.hitma-title {
position: absolute;
top: 27px;
right: 80px;
font-size: 1rem;
}
}
@media (max-width: 374px) {
.hitma-title {
position: absolute;
top: 30px;
right: 80px;
font-size: 14px;
}
}
#top-nav {
position: absolute;
bottom: 5px;
left: 0;
transform: translateX(13px) translateY(0%);
width: 100%;
text-align: right;
padding-left: 140px;
}
#top-nav .menu li a {
position: relative;
font-size: 18px;
font-weight: normal !important;
color: rgba(255, 255, 255, 0.6);
padding: 0.66rem 1rem 0.7rem;
margin: 0 0 0 0rem;
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
text-transform: lowercase;
}
#top-nav .menu li a a{
text-transform: none;
}
/*
#top-nav .menu li a:before {
position: absolute;
top: 50%;
left: 50%;
width:14px;
height:14px;
background: #094fa3;
border: 2px solid #fff;
content:'';
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(0);
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#top-nav .menu li a:hover:before {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(20px);
}
*/
#top-nav .menu li a:hover {
color: #fff;
}
#top-nav .dropdown.menu>li.is-dropdown-submenu-parent>a {
padding-right: 1.5rem;
margin-right: 0.5rem;
}
#top-nav .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
/*
border: inset 4px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: rgba(255, 255, 255, 0.24) transparent transparent;
right: 2px;
*/
margin-top: 0;
line-height: 1;
top: 12px;
right: 17px;
border: 0;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f103";
transform: scaleY(0.8);
}
#top-nav .dropdown.menu>li.is-dropdown-submenu-parent>a:hover {
font-weight: 400 !important;
}
#top-nav .menu li.is-active a {
color: #fff;
background: transparent;
}
#top-nav .menu li.is-active a:before {
background: #094fa3;
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(20px);
z-index: 99;
}
#top-nav .menu li a.button {
color: #fff;
font-weight: 700;
}
/* Dropdown */
#top-nav .menu li ul {
border: 0px solid #fff !important;
text-align: left;
border-radius: 10px;
padding: 0rem 0;
margin-top: 8px;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.34);
}
#top-nav .menu li ul li a {
font-size: 0.96rem;
color: rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#top-nav .menu li ul li a:hover {
font-size: 0.96rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.15);
}
#top-nav .menu li ul li:first-child a {
border-radius: 10px 10px 0 0;
padding-top: 1rem;
}
#top-nav .menu li ul li:last-child a {
padding-bottom: 1rem;
bordeR: 0;
border-radius: 0 0 10px 10px;
}
#top-nav .menu li ul li a:before {
display: none;
}
@media (max-width: 1100px) {
#top-nav .menu li a {
font-size: 16px;
}
}
@media (max-width: 970px) {
#top-nav {
display: none;
}
}
.header-placeholder {
display: block;
height: 110px;
}
.header-wrapper {
overflow: hidden;
}
.header-wrapper .header-content {
/* padding-top: 14rem; */
}
/* Sticky Magellan Navigation */
.sticky {
width: 100%;
display: block;
}
#header-nav {
position: relative;
top: 0;
width: 100%;
height: 60px;
z-index: 99;
}
.page-detail #header-nav {
margin-top: -60px;
}
#header-nav .button {
margin-left: 1rem;
}
@media (max-width: 1100px) {
#header-nav .button {
margin-left: 0rem;
}
}
@media (max-width: 640px) {
#header-nav {
position: relative;
display: none;
}
}
#header-nav .sticky {
background: rgba(17, 27, 54, 1);
padding: 0.5rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.page-detail #header-nav .sticky {
background: rgba(17, 27, 54, 0.96);
}
#header-nav .sticky.is-stuck {
background: rgba(17, 27, 54, 0.96);
}
#header-nav .menu.float-left {
border-left: 1px solid rgba(255, 255, 255, 0.13);
margin-left: 2rem;
padding-left: 1rem;
}
#header-nav .menu a {
position: relative;
font-weight: 400;
color: rgba(255, 255, 255, 0.6);
background: rgba(0, 0, 0, 0);
border: 0px solid rgba(0, 0, 0, 0.08);
margin: 0 15px;
border-radius: 2px;
padding: 0.8rem;
padding-left: 0;
padding-right: 0;
}
#header-nav .menu.float-left {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
}
#header-nav .menu li a:before {
position: absolute;
top: 50%;
left: -1px;
width: 100%;
height: 3px;
background: #094fa3;
content: '';
opacity: 0;
visibility: hidden;
transform: translateX(0px) translateY(0);
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#header-nav .menu a:hover {
color: #fff;
}
/*
#header-nav .menu li a:hover:before {
opacity: 1;
visibility: visible;
transform: translateX(0px) translateY(15px);
}
*/
#header-nav .menu a.active {
font-weight: 400;
color: #094fa3;
}
/*
#header-nav .menu a.active:before {
background: #f7a616;
opacity: 1;
visibility: visible;
transform: translateX(0px) translateY(15px);
}
*/
.page-detail #header-nav .sticky .button.with-arrow.back {
visibility: hidden;
opacity: 0;
}
.page-detail #header-nav .sticky.is-stuck .button.with-arrow.back {
visibility: visible;
opacity: 1;
}
/*
---------------------------
LOGO
---------------------------
*/
.logo {
position: absolute;
bottom: 50%;
left: 0.7rem;
transform: translateX(0px) translateY(65%);
margin: 0;
width: 120px;
height: 120px;
background: url('/addthemes/hitma/images/logo-hitma.svg') no-repeat center center;
background-size: contain;
z-index: 100;
/* box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3); */
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.logo:hover {
transform: translateX(0px) translateY(68%);
}
.logo-icon {
position: absolute;
bottom: 0;
left: 0.8rem;
width: 60px;
height: 60px;
transform: translateX(0px) translateY(30%);
background: url('/addthemes/hitma/images/logo-hitma.svg') no-repeat center center;
background-size: contain;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
visibility: hidden;
opacity: 0;
z-index: 100;
/* box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3); */
}
.scrolled .logo {
visibility: hidden;
opacity: 0;
}
.scrolled .logo-icon {
visibility: visible;
opacity: 1;
}
@media (max-width: 1080px) {
.logo {
width: 94px;
height: 94px;
transform: translateX(0px) translateY(75%);
}
.logo-icon {
width: 40px;
height: 40px;
}
.scrolled .logo {
visibility: visible;
opacity: 1;
}
.scrolled .logo-icon {
visibility: hidden;
opacity: 0;
}
}
@media (max-width: 970px) {
.logo {
left: 0.9rem;
}
}
@media (max-width: 400px) {
.logo {
width: 74px;
height: 74px;
transform: translateX(0px) translateY(75%);
}
}
/*
---------------------------
BREADCRUMBS
---------------------------
*/
.breadcrumbs-wrapper {
display: block;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.breadcrumbs {
display: block;
padding: 0 0rem;
padding-left: 148px;
overflow: hidden;
margin-left: 1rem;
list-style: none;
border-style: solid;
border-width: 0px;
background: none !important;
border-color: rgba(0, 0, 0, 0.04);
border-radius: 0px;
}
.breadcrumbs>* a {
color: #abadae;
text-transform: none;
font-weight: 400;
font-size: 0.86rem;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.breadcrumbs>* a:hover {
color: #022249;
text-decoration: none;
}
.breadcrumbs>* a i {
color: #abadae;
}
.breadcrumbs>* a:hover i {
color: #022249;
}
.breadcrumbs li:not(:last-child):after,
.dashboard-breadcrumbs .breadcrumbs li:first-child:before {
color: #a9acad;
content: "\f105";
margin: 0 .75rem;
position: relative;
top: 1px;
opacity: 1;
font-size: 0.86rem;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.breadcrumbs .current a {
color: #628fc6;
}
.breadcrumbs {
margin-bottom: 0;
}
@media (max-width: 640px) {
.breadcrumbs-wrapper {
display: none;
}
}
/*
---------------------------
COVER
---------------------------
*/
.cover-slider-container {
display: block;
width: 100%;
min-height: 100px;
position: relative;
margin-bottom: 0px;
}
.section-boxed .cover-slider-container {
max-width: 84em;
margin: 20px auto;
}
.cover-slides {
position: relative;
/* z-index: 2; */
margin: 0 !important;
}
.cover-slides .slick-list {}
.cover-slide {
position: relative;
}
.cover-height-small .cover-slide {
height: 300px !important;
}
.cover-height-medium .cover-slide {
min-height: 380px !important;
height: 50vh !important;
max-height: 420px !important;
}
.cover-height-large .cover-slide {
min-height: 470px !important;
height: 70vh !important;
max-height: 470px !important;
}
.cover-height-full .cover-slide {
min-height: 600px;
height: calc(100vh - 160px) !important;
/* max-height: 800px !important; */
}
.cover-height-fullmax .cover-slide {
min-height: 400px;
height: calc(100vh - 160px) !important;
max-height: 500px;
margin-bottom: 50px;
}
@media (max-width: 1080px) {
.cover-height-large .cover-slide {
min-height: 400px !important;
height: 70vh !important;
max-height: 400px !important;
}
}
@media (max-width: 640px) {
.cover-height-large .cover-slide {
min-height: 500px !important;
height: 70vh !important;
max-height: 500px !important;
}
.cover-height-fullmax .cover-slide {
min-height: 400px !important;
height: calc(100vh - 160px) !important;
max-height: 600px !important;
margin-bottom: 50px;
}
}
/* Cover background image */
.bg-cover-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-position: 50% 50%; */
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
}
.with-heading-image-left .bg-cover-image {}
/* Reapeat */
.bg-cover-image.bg-repeat {
background-position: top left;
background-repeat: repeat;
background-size: 67px auto;
}
/* CAPTION */
.cover-caption {
position: absolute;
display: block;
width: 100%;
z-index: 99999 !important;
}
.cover-caption.z-index-bottom {
z-index: 4 !important;
}
.cover-heading {
position: relative;
padding: 2rem;
padding-left: 0;
}
.cover-height-small .cover-heading {
padding: 2rem 2rem 1rem 0;
}
.cover-caption.caption-top-center .cover-heading {
position: relative;
padding: 2rem;
padding-top: 6rem;
margin:auto;
}
.cover-heading.with-bg {
padding: 2rem;
}
.cover-heading-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
opacity: 0.9;
}
.cover-heading-image {
position: absolute;
right: 110%;
bottom: -1px;
width: 570px;
max-width: 570px;
z-index: 9999 !important;
}
.with-video .cover-heading-image {
display: none;
}
.cover-video-overlay-back {
position: absolute;
top: 15%;
right: 17%;
width: 30%;
max-width: 580px;
height: 230px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: 6;
}
.cover-video-overlay-front {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom right;
z-index: 7;
}
.with-overlay-background {
position: absolute;
top: 0;
left: -30px;
width: 3000px;
height: 100%;
opacity: 0.7;
z-index: -1;
}
.cover-heading-video {
position: absolute;
right: 135%;
bottom: 0px;
width: 400px;
max-width: 400px;
height: 400px;
z-index: 3 !important;
}
.cover-heading-video-full {
position: absolute;
right: 0;
bottom: 0px;
width: 100%;
max-width: 100%;
height: 100%;
z-index: 3 !important;
}
.cover-height-fullmax .cover-slide .cover-heading-video-full {
height: calc(100% - 50px);
bottom: 50px;
overflow: hidden;
}
.cover-heading-video-full video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
.cover-video {
padding-top: 50px;
width: 100%;
position: relative;
}
.cover-video video {
width: 100%;
display: block;
}
.cover-video .controls {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
display: flex;
align-items: center;
}
.cover-video .controls .control {
background-color: rgba(0, 76, 166, 0.75);
/* 0, 76, 166 */
color: white;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
border-radius: 50%;
padding: 0;
cursor: pointer;
margin-right: 18px;
}
.cover-video .controls .control [class^="icon-"],
.cover-video .controls .control [class*=" icon-"] {
line-height: 48px;
}
.cover-video .controls .playpause.control .icon-play {
display: none;
padding-left: 4px;
}
.cover-video .controls .playpause.control.paused .icon-play {
display: inline;
}
.cover-video .controls .playpause.control.paused .icon-pause {
display: none;
}
.cover-video .controls .seekbar {
width: calc(100% - 84px);
height: 13px;
position: relative;
cursor: pointer;
}
.cover-video .controls .seekbar .track {
position: absolute;
top: 5px;
left: 0;
width: 100%;
height: 3px;
background-color: rgba(1, 21, 46, 0.5);
transition: width .2s linear;
}
.cover-video .controls .seekbar .seek {
position: absolute;
top: 5px;
left: 0;
width: 0;
height: 3px;
background-color: rgba(255, 255, 255, 0.5);
opacity: 0;
transition: opacity .2s;
}
.cover-video .controls .seekbar:hover .seek {
opacity: 1;
}
.cover-video .controls .seekbar .progress {
position: absolute;
top: 5px;
left: 0;
width: 0;
height: 3px;
background-color: #004CA6;
transition: width .2s linear;
}
.cover-video .controls .seekbar .handle {
position: absolute;
top: -6px;
left: 0;
margin-left: -6px;
width: 25px;
height: 25px;
background: center center / 25px 25px no-repeat url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxMi41IiByPSI2LjUiIGZpbGw9IiMwMDRDQTYiIC8+PC9zdmc+");
opacity: 0;
transition: opacity .2s, left .2s linear;
cursor: grab;
}
body._dragging .cover-video .controls .seekbar .handle,
body._dragging .cover-video .controls .seekbar .progress {
transition: none;
}
.cover-video .controls .seekbar:hover .handle {
opacity: 1;
}
.cover-heading-intro {
font-weight: 500;
display: block;
margin-bottom: 15px;
font-size: 1rem;
color: #f7a616;
padding-left: 3px;
letter-spacing: 3px;
text-transform: uppercase;
position: relative;
z-index: 4 !important;
}
.cover-heading-title {
font-size: 3.6rem;
line-height: 1.2;
position: relative;
z-index: 4 !important;
}
.cover-heading-title.title-small {
font-size: 2rem;
}
.cover-heading-title.title-medium {
font-size: 3.6rem;
}
.cover-heading-title.title-large {
font-size: 4rem;
}
.cover-heading-title.title-huge {
line-height: 1.1;
font-weight: 700;
font-size: 4.2rem;
}
.cover-heading-lead {
padding-top: 10px;
}
.cover-heading-lead p {
font-size: 1.1rem;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .cover-heading-lead p {
color: rgba(255, 255, 255, 0.8) !important;
}
.cover-heading-quote {
padding-top: 10px;
}
.cover-heading-quote p {
font-size: 2rem;
line-height: 1.4;
color: #001129
}
.cover-heading-quote p cite {
font-size: 1rem;
line-height: 1.4;
color: #001129
}
/* Buttons */
.cover-heading-buttons.absolute-bottom {
position: absolute;
left:0;
bottom: -50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 7;
}
.cover-heading-buttons.absolute-bottom .button {
border: 3px solid #fff;
}
.cover-heading-buttons.absolute-bottom .button:nth-of-type(2) {
background-color: #f7a616;
color: #fff;
}
.cover-heading-buttons.absolute-bottom .button:nth-of-type(1) {
background-color: #c20000;
color: #fff;
}
.cover-heading-buttons.absolute-bottom .button:nth-of-type(3) {
background-color: #a4c838;
color: #fff;
}
.cover-heading .button {
margin-top: 2rem;
position: relative;
z-index: 4 !important;
}
.cover-heading-buttons .button {
margin: 1.5rem 1rem;
}
.cover-heading-buttons .button {
margin: 1.5rem 0.5rem;
}
@media (max-width: 1080px) {
.with-video .cover-heading-image {
display: block;
}
.cover-heading-video {
display: none;
}
.cover-heading-image {
position: absolute;
right: 110%;
bottom: -24px;
width: 550px;
max-width: 550px;
z-index: 9999 !important;
}
.cover-heading-title {
font-size: 2.8rem;
}
.cover-heading-title.title-large {
font-size: 3rem;
}
.cover-video {
padding-top: 20px;
}
}
@media (max-width: 970px) {
.cover-heading-image {
position: absolute;
right: 110%;
bottom: -50px;
width: 450px;
max-width: 450px;
z-index: 9999 !important;
}
.cover-heading-title {
font-size: 2.8rem;
}
.cover-caption.caption-bottom-right .cover-heading-title {
font-size: 2.2rem;
}
.cover-heading-buttons.absolute-bottom {
position: absolute;
left:0;
bottom: -30px;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
z-index: 7;
}
.cover-heading-buttons.absolute-bottom .button {
width: auto;
font-size: 16px;
margin: 0 0 5px;
}
}
@media (max-width: 640px) {
.cover-video-overlay-back {
position: absolute;
top: auto;
bottom: 8vh;
right: 10vw;
width: 45vw;
height: 40%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: 6;
}
.cover-video-overlay-front {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 190% auto;
background-position: bottom right;
z-index: 7;
}
.cover-height-fullmax .cover-slide .cover-heading-video-full {
height: calc(100% - 30px);
bottom: 30px;
overflow: hidden;
}
.cover-caption {
overflow: hidden;
}
.cover-caption.z-index-bottom {
margin-top: -50px !important;
}
.cover-heading {
padding-left: 1rem;
padding-right: 1rem;
}
.cover-heading.text-center {
position: relative;
padding: 1rem;
padding-left: 1rem;
}
.cover-heading-image {
position: absolute;
right: 15%;
bottom: -18px;
width: 430px;
max-width: 430px;
z-index: -1 !important;
}
.cover-heading-title {
font-size: 1.8rem;
}
.cover-heading-title.title-medium {
font-size: 2.4rem;
}
.with-heading-image-left .cover-caption.caption-bottom-right {
padding-left: 4rem;
}
.with-heading-image-left .cover-heading {
padding-top: 0;
padding-left: 20px;
padding-bottom: 200px !important
}
.cover-caption.caption-bottom-right .cover-heading-title {
font-size: 2rem;
}
.cover-heading-buttons .button {
margin: 1rem 0rem 0;
width: 100%;
font-size: 1.1rem;
}
.cover-heading-quote {
padding-top: 10px;
}
.cover-heading-quote p {
font-size: 1.250rem;
line-height: 1.4;
color: #001129
}
.cover-heading-quote p cite {
font-size: 1rem;
line-height: 1.4;
color: #001129
}
}
@media (max-width: 400px) {
.with-heading-image-left .cover-caption.caption-bottom-right {
padding-left: 3rem;
}
.cover-caption.caption-bottom-right .cover-heading-title {
font-size: 1.8rem;
}
.with-heading-image-left .cover-heading {
padding-left: 10px;
padding-bottom: 250px !important;
}
.cover-heading-image {
position: absolute;
right: 8%;
bottom: -30px;
width: 430px;
max-width: 430px;
z-index: -1 !important;
}
.cover-heading .button {
margin-top: 1rem;
}
.cover-heading .button.with-arrow-right {
padding-right: 2.5rem;
}
.cover-heading-title.title-medium {
font-size: 1.8rem;
}
.cover-heading-title.title-large {
font-size: 2.2rem;
}
}
@media (max-width: 340px) {
.with-heading-image-left .cover-caption.caption-bottom-right {
padding-left: 1rem;
}
.with-heading-image-left .cover-heading {
padding-left: 0px;
padding-bottom: 230px !important
}
.cover-caption.caption-bottom-right .cover-heading-title {
font-size: 1.6rem;
}
.cover-heading-image {
position: absolute;
right: 20%;
bottom: -18px;
width: 320px;
max-width: 320px;
z-index: -1 !important;
}
}
/* Align Left */
.cover-caption.caption-top-left {
top: 200px;
left: 0;
}
.cover-caption.caption-center-left {
top: 50%;
left: 0;
transform: translateX(0%) translateY(-50%);
}
.cover-caption.caption-bottom-left {
bottom: 100px;
left: 0;
}
.cover-height-small .cover-caption.caption-bottom-left {
bottom: 10px;
}
.cover-height-medium .cover-caption.caption-bottom-left {
bottom: 50px;
}
/* Align Center */
.cover-caption.caption-top-center {
top: 0;
left: 50%;
transform: translateX(-50%) translateY(0%);
text-align: center;
}
.cover-caption.caption-center-center {
text-align: center;
top: 50%;
left: 0%;
transform: translateX(0%) translateY(-50%);
}
.cover-caption.caption-bottom-center {
bottom: 0;
left: 0;
text-align: center
}
/* Align Right */
.cover-caption.caption-top-right {
top: 100px;
left: 0;
}
.cover-caption.caption-center-right {
top: 50%;
right: 0;
transform: translateX(0%) translateY(-50%);
}
.cover-caption.caption-bottom-right {
bottom: 0px;
right: 0;
}
.cover-caption.caption-bottom-right .cover-heading {
padding-bottom: 5rem;
}
.cover-caption.caption-top-right .columns,
.cover-caption.caption-center-right .columns,
.cover-caption.caption-bottom-right .columns {
float: right;
}
.cover-slider-container .slick-slider .slick-arrow {
background-color: transparent;
width: 80px;
top: 50%;
color: #fff !important
}
.cover-slider-container .slick-prev:before,
.cover-slider-container .slick-next:before {
color: #fff;
font-size: 2.4rem;
}
/* DOTS */
.cover-slider-container .slick-slider .slick-dots {
bottom: 20px;
}
/* Heading Search */
.cover-heading-search {
display: inline-block;
width: 70%;
margin: auto;
margin-top: 2rem;
position: relative;
}
.cover-heading-search input {
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.6);
border-radius: 100px;
height: 76px;
box-shadow: none !important;
color: #fff;
font-size: 1.8rem;
padding-left: 2rem;
font-weight: 900 !important;
margin: 0;
}
.cover-heading-search input:focus {
border: 2px solid rgba(255, 255, 255, 1);
background: transparent;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.35) !important;
}
.cover-heading-search input+label {
position: absolute;
top: 50%;
width: 100%;
transform: translateX(0%) translateY(-50%);
left: 0rem;
color: #fff;
margin: 0;
padding: 0 0 0 30px;
font-size: 1.8rem;
font-weight: 700 !important;
line-height: 1;
text-align: left;
z-index: -1;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.cover-heading-search input:focus+label,
.cover-heading-search input.filled+label {
transform: translateX(0%) translateY(-220%) scale(0.5);
}
.cover-heading-search .search-button {
position: absolute;
top: 4px;
right: 4px;
margin: 0;
width: 68px;
height: 68px;
border-radius: 100px;
color: rgba(255, 255, 255, 0.68);
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.cover-heading-search .search-button i {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-60%);
font-size: 2.2rem;
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.search-button:hover {
color: #fff;
}
.cover-heading-search input:focus+.search-button {
transform: scale(0.5);
}
@media (max-width: 640px) {
.cover-heading-search {
display: inline-block;
width: 100%;
margin: auto;
margin-top: 2rem;
position: relative;
}
.cover-heading-search input {
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.6);
border-radius: 100px;
height: 60px;
box-shadow: none !important;
color: #fff;
font-size: 1.2rem;
padding-left: 1.5rem;
margin: 0;
}
/*
.cover-heading-search input + label {
font-size: 1.2rem;
}
*/
.cover-heading-search input:focus+label {
transform: translateX(0%) translateY(-250%) scale(0.7);
}
.cover-heading-search .search-button i {
font-size: 1.6rem;
transform: translateX(-50%) translateY(-80%);
}
}
@media (max-width: 400px) {
.cover-heading-search .search-button i {
font-size: 1.1rem;
transform: translateX(-50%) translateY(-90%);
}
}
@media (max-width: 360px) {
.cover-heading-search input {
font-size: 1rem;
}
/*
.cover-heading-search input + label {
font-size: 1rem;
text-align: left;
padding-left:1rem;
}
*/
.cover-heading-search input:focus+label {
transform: translateX(0%) translateY(-290%) scale(0.8);
padding-left: 0;
text-align: center;
}
/*
.cover-heading-search .search-button i {
font-size: 1rem;
transform: translateX(-50%) translateY(-90%);
}
*/
}
/*
---------------------------
SECTION TITLES
---------------------------
*/
.section-video {
padding-top: 20px !important;
padding-bottom: 0 !important;
}
.video-wrapper {
width: 100%;
height: calc(100% + 20px);
text-align: center;
position: relative;
background: #001129;
z-index: 1;
}
.video-wrapper div {
width: 100%;
max-width: 1440px;
margin: auto;
position: relative;
}
.video-wrapper div:before,
.video-wrapper div:after {
position: absolute;
top:0;
bottom:0;
content:'';
width: 40px;
background: #001129;
z-index: 88;
}
.video-wrapper div:before {
left: -30px;
}
.video-wrapper div:after {
right:-30px;
}
.video-wrapper video {
width: 100%;
max-width: 1440px;
transform: scale(1.03);
}
.video-caption {
position: absolute;
width: 100%;
top: 12%;
z-index: 3;
}
@media (max-width: 970px) {
.section-video {
padding-top: 20px !important;
padding-bottom: 0 !important;
}
.video-caption {
position: relative;
width: 100%;
top: 0%;
padding-top: 30px;
background: #001129;
z-index: 3;
}
}
.section-title-wrapper {
padding-left: 0rem;
overflow: hidden;
}
.section-title-wrapper.text-center {
padding-left: 0rem;
}
.section-icon {
display: inline-block;
width: 48px;
height: 46px;
line-height: 52px;
border-radius: 5px;
font-size: 2.1rem;
text-align: left;
margin-bottom: 1.5rem;
}
.section-intro {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-style: italic;
display: block;
margin-bottom: 10px;
font-size: 1.4rem;
color: #9197a0;
padding-left: 3px;
letter-spacing: 0px;
text-transform: none;
}
.section-intro.option1 {}
.section-intro.option2 {
font-family: 'Open Sans', sans-serif;
font-style:italic;
padding-left: 0px;
letter-spacing: 0px;
text-transform: none;
font-size: 1.4rem;
}
.section-intro.option3 {
font-family: 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', 'Garamond', 'Times New Roman', serif;
font-weight: 700;
font-style: italic;
padding-left: 0px;
letter-spacing: 0px;
text-transform: none;
font-size: 1.3rem;
}
.section-title-wrapper.text-center .section-intro {
padding-left: 0px;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-secondary) .section-intro {
color: rgba(255, 255, 255, 0.7) !important;
}
.section-title {
position: relative;
font-size: 2.2rem;
display: block;
}
.section-title span {
display: inline-block;
position: relative;
}
.section-title span:before,
.section-title span:after {
content: "";
position: absolute;
height: 1px;
background: #022249;
top: 1.3rem;
width: 800px;
opacity: 0.3;
}
.section-title span:before {
right: 100%;
margin-right: 25px;
}
.section-title span:after {
left: 100%;
margin-left: 25px;
}
.focus-break strong {
display: block;
}
.section-title.title-small {
font-size: 2rem;
}
.section-title.title-medium {
font-size: 2.4rem;
}
.section-title.title-large {
line-height: 1.1;
font-size: 3rem;
}
.section-title.title-huge {
line-height: 1.1;
font-size: 4.2rem;
}
.section-subtitle {
font-size: 1.6rem;
color: #6b6b71;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-secondary) .section-title {
color: rgba(255, 255, 255, 1) !important;
}
.section-lead {
display: block;
padding-top: 1rem;
}
.text-center .section-lead {
margin: auto;
max-width: 800px;
}
.text-center .section-lead.landinglead {
margin: auto;
max-width: 970px;
position: relative;
z-index: 3;
}
.section-lead p {
color: #022249;
font-weight: 500;
font-size: 1.2rem;
}
.video-caption .section-lead {
padding-top: 0px;
}
.video-caption .section-lead p {
font-size: 1.125rem;
}
/* Buttons */
.section-buttons .button {
margin: 1rem 0.3rem;
}
.section-buttons.blog-filters {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
}
.section-buttons.blog-filters h4 {
padding-top: 5px;
margin-right: 20px;
}
@media (max-width: 1100px) {
.section-title.title-large {
font-size: 2.8rem;
}
}
@media (max-width: 940px) {
.section-title.title-huge {
font-size: 3.2rem;
}
#introduction .section-lead {
padding-left: 1rem;
}
.section-buttons.blog-filters {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-bottom: 10px;
}
.section-buttons.blog-filters h4 {
align-self: stretch;
}
.video-caption .section-title {
font-size: 26px !important;
}
}
@media (max-width: 640px) {
.section-title-wrapper {
padding-left: 0rem;
padding-right: 1.5rem;
}
.section-title-wrapper.text-center {
padding-left: 1rem;
padding-right: 1rem;
}
.section-intro {
font-size: .86rem;
}
.section-title.title-small {
font-size: 1.4rem;
line-height: 1.4;
}
.section-title.title-large {
line-height: 1;
font-weight: 700;
font-size: 2rem;
}
.section-title span:before,
.section-title span:after {
top: 14px;
}
.section-title span:before {
right: 100%;
margin-right: 10px;
}
.section-title span:after {
left: 100%;
margin-left: 10px;
}
.video-caption .section-title {
font-size: 22px !important;
}
.focus-break strong {
display: inline-block;
}
.section-lead {
padding-right: 0rem;
}
.section-lead p {
font-size: 1rem;
}
.video-caption .section-lead {
padding-top: 0px;
}
.video-caption .section-lead p {
font-size: 14px;
}
#blogfilters {
width: 100%;
display: flex;
justify-content: space-around;
}
.section-buttons .button {
padding-left: 0.86rem;
padding-right: 1.6rem;
margin: 0.1rem 0rem;
font-size: 0.76rem;
text-align: left;
}
.section-buttons .button i {
right: 12px;
font-size: 13px;
}
}
@media (max-width: 440px) {
#introduction .section-lead {
padding-left: 0.5rem;
}
}
.section-title-more {
position: absolute;
top: 50%;
right: 1rem;
transform: translateX(0px) translateY(-50%);
}
.section-title-more:hover {}
.section-button {
margin-top: 1rem;
}
.section-button span {
display: inline-block;
margin-right: 5px;
}
/*
.section-button i {
position: relative;
font-size: 94%;
}
*/
.section-footer {
padding: 1rem 0 1rem;
}
.bg-section {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
/* Section background image */
.bg-section-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-position: 50% 50%; */
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
}
.bg-height-10 { height: 10%; }
.bg-height-20 { height: 20%; }
.bg-height-30 { height: 30%; }
.bg-height-40 { height: 40%; }
.bg-height-50 { height: 50%; }
.bg-height-60 { height: 60%; }
.bg-height-70 { height: 70%; }
.bg-height-80 { height: 80%; }
.bg-height-90 { height: 90%; }
.bg-height-100 { height: 100%; }
@media (max-width: 640px) {
.bg-height-10 { height: 20%; }
.bg-height-20 { height: 30%; }
.bg-height-30 { height: 40%; }
.bg-height-40 { height: 55%; }
.bg-height-50 { height: 60%; }
.bg-height-60 { height: 75%; }
.bg-height-70 { height: 85%; }
.bg-height-80 { height: 90%; }
.bg-height-90 { height: 96%; }
.bg-height-100 { height: 100%; }
}
/* Shade */
.bg-section-shade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
z-index: 1;
}
.bg-section-shade.bottom {
opacity: 0.3;
}
/* Icon */
.bg-section-icon {
position: absolute;
top: 0;
left: 0;
right: 2rem;
bottom: 4rem;
background: url('/addthemes/hitma/images/icon.svg') no-repeat bottom right;
background-size: 52% auto;
opacity: 0.03;
z-index: -1;
}
.bg-section-icon.dark {
background-image: url('/addthemes/hitma/images/icon-dark.svg');
}
.bg-section-icon.light {
opacity: 0.02;
background-image: url('/addthemes/hitma/images/icon-white.svg');
}
/* Solid */
.bg-box-solid {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 2;
opacity: 1;
}
.bg-box-solid .row {
position: relative;
height: 100%;
}
.bg-box-solid .row .bg {
position: absolute;
width: 74.9%;
height: 100%;
background: -moz-linear-gradient(left, rgba(62, 91, 199, 1) 0%, rgba(62, 91, 199, 1) 38%, rgba(62, 91, 199, 0.82) 100%);
background: -webkit-linear-gradient(left, rgba(62, 91, 199, 1) 0%, rgba(62, 91, 199, 1) 38%, rgba(62, 91, 199, 0.82) 100%);
background: linear-gradient(to right, rgba(62, 91, 199, 1) 0%, rgba(62, 91, 199, 1) 38%, rgba(62, 91, 199, 0.82) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#094fa3', endColorstr='#d1094fa3', GradientType=1);
}
.bg-box-solid .row .bg:before {
position: absolute;
top: 0;
right: 100%;
content: '';
width: 100%;
height: 100%;
background: #094fa3;
}
/* Shades */
.shade-left:after,
.shade-right:after,
.shade-left-right:after {
position: absolute;
top: 0;
bottom: 0;
bottom: 0;
width: 100%;
height: 100%;
content: '';
z-index: 1;
opacity: 1;
}
.shade-right:after {
right: 0;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(2, 34, 73, 1) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(2, 34, 73, 1) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(2, 34, 73, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#022249', GradientType=1);
}
.shade-left:after {
left: 0;
background: -moz-linear-gradient(left, rgba(2, 34, 73, 1) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(left, rgba(2, 34, 73, 1) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(2, 34, 73, 1) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#022249', endColorstr='#00000000', GradientType=1);
}
.shade-left-right:after {
background: -moz-linear-gradient(left, rgba(2, 34, 73, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(2, 34, 73, 1) 100%);
background: -webkit-linear-gradient(left, rgba(2, 34, 73, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(2, 34, 73, 1) 100%);
background: linear-gradient(to right, rgba(2, 34, 73, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(2, 34, 73, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#022249', endColorstr='#022249', GradientType=1);
}
/*
-----------------------------
SECTION ACCORDION
-----------------------------
*/
.section-accordion .accordion {
background: transparent;
}
.section-accordion .accordion .accordion-title {
margin: 10px 0 0;
border-radius: 5px;
border: 0;
color: #022249;
padding: 1.5rem 1.5rem;
background: #fff;
font-size: 1.125rem;
line-height: 1.4;
border: 2px solid rgba(2, 35, 75, 0.1);
/* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.11); */
}
.section-accordion .is-active .accordion-title {
border-radius: 5px 5px 0 0;
border-color: rgba(2, 34, 73, 0.2);
color: #094fa3;
}
.section-accordion .accordion-title:focus,
.section-accordion .accordion-title:hover {
background-color: #fff !important;
border-color: rgba(2, 34, 73, 0.2);
}
.section-accordion .accordion .accordion-content {
border-radius: 0 0 5px 5px;
border: 2px solid rgba(2, 35, 75, 0.2);
border-top: 0;
padding-left: 1.5rem;
}
.section-accordion .accordion-title:before {
right: 1.2rem;
font-weight: 400;
font-size: 1rem;
margin-top: -0.5rem;
color: #f7a616;
font-family: icomoon;
content: "\f067"
}
.section-accordion .is-active .accordion-title:before {
content: "\f068";
}
@media (max-width: 970px) {
.section-accordion .accordion .accordion-content {
padding-left: 1.5rem;
}
}
@media (max-width: 640px) {
.section-accordion .accordion .accordion-title {
font-size: 1rem;
padding-right: 3.5rem;
}
}
/*
-----------------------------
SECTION FORM
-----------------------------
*/
.section-form.form-small {}
.section-form input,
.section-form textarea {
border-radius: 15px;
height: 48px;
padding-left: 15px;
margin: 0;
}
.section-form textarea {
height: 230px;
margin-bottom: 2rem;
}
.section-form select {
border-radius: 15px;
height: 48px;
padding-left: 15px;
background-position: right -0.4rem center;
}
.glow-green input,
.glow-green select,
.glow-green textarea,
.glow-green input:focus,
.glow-green select:focus,
.glow-green textarea:focus {
border-color: rgba(132, 218, 105, 0.6);
box-shadow: 0px 0px 5px 2px rgba(131, 217, 104, 0.6);
}
.glow-green input:focus,
.glow-green select:focus,
.glow-green textarea:focus {
box-shadow: 0px 0px 12px 2px rgba(131, 217, 104, 0.6);
}
.glow-red input,
.glow-red select,
.glow-red textarea,
.glow-red input:focus,
.glow-red select:focus,
.glow-red textarea:focus {
border-color: rgba(240, 49, 68, 0.6);
box-shadow: 0px 0px 5px 2px rgba(239, 48, 66, 0.6);
}
.glow-red input:focus,
.glow-red select:focus,
.glow-red textarea:focus {
box-shadow: 0px 0px 12px 2px rgba(239, 48, 66, 0.6);
}
.help-text {
color: #696a72;
font-style: normal;
}
.info-dot {
position: relative;
top: 3px;
display: inline-block;
width: 16px;
height: 16px;
border-radius: 30px;
margin-right: 10px;
}
.section-form .form-field-wrapper {
position: relative;
display: block;
margin-bottom: 10px;
}
.section-form .form-field-wrapper label {
display: block;
font-size: 14px;
/*
position: absolute;
top: 0%;
left: 0;
transform: translate(1rem, 50%);
*/
}
.section-form .form-field-wrapper .error {
margin-top: 5px;
display: block;
font-size: 12px;
color: #ed5656
}
/*
---------------------------
USP BOX
---------------------------
*/
.divided.row .column {
border-right: 2px solid #eee;
}
.divided.row .column:last-child {
border: 0;
}
.usp-box {
display: block;
position: relative;
padding: 3rem 1rem 3rem 1rem;
margin-bottom: 0rem;
}
/*
.usp-box:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
content: '';
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
*/
a.usp-box:hover:before {
/*
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
*/
}
.usp-box.bg-white:hover {
background: rgba(0, 0, 0, 0.04) !important;
}
.usp-box span {
display: block;
}
.usp-icon {
position: relative;
width: 48px;
height: 48px;
line-height: 1;
font-size: 1.6rem;
text-align: center;
border-radius: 100px;
/* transform: rotate(-45deg) */
}
.usp-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.usp-icon-medium {
width: 64px;
height: 64px;
font-size: 3rem;
}
.usp-icon-large {
width: 96px;
height: 96px;
font-size: 4rem;
}
/* Nmbers */
.usp-number {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 3rem;
font-weight: 700;
text-align: center;
border-bottom: 8px solid #f7a616
/* transform: rotate(-45deg) */
}
.usp-number-medium {
font-size: 5rem;
}
.usp-number-large {
font-size: 8rem;
}
.usp-section {
padding-top: 1rem;
}
.usp-title {
font-size: 1.3rem;
}
.usp-title.title-small {
font-size: 1rem;
}
.usp-title.title-medium {
font-size: 1.7rem;
}
.usp-title.title-large {
font-size: 2.2rem;
}
.usp-section .usp-lead {
padding-top: 1rem;
}
.usp-section .usp-lead p {
font-size: 0.96rem;
line-height: 1.6;
color: #696a72;
}
.usp-section .usp-button {
margin-top: 2rem;
}
/* Centered */
.text-center .usp-icon {
margin: auto;
}
.text-center .usp-section {
display: block;
padding: 1rem 1.5rem;
}
@media (max-width: 1080px) {
.text-center .usp-section {
display: block;
padding: 1rem 1rem;
}
}
@media (max-width: 970px) {
.text-center .usp-section {
display: block;
padding: 1rem 0rem;
}
.usp-title.title-medium {
font-size: 1.5rem;
}
}
@media (max-width: 640px) {
.usp-box {
margin-bottom: 1rem;
padding: 1rem 1rem 1rem 1rem;
}
.text-center .usp-section {
display: block;
padding: 1rem 0rem;
}
.usp-number {
font-size: 2rem;
font-weight: 700;
text-align: center;
border-bottom: 8px solid #f7a616
/* transform: rotate(-45deg) */
}
.usp-number-medium {
font-size: 3rem;
}
.usp-number-large {
font-size: 5rem;
}
}
/*
---------------------------
TEXT BOX
---------------------------
*/
.textbox {
padding: 0px 0;
position: relative;
margin-bottom: 30px;
min-height: 100px;
}
.textbox.with-border {
border-radius: 5px;
padding: 1rem 1rem 0.5rem;
border: 1px solid #e6e6e6;
}
a.textbox:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
border-radius: 5px;
content: '';
opacity: 0;
z-index: 0;
visibility: hidden;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
a.textbox:hover:before {
opacity: 1;
visibility: visible;
}
.textbox-image {
overflow: hidden;
position: relative;
display: block;
border-radius: 0px;
min-height: 30px;
}
.textbox-image a {
display: block;
}
.textbox-image-border {
display: block;
width: 100%;
height: 5px;
}
.textbox-image.round {
border-radius: 100%;
width: 120px;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
}
.textbox-image-extra {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem;
color: #fff;
font-weight: 700;
z-index: 1;
}
.textbox-image-extra:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: '';
opacity: 0.7;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
z-index: -1;
}
.textbox-image-extra i {
position: relative;
top: 6px;
font-size: 1.6rem;
margin-right: 5px;
}
a.textbox-image,
.textbox-image img {
position: relative;
}
.textbox-image:hover img,
.textbox-image a:hover img {}
.textbox-section {
position: relative;
display: block;
padding: 1rem 1rem 1rem 1rem;
z-index: 1;
}
.postblock .textbox-section {
padding: 1rem 1rem 0 0;
}
.textblock .textbox-section {
padding: 1rem 1rem 1rem 0rem;
}
.textbox-section .textbox-date {
font-size: 0.86rem;
display: block;
position: relative;
margin-left: 1px;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
}
.textbox-section .textbox-title {
line-height: 1.2;
}
.textbox-section .title-small {
font-size: 1.1rem;
}
.textbox-section .title-medium {
font-size: 1.5rem;
}
.textbox-section .title-large {
line-height: 1.2;
font-size: 2.2rem;
}
.textbox-section .title-huge {
line-height: 1.1;
font-size: 2.8rem;
}
.textbox-section .textbox-title a {
color: #022249;
position: relative;
}
.textbox-section .textbox-title a:hover {
color: #094fa3;
}
.textbox-section p {
font-size: 1rem;
}
.textbox-link {
font-size: 16px;
}
.textbox-link i {
right: 1.5rem !important;
font-size: 1.3rem !important;
}
/* Centered */
.text-center .textbox-section {
padding: 1rem 2.5rem;
}
/* Listing */
.textbox-list ul {
position: relative;
margin: 0px 0 0 0;
margin-bottom: 30px;
padding: 0;
list-style: none;
}
.textbox-list ul li {
font-size: 1rem;
position: relative;
padding: 0 0 0 0rem;
line-height: 1.5;
border-bottom: 1px solid rgba(4, 19, 31, 0.11);
}
.textbox-list ul li:last-child {
border: 0;
}
.textbox-list ul li a {
display: block;
padding: 0.5rem 0 0.5rem 0rem;
font-weight: 700;
}
.textbox-list ul li a:hover {}
.textbox-list ul li a:before {
position: absolute;
right: 0px;
top: 13px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: '\f101';
font-size: 1rem;
margin-right: 0px;
color: #f7a616;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 1;
}
.textbox-list ul li a:hover:before {
-webkit-transform: translate(5px, 0);
transform: translate(5px, 0);
}
@media (max-width: 970px) {
.textbox-section {
padding: 1rem 0rem;
z-index: 1;
}
.textbox-section .title-medium {
font-size: 1.2rem;
}
}
@media (max-width: 640px) {
.textbox.news .textbox-image {
float: right;
width: 33.33%;
margin-top: 20px;
}
.textbox-image-extra {
padding: 0.5rem;
}
.textbox-image-extra i {
font-size: 1.4rem;
}
}
/*
---------------------------
TEXT BLOCK
---------------------------
*/
#page-content {
background: white;
}
#content {
padding: 2rem 0rem 0 1rem;
}
#content.content-detail {
padding-top: 0 !important;
}
.large-12 #content {
padding: 2rem 0rem 0 0rem;
}
.medium-centered #content {
padding: 2rem 0rem 0 0rem;
}
.content-title {
display: block;
font-size: 2.4rem;
margin-bottom: 18px;
margin-top: 0.2rem;
line-height: 1.1;
color: #094fa3;
}
@media (max-width: 970px) {
#content {
padding: 2rem 0rem 0 0rem;
}
}
.textblock {
padding: 0.5rem 1rem 2rem 0;
position: relative;
z-index: 1;
}
.textblock.in-section-content {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
padding-right: 0;
}
.textblock.with-padding {
padding: 0.5rem 3rem;
}
.textblock-intro {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
display: block;
margin-bottom: 10px;
font-size: 0.86rem;
color: #9197a0;
padding-left: 2px;
letter-spacing: 2px;
text-transform: uppercase;
}
[class*=" bg-"]:not(.white):not(.light) .textblock-intro {
color: rgba(255, 255, 255, 0.4) !important;
}
.section-content.primary .textblock-intro,
.section-content.secondary .textblock-intro,
.section-content.color3 .textblock-intro,
.section-content.dark .textblock-intro {
color: rgba(255, 255, 255, 0.8) !important;
}
.textblock-title {
position: relative;
line-height: 1.2;
margin-bottom: 10px;
font-size: 1.8rem;
}
.textblock-title.title-small {
font-size: 1.3rem;
}
.textblock-title.title-medium {
font-size: 2.2rem;
}
.textblock-title.title-large {
font-size: 3rem;
}
.textblock-title span {
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .textblock-title {
color: rgba(255, 255, 255, 1) !important;
}
.textblock-subtitle {
font-size: 1.4rem;
}
.textblock-meta {
display: block;
padding-top: 1rem;
}
.textblock-meta p {
font-size: 0.86rem;
}
.textblock-lead {
padding-top: 10px;
}
.textblock-lead p {}
.textblock-lead.larger p {
font-size: 20px;
}
/* Author Introduction */
.textblock-author {
margin-top: 2rem;
}
.textblock-author .author-box {
padding: 1.5rem 1rem;
position: relative;
min-height: 180px;
margin-bottom: 3rem;
}
.textblock-author .author-box:before {
position: absolute;
top: 0;
left: -1rem;
width: calc(100% + 1rem);
height: 100%;
content: '';
background: #022249;
border-radius: 5px;
border-bottom: 6px solid #094fa3;
z-index: -1;
}
.textblock-author .author-image {
position: absolute;
bottom: 6px;
}
.textblock-author .author-box .textblock-title {
color: rgba(255, 255, 255, 1) !important;
}
.textblock-author .author-box .textblock-lead {
padding-left: 1rem;
position: relative;
}
.textblock-author .author-box .textblock-lead:before {
position: absolute;
top: 5px;
left: 0px;
content: '';
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgOTc1LjAzNiA5NzUuMDM2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NzUuMDM2IDk3NS4wMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNOTI1LjAzNiw1Ny4xOTdoLTMwNGMtMjcuNiwwLTUwLDIyLjQtNTAsNTB2MzA0YzAsMjcuNjAxLDIyLjQsNTAsNTAsNTBoMTQ1LjVjLTEuOSw3OS42MDEtMjAuNCwxNDMuMy01NS40LDE5MS4yICAgYy0yNy42LDM3LjgtNjkuMzk5LDY5LjEtMTI1LjMsOTMuOGMtMjUuNywxMS4zLTM2LjgsNDEuNy0yNC44LDY3LjEwMWwzNiw3NmMxMS42LDI0LjM5OSw0MC4zLDM1LjEsNjUuMSwyNC4zOTkgICBjNjYuMi0yOC42LDEyMi4xMDEtNjQuOCwxNjcuNy0xMDguOGM1NS42MDEtNTMuNyw5My43LTExNC4zLDExNC4zLTE4MS45YzIwLjYwMS02Ny42LDMwLjktMTU5LjgsMzAuOS0yNzYuOHYtMjM5ICAgQzk3NS4wMzYsNzkuNTk4LDk1Mi42MzUsNTcuMTk3LDkyNS4wMzYsNTcuMTk3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTEwNi4wMzYsOTEzLjQ5N2M2NS40LTI4LjUsMTIxLTY0LjY5OSwxNjYuOS0xMDguNmM1Ni4xLTUzLjcsOTQuNC0xMTQuMSwxMTUtMTgxLjJjMjAuNi02Ny4xLDMwLjg5OS0xNTkuNiwzMC44OTktMjc3LjUgICB2LTIzOWMwLTI3LjYtMjIuMzk5LTUwLTUwLTUwaC0zMDRjLTI3LjYsMC01MCwyMi40LTUwLDUwdjMwNGMwLDI3LjYwMSwyMi40LDUwLDUwLDUwaDE0NS41Yy0xLjksNzkuNjAxLTIwLjQsMTQzLjMtNTUuNCwxOTEuMiAgIGMtMjcuNiwzNy44LTY5LjQsNjkuMS0xMjUuMyw5My44Yy0yNS43LDExLjMtMzYuOCw0MS43LTI0LjgsNjcuMTAxbDM1LjksNzUuOEM1Mi4zMzYsOTEzLjQ5Nyw4MS4yMzYsOTI0LjI5OCwxMDYuMDM2LDkxMy40OTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
width: 36px;
height: 36px;
opacity: 0.1;
}
.textblock-author .author-box .textblock-lead p {
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 1.3rem;
color: rgba(255, 255, 255, 0.6) !important;
}
.textblock-button.is-abolute-bottom {
position: absolute;
bottom: 10px;
right: 0;
border: 3px solid #fff;
}
/* Social */
.author-social .title {
position: absolute;
bottom: -60px;
right: 10px;
font-size: 1.7rem;
line-height: 1;
color: #000;
transform: rotate(-9deg);
font-family: 'Caveat', cursive;
}
.author-social .title:after {
position: absolute;
top: 0px;
right: -65px;
width: 100px;
height: 50px;
content: '';
opacity: 0.6;
background: url('/addthemes/hitma/images/arrow-draw-primary2_1.svg') no-repeat center center;
background-size: contain;
transform: rotate(40deg);
z-index: 1;
}
.author-social {
position: absolute;
right: 1rem;
bottom: -30px;
display: block;
text-align: right;
}
.author-social ul {
display: inline-block;
margin: 0;
text-align: right;
}
.author-social ul li {
padding: 0;
display: inline-block;
}
.author-social ul li a {
position: relative;
width: 48px;
height: 48px;
line-height: 42px;
text-align: center;
font-size: 1.4rem;
padding: 0.2rem 0rem;
display: inline-block;
color: #022249;
background: #fff;
border-radius: 100px;
margin-right: 5px;
box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.3);
}
.author-social ul li a:hover {
color: #094fa3;
}
.author-social ul li a i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #022249;
}
@media (max-width: 640px) {
.textblock-author {
padding-right: 1.5rem !important;
}
.textblock-author .author-box:before {
position: absolute;
top: 0;
left: 0rem;
width: 100%;
height: 100%;
content: '';
background: #022249;
border-radius: 5px;
border-bottom: 6px solid #094fa3;
z-index: -1;
}
.textblock-author .author-box .textblock-lead p {
font-size: 1.1rem;
padding-right: 1rem;
}
.textblock-author .padding-right-huge {
padding-top: 2rem;
padding-right: 2rem !important;
}
.textblock-author .author-image {
position: absolute;
bottom: 6px;
right: 0;
overflow: hidden;
}
.textblock-author .author-image img {
position: relative;
left: 100px;
}
.author-social .title {
bottom: -40px;
right: 10px;
font-size: 1.4rem;
line-height: 1;
color: #000;
transform: rotate(-9deg);
font-family: 'Caveat', cursive;
}
.author-social .title:after {
position: absolute;
top: 0px;
right: -65px;
width: 100px;
height: 50px;
content: '';
opacity: 0.6;
background: url('/addthemes/hitma/images/arrow-draw-primary2_1.svg') no-repeat center center;
background-size: contain;
transform: rotate(40deg);
z-index: 1;
}
.textblock-lead.larger {
margin-bottom: 40px;
}
.textblock-lead.larger p {
font-size: 16px;
}
}
@media (max-width: 400px) {
.textblock-author .author-box .textblock-lead p {
font-size: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 340px) {
.textblock-author .author-image img {
position: relative;
left: 120px;
max-width: 90%;
}
}
.textblock-content p {}
.textblock-content dl {
padding: 0 1rem;
}
.textblock-content dl dt {
font-family: 'Open Sans', sans-serif;
padding-top: 1rem;
position: relative;
font-weight: 500;
}
.textblock-content dl dt:before {
position: absolute;
top: 1.1rem;
left: -1rem;
content: '\f105';
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #628fc6;
font-size: 1.1rem;
}
/* With Lines */
.textblock-content dl.with-lines dt:before {
top: 1rem;
left: 0rem;
}
.textblock-content dl.with-lines dt {
border-top: 1px solid #eee;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 0;
font-size: 0.96rem;
line-height: 1.4;
}
.textblock-content dl.with-lines dt:first-child {
border: 0;
}
@media (max-width: 1100px) {
.textblock-title.title-large {
font-size: 2.6rem;
}
}
@media (max-width: 970px) {
.textblock.with-padding {
padding: 0.5rem 1rem;
}
.textblock.padding-top-small {
padding-top: 0 !important
}
.textblock-title.title-medium {
font-size: 1.8rem;
}
}
@media (max-width: 640px) {
.textblock {
padding-right: 0;
}
.textblock-intro {
margin-bottom: 10px;
}
.textblock-title.title-medium {
font-size: 1.6rem;
}
}
@media (max-width: 400px) {
.textblock-title.title-medium {
font-size: 1.4rem;
}
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .textblock-lead p {
color: rgba(255, 255, 255, 0.7) !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .textblock-content p {
color: rgba(255, 255, 255, 0.7) !important;
}
.section-content.primary .textblock-lead p,
.section-content.secondary .textblock-lead p,
.section-content.color3 .textblock-lead p,
.section-content.dark .textblock-lead p {
color: rgba(255, 255, 255, 0.8) !important;
}
.section-content.primary .textblock-content p,
.section-content.secondary .textblock-content p,
.section-content.color3 .textblock-content p,
.section-content.dark .textblock-content p {
color: rgba(255, 255, 255, 0.8) !important;
}
/* Quotyy */
.textblock blockquote {
float: left;
max-width: 100%;
padding-bottom: 0px;
letter-spacing: 0;
border-left: 0;
padding-left: 0rem;
margin-bottom: 20px;
position: relative;
font-style: none;
margin: 0em 0 1.25rem;
text-align: left;
margin-top: 10px;
padding: 0.7em 3rem 0 2rem;
border-right: 0px solid #ddd;
border-left: 8px solid #03264f;
}
/*
.textblock blockquote:before {
position: absolute;
top: -10px;
left: 5px;
content: '';
background-repeat: no-repeat;
width: 32px;
height: 32px;
opacity: 0.2;
}
*/
.textblock blockquote p {
line-height: 1.7;
font-size: 1.125em;
color: #052b59;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 700;
}
.textblock blockquote p strong {
font-size: 1rem;
color: #022249;
}
.textblock .with_quotes blockquote {
float: right;
max-width: 50%;
border: 0;
padding: 0.56rem 2rem 3rem 5rem;
}
.textblock .with_quotes blockquote p {
line-height: 1.3;
font-size: 1.6rem;
font-family: 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', 'Garamond', 'Times New Roman', serif;
font-weight: 400;
font-style: normal;
}
.textblock .with_quotes blockquote:before {
position: absolute;
top: -55px;
left: 25px;
content: '‘‘';
font-family: 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', 'Garamond', 'Times New Roman', serif;
font-weight: 400;
font-size: 8rem;
opacity: 0.4;
letter-spacing: -10px;
}
.textblock .with_quotes blockquote:after {
position: absolute;
bottom: -70px;
right: 25px;
content: '’’';
font-family: 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', 'Garamond', 'Times New Roman', serif;
font-weight: 400;
font-size: 8rem;
opacity: 0.4;
letter-spacing: -10px;
}
@media (max-width: 640px) {
.textblock .with_quotes blockquote {
float: right;
max-width: 100%;
border: 0;
padding: 0.56rem 2rem 3rem 5rem;
}
}
@media (max-width: 640px) {
.textblock blockquote {
float: right;
max-width: 100%;
margin-top: 20px;
margin-left: 10px;
}
.textblock-files ul.column-2 li {
width: 100%;
float: left;
}
}
/* Listing */
.textblock-content ul,
.textblock-listing ul {
position: relative;
top: -15px;
margin-bottom: 20px;
}
.postblock-detail-content ul li,
.textblock-content ul li,
.textblock-listing ul li {
font-size: 1rem;
position: relative;
padding: 0.4rem 0 0.2rem 0rem;
line-height: 1.5;
}
/*
.textblock-listing ul li:before {
position: absolute;
top: 8px;
left: -25px;
width: 20px;
height: 20px;
border-radius: 20px;
background: #fff;
content:'';
}
*/
.textblock-listing ul li a:hover {}
.postblock-detail-content ul li i,
.textblock-content ul li i,
.textblock-content ul li img,
.textblock-listing ul li i,
.textblock-listing ul li img {
position: absolute;
top: 11px;
left: -18px;
background: #fff;
font-size: 1rem;
color: #f7a616;
}
.postblock-detail-content ul li i.icon-check,
.textblock-content ul li i.icon-check,
.textblock-listing ul li i.icon-check {
font-size: 1rem;
color: #6dbf35;
top: 10px;
left: -23px;
background: #fff;
}
.bg-light .postblock-detail-content ul li i,
.bg-light .textblock-content ul li i,
.bg-light .textblock-content ul li img,
.bg-light .textblock-listing ul li i,
.bg-light .textblock-listing ul li img {
background: #f2f2f2;
}
.bg-light .postblock-detail-content ul li i.icon-check,
.bg-light .textblock-content ul li i.icon-check,
.bg-light .textblock-listing ul li i.icon-check {
background: #f2f2f2;
}
.postblock-detail-content ul li img,
.textblock-content ul li img,
.textblock-listing ul li img {
top: 13px;
left: 0px;
}
/* Files */
.textblock-files ul li {}
.textblock-files ul.column-2 li {
width: 50%;
float: left;
padding-right: 1rem;
}
.textblock-files ul li a {
display: block;
padding: 0.4rem 0;
padding-left: 40px;
margin-bottom: 3px;
position: relative;
}
.textblock-files ul li a:hover {}
.textblock-files ul li a .textblock-file-icon {
position: absolute;
top: 2px;
left: 0;
display: block;
width: 30px;
height: 30px;
line-height: 1;
font-size: 1rem;
text-align: center;
border-radius: 100px;
/* transform: rotate(-45deg) */
}
.textblock-file-icon.doc {
background: #094fa3;
}
.textblock-file-icon.pdf, .textblock-file-icon.PDF {
background: #e14045;
}
.textblock-file-icon.xls {
background: #6ab173;
}
.textblock-file-icon.zip {
background: #ddaa0f;
}
.textblock-file-icon i {
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
color: #fff !important;
background: transparent !important
}
.textblock-files ul li a .file-name {}
.textblock-files ul li a:hover i {}
/* Striped */
.textblock-listing.striped ul li {
border-bottom: 1px solid #e6eaef;
padding: 0.4rem 0 0.4rem 1.2rem;
}
.textblock-listing ul li:last-child {
border: 0;
}
@media (max-width: 1100px) {
.textblock-content ul li,
.textblock-listing ul li {
font-size: 1rem;
}
.textblock-content ul,
.textblock-listing ul {}
}
@media (max-width: 640px) {
.textblock-listing.listing-2 ul {
float: left;
width: 90%;
}
}
/* Contact options */
.textblock .contact-list {
padding-top: 1rem;
}
.textblock .contact-list ul {
list-style: none;
margin: 0;
margin-bottom: 1rem;
}
.textblock .contact-list li {
font-size: 18px;
padding: 0.3rem 0
}
.textblock .contact-list li a {
line-height: 1;
color: #094fa3;
}
.textblock .contact-list i {
position: relative;
top: 2px;
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
background: #f7a616;
border-radius: 100px;
color: #fff;
margin-right: 5px;
}
.textblock .contact-list .underline {
display: inline-block;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.textblock .contact-list li a:hover .underline {
display: inline-block;
border-color: #094fa3;
}
/* Social */
.contact-social .title {
display: block;
line-height: 46px;
margin: 1rem 0 0;
}
.contact-social {
position: relative;
display: block;
}
.contact-social ul {
display: inline-block;
margin: 0;
text-align: left;
}
.contact-social ul li {
padding: 0;
display: inline-block;
}
.contact-social ul li a {
position: relative;
width: 48px;
height: 48px;
line-height: 42px;
text-align: center;
font-size: 1.4rem;
padding: 0.2rem 0rem;
display: inline-block;
color: #fff;
background: #094fa3;
border-radius: 100px;
margin-right: 5px;
}
.contact-social ul li a:hover {
background: #022249;
}
.contact-social ul li a i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
/* Accordion */
.textblock-accordion {
margin: 20px 0;
}
.textblock-accordion .accordion-title {
font-size: 1rem;
color: #022249;
}
.textblock-accordion .is-active .accordion-title {
color: #094fa3;
}
.textblock-accordion .accordion-title::before {
color: #f7a616;
}
.textblock-accordion .accordion-title:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.accordion-content .textblock-lead p {
font-size: 1rem;
}
/* Textblock Object (results) */
.textblock-object-wrapper {
display: block;
padding: 0.5rem 0;
}
.textblock-object {
position: relative;
display: block;
padding: 8px 8px 8px 0;
}
.textblock-object:before {
position: absolute;
top: 0;
left: -8px;
bottom: 0;
right: 0;
background: #eff6f9;
content: '';
opacity: 0;
z-index: 0;
visibility: visible;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.textblock-object:hover:before {
opacity: 1;
visibility: visible;
}
.textblock-object-image {
display: block;
border: 1px solid rgba(0, 0, 0, 0.19);
text-align: center;
margin-bottom: 1px;
position: relative;
}
.textblock-object-image img {
display: block;
}
.textblock-object-image img.voorbeeld {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
.textblock-object-section {
padding: 0rem 0 0;
}
.textblock-object-title {
font-size: 1rem;
line-height: 1.1;
margin: 0 0 3px;
}
.textblock-object-subtitle {
display: block;
font-size: 1rem;
}
.textblock-object-lead p {
color: #696a72;
line-height: 1.5;
}
/* Textblock Object Listing */
.textblock-object-list li a {
display: block;
color: #094fa3;
padding: 0.3rem 0 0.1rem 0rem;
position: relative;
}
.textblock-object-list li a:before {
position: absolute;
top: -1px;
left: -8px;
bottom: -1px;
right: 0;
background: #e6eaef;
content: '';
opacity: 0;
z-index: -1;
visibility: visible;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.textblock-object-list li a:hover:before {
opacity: 1;
visibility: visible;
}
.textblock-object-list li a:hover {
color: #022249;
}
.textblock-object-list li a span {
font-family: 'Open Sans';
font-style: italic;
}
/* Textblock Object Media */
.textblock-object-media {
padding-top: 8px;
position: relative;
display: block;
}
.textblock-object-media:before {
position: absolute;
top: 0;
left: -8px;
bottom: 0;
right: -8px;
background: #eff6f9;
content: '';
opacity: 0;
z-index: -1;
visibility: visible;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.textblock-object-media:hover:before {
opacity: 1;
visibility: visible;
}
.textblock-object-media-section {
padding: 0.5rem 0;
}
.textblock-object-media-section h4 {
font-size: 1rem;
}
#xblogfilters .button.large {
font-size: 1rem !important;
margin-bottom: 10px;
}
.offer-table {
border: 0;
-webkit-border-vertical-spacing: 0px !important;
font-size: 14px;
}
.offer-table thead {
border: 0;
font-weight: normal;
background: transparent;
}
.th-head-name {}
.th-head-description {}
.th-head-brand {}
.th-head-amount {
}
table.dataTable.offer-table {
width: 100%;
margin: 20px 0 !important;
}
.offer-table thead tr:hover {
/* background: transparent; */
}
.offer-table tbody {
border: 0;
}
.offer-table tbody tr {
border: 0 !important;
}
.offer-table thead tr th,
.offer-table tbody tr td {
padding-left: 1rem;
vertical-align: top;
border-right: 2px solid #eee;
color: #022249;
position: relative;
padding: .7rem .625rem .225rem
}
.offer-table thead tr th:last-child,
.offer-table tbody tr td:last-child {
border: 0 !important;
}
table.dataTable thead .sorting {
background-image: url("/addthemes/hitma/images/sort_both.png");
background-size: 19px auto;
background-position: 96% 52%;
}
table.dataTable thead .sorting_asc {
background-image: url("/addthemes/hitma/images/sort_asc.png");
background-size: 19px auto;
background-position: 96% 52%;
}
table.dataTable thead .sorting_desc {
background-image: url("/addthemes/hitma/images/sort_desc.png");
background-size: 19px auto;
background-position: 96% 52%;
}
table.dataTable thead .sorting_asc_disabled {
background-image: url("/addthemes/hitma/images/sort_asc_disabled.png");
background-size: 19px auto;
background-position: 96% 52%;
}
table.dataTable thead .sorting_desc_disabled {
background-image: url("/addthemes/hitma/images/sort_desc_disabled.png");
background-size: 19px auto;
background-position: 96% 52%;
}
.offer-table tbody tr td img {
margin-right: 5px;
}
.hitma-modal .offer-table tbody tr td img {
position: relative;
top: -10px !important;
}
.offer-table tbody tr td input {
position: relative;
border-radius: 100px;
height: 32px;
background: #e4e4e4;
font-weight: normal;
}
.input-amount {}
.offer-table .close-button {
width: 32px;
height: 32px;
line-height: 31px;
top: 2px;
right: 7px;
font-size: 1.4rem;
font-family: "Open Sans", sans-serif;
background: #eee;
border-radius: 100px;
color: #094fa3;
text-align: center;
}
.offer-table .add-button {
position: absolute;
width: 22px;
height: 22px;
line-height: 22px;
padding: 0.1rem;
text-align: center;
top: 8px;
right: 7px;
font-size: 0.56rem !important;
font-family: "Open Sans", sans-serif;
border-radius: 100px;
}
.offer-table .add-button:before {
display: none;
}
.offer-table .add-button i {
right: 0.5rem;
font-size: 0.76rem;
}
.offer-table .mini.button {
float: right;
width: auto;
padding-top: 0.5rem;
padding-bottom: 0.4375rem;
padding-left: 10px;
padding-right: 10px;
top: 0px;
margin-left: 5px;
font-size: 0.86rem;
}
.offer-table .mini.button i {
display: none;
}
.offer-table .mini.button:before {
display: none;
}
.offer-table .offerform {
display: flex;
justify-content: space-between;
align-content: stretch;
}
.offer-table label {
float: left;
vertical-align: middle;
}
.offer-table label input {
top: 0;
margin-bottom: 0;
width: 50px !important;
}
.offer-table tbody tr td.control {
padding-left: 0.5rem !important;
}
table.dataTable.dtr-column>tbody>tr>td.control:before {
top: 10px;
left: 8px;
height: 22px;
width: 22px;
margin-top: 0px;
margin-left: 0px;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 22px;
content: '+';
background-color: #f7a616;
display: none;
}
@media (max-width: 1130px) {
.offer-table {
width: 100% !important
}
.offer-table tbody tr td.control {
padding-left: 2.5rem !important;
}
table.dataTable.dtr-column>tbody>tr>td.control:before {
display: block;
}
}
@media (max-width: 970px) {
.th-head-name {}
.th-head-description {}
.th-head-brand {}
.th-head-amount {}
.offer-table tbody tr td img {
width: 20%;
}
.offer-table thead tr th,
.offer-table tbody tr td {
line-height: 1.2;
}
.hitma-modal .offer-table tbody tr td {
padding: .2rem 0rem .6rem;
border-right: 0px solid #eee;
}
.offer-table .mini.button span {
display: none;
}
.offer-table .mini.button i {
display: inline-block;
}
}
@media (max-width: 640px) {
.dataTables_wrapper .row .small-6 {
width: 100%;
}
.offer-table {
width: 100% !important;
}
.offer-table tbody tr td.control {
padding-left: 3rem !important;
border-top: 1px solid #eee;
}
.child ul,
.child ul li {
}
.child ul {
margin-bottom: 10px;
}
table.dataTable.dtr-column>tbody>tr>td.control:before {
top: 6px;
left: 8px;
}
.offer-table tbody tr td {
padding: .7rem .625rem .625rem
}
.offer-table tbody tr td img {
width: 20%;
}
.offer-table thead tr th,
.offer-table tbody tr td {
line-height: 1.2;
}
.offer-table label {}
.offer-table label input {
width: 80px !important;
}
.offer-table .mini.button {
float: right;
flex-grow: 2;
/* width: calc(100% - 120px); */
padding-top: 0.5rem;
padding-bottom: 0.4375rem;
padding-left: 10px;
padding-right: 10px;
top: 0px;
margin-left: 5px;
}
.offer-table .offerform {
float: left;
width: 100%;
padding-top: 5px;
margin-bottom: 10px;
}
.hitma-modal .offer-table tbody tr {
border-bottom: 2px solid #eee !important;
}
.hitma-modal .offer-table tbody tr td {
padding: .2rem 0rem .6rem;
border-right: 0px solid #eee;
}
.hitma-modal .offer-table tbody tr td img {
float: right !important;
}
.hitma-modal .offer-table tbody tr:after {
content: '';
display: table;
clear: both;
}
.offer-table label {
position: relative;
top: -5px;
}
}
/*
---------------------------
TEXT BLOCK IMAGES
---------------------------
*/
.textblock-image {
display: inline-block;
margin: 0px 0 20px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 50%;
}
.textblock-image.float-left {
padding-top: 5px;
margin-right: 30px;
}
.textblock-image.float-right {
padding-top: 5px;
margin-left: 50px;
}
.mega-menu .textblock-image.float-right {
padding-top: 0px;
margin-left: 0px;
}
.sidebar-section .textblock-image.float-right {
padding-top: 5px;
margin-left: 0px;
}
.absolute-top-right {
position: absolute;
top: 0;
right: 2rem;
}
.with-bg-image {
position: relative;
padding-right: 34% !important;
min-height: 400px;
}
.with-bg-image .textblock-image {
position: absolute;
top: -20px;
right: 20px;
z-index: -1;
width: 50%;
}
@media (max-width: 970px) {
.with-bg-image {
position: relative;
padding-right: 30% !important;
min-height: 400px;
}
.with-bg-image .textblock-image {
position: absolute;
top: 0px;
right: -80px;
z-index: -1;
width: 70%;
}
}
@media (max-width: 640px) {
.with-bg-image {
position: relative;
padding-right: 0% !important;
min-height: 400px;
}
.with-bg-image .textblock-image {
position: relative;
top: 0px;
right: 0px;
z-index: -1;
width: 100%;
}
.textblock-image.float-right {
padding-top: 5px;
margin-left: 20px;
}
}
@media (max-width: 400px) {
.textblock-image.float-left {
float: right !important
}
}
/* Round */
.textblock-image.image-round a {
border-radius: 100%;
overflow: hidden;
}
/* Caption */
.textblock-image .caption {
font-size: 0.8rem;
line-height: 1.1;
color: #888 !important;
text-align: center;
width: 100%;
display: block;
font-style: italic;
padding-top: 0px;
}
.collapse.textblock-image a,
.collapse.textblock-gallery a.gallery-item,
.collapse.textblock-image img {
border-radius: 0 !important;
margin-bottom: 0px;
}
.collapse.photo-gallery {
margin-top: 0;
}
/* Sizes */
.image-size-25 {
width: 25%;
}
.image-size-33 {
width: 31.5%;
}
.image-size-50 {
width: 50%;
}
.image-size-75 {
width: 75%;
}
.image-size-100 {
width: 100%;
margin-bottom: 1em;
margin-left: 0 !important;
}
.textblock-image .textblock-caption {
font-size: 0.86rem;
line-height: 1.1;
color: rgba(0, 0, 0, 0.5) !important;
text-align: center;
width: 100%;
display: block;
font-style: italic;
padding-top: 5px;
}
.textblock-image .textblock-caption.outside {
position: absolute;
bottom: 0;
}
.textblock-image a {
overflow: hidden;
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.textblock-image a:hover {}
.textblock-image a img {
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
display: block;
max-width: 100%;
opacity: 1;
filter: alpha(opacity=100);
z-index: 7;
}
.textblock-image a:hover img {
padding: 0px;
border: 0px solid #ddd;
/*
opacity: .8;
filter: alpha(opacity=80);
*/
}
.textblock-image a:hover img.grayscale {
-webkit-filter: grayscale(0%) !important;
filter: none !important;
}
.textblock-image a.round:after {
border-radius: 100%;
}
.textblock-image a:hover:after {
opacity: 1;
}
.textblock-image a.item-more:after {
background: rgba(0, 163, 230, 0.9);
}
.textblock-image.right {
float: right;
margin: 10px 0px 20px 40px;
}
.textblock-image-wide {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
position: relative;
}
.textblock-image-wide img {
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
display: block;
max-width: 100%;
opacity: 1;
filter: alpha(opacity=100);
}
.textblock-image-gallery {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.textblock-image-gallery.with-padding {
margin: 0;
padding: 2rem 3rem;
}
@media (max-width: 1024px) {
.textblock-image-gallery.with-padding {
padding: 2rem 1rem 2rem 0;
}
}
@media (max-width: 768px) {
.textblock-image-gallery.with-padding {
padding: 2rem 0rem;
}
}
@media (max-width: 640px) {
.single-image {
margin-bottom: 2rem;
}
}
.textblock-image-gallery img {
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
display: block;
max-width: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.textblock-image-gallery a {
overflow: hidden;
margin-bottom: 30px;
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.textblock-image-gallery a.radius {
border-radius: 3px;
}
.textblock-image-gallery img.radius {
border-radius: 3px;
}
/* Round */
.textblock-image-gallery a.round {
border-radius: 100%;
overflow: hidden;
}
/* Hover item */
.gallery-item {
display: block;
position: relative;
}
.gallery-item:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: 0px;
margin-left: 0px;
width: 48px;
height: 48px;
line-height: 48px;
border-radius: 100px;
text-align: center;
font-family: icomoon;
content: '\f067';
background: #f7a616;
color: #fff;
font-size: 1.1rem;
z-index: 88;
opacity: 0;
transform: translateX(-50%) translateY(-60%);
-webkit-transition: all 0.3s ease-out;
/* Saf3.2+, Chrome */
-moz-transition: all 0.3s ease-out;
/* FF4+ */
-ms-transition: all 0.3s ease-out;
/* IE10? */
-o-transition: all 0.3s ease-out;
/* Opera 10.5+ */
transition: all 0.3s ease-out;
}
.sidebar-section .gallery-item:after {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 0.86rem;
}
@media (max-width: 768px) {
.gallery-item:after {
width: 40px;
height: 40px;
line-height: 40px;
}
}
.gallery-item:hover:after {
opacity: .8;
transform: translateX(-50%) translateY(-50%);
}
.collapse.textblock-image-gallery a,
.collapse.textblock-image-gallery a.gallery-item,
.collapse.textblock-image-gallery img {
border-radius: 0 !important;
margin-bottom: 0px;
}
.collapse.textblock-image-gallery {
margin-top: 0;
}
.medium-up-2 .gallery-item,
.medium-up-3 .gallery-item {
margin-bottom: 30px;
}
/* SLIDES */
.textblock-image-slides-gallery {
display: block;
position: relative;
}
.textblock-image-slides-gallery:before {
position: absolute;
width: 100%;
height: 200px;
left: 0;
bottom: 0;
content: '';
opacity: 0.8;
background: -moz-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
background: -webkit-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
background: linear-gradient(to bottom, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00022249', endColorstr='#022249', GradientType=0);
z-index: 1;
}
.textblock-image-slides-gallery.no-slides-nav:before {
display: none;
}
.textblock-image-slides {
position: relative;
margin-top: 0px;
padding-bottom: 0px;
}
.textblock-image-slides a {
overflow: hidden;
border-radius: 0px;
margin-bottom: 0px;
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.textblock-image-slides a.radius {
border-radius: 6px;
}
.textblock-image-slides img.radius {
border-radius: 6px;
}
.textblock-image-slides .textblock-caption {
font-size: 0.86rem;
line-height: 1.1;
color: rgba(0, 0, 0, 0.5) !important;
text-align: center;
width: 100%;
display: block;
font-style: italic;
padding: 10px 5px 12px;
}
.textblock-image-slides .textblock-caption.outside {
position: absolute;
bottom: 0px;
background: rgba(255, 255, 255, 0.8);
}
.textblock-image-slides-nav {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(0%);
width: 50%;
text-align: center;
margin: 0px 0;
padding: 1rem 0 2rem;
z-index: 9;
}
@media (max-width: 640px) {
.textblock-image-slides-nav {
position: absolute;
width: 80%;
padding: 1rem 0 0.5rem;
}
.textblock-image-slides-gallery:before {
height: 70px;
}
}
.textblock-image-slides-nav .slick-list {}
.textblock-image-slides-nav .slick-slide {
position: relative;
padding: 0 0px;
margin: 0 10px 0 0px;
border-radius: 10px;
overflow: hidden;
}
.textblock-image-slides-nav .slick-slide:last-child {
padding-right: 0px;
}
.textblock-image-slides-nav .slick-slide:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
border-radius: 10px;
padding: 0px;
-moz-box-shadow: inset 0 0 0 3px #f7a616;
-webkit-box-shadow: inset 0 0 0 3px #f7a616;
box-shadow: inset 0 0 0 3px #f7a616;
opacity: 0;
}
.textblock-image-slides-nav .slick-current:after {
opacity: 1;
}
/* TABLES */
.table-compare table thead {
background: transparent;
}
.table-compare table thead img {
max-width: 100px;
}
.table-compare table tbody tr {
padding: 0.5rem;
}
.table-compare table tbody tr:nth-child(even) {
background: transparent;
}
.table-compare table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.04);
}
.table-compare table tbody tr td {
padding-top: 0.66rem;
}
.table-compare table tbody tr td:first-child {
font-weight: 700;
padding-left: 1rem;
}
.table-compare table tbody tr td i {
position: relative;
top: 2px;
font-size: 1.2rem;
}
@media (max-width: 767px) {
.table-scroll {
-webkit-overflow-scrolling: touch;
}
.table-compare {
position: relative;
}
.table-compare:after {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
content: '';
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
z-index: 9;
}
.table-compare table thead img {
max-width: 80px;
}
.table-compare table tbody tr td:first-child {
font-size: 0.86rem;
padding-left: 0.5rem;
}
}
/* Image More Link */
.image-more {
position: relative;
}
.image-more:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: 0px;
margin-left: 0px;
width: 68px;
height: 68px;
line-height: 68px;
border-radius: 100px;
text-align: center;
font-family: icomoon;
content: '\f101';
background: #f7a616;
color: #fff;
font-size: 2rem;
z-index: 88;
opacity: 0;
transform: translateX(-50%) translateY(-60%);
-webkit-transition: all 0.3s ease-out;
/* Saf3.2+, Chrome */
-moz-transition: all 0.3s ease-out;
/* FF4+ */
-ms-transition: all 0.3s ease-out;
/* IE10? */
-o-transition: all 0.3s ease-out;
/* Opera 10.5+ */
transition: all 0.3s ease-out;
}
.medium-up-3 .image-more:after {
width: 48px;
height: 48px;
line-height: 48px;
font-size: 1rem;
}
@media (max-width: 768px) {
.image-more:after {
width: 40px;
height: 40px;
line-height: 40px;
}
}
.image-more:hover:after {
opacity: 1;
transform: translateX(-50%) translateY(-50%);
}
/*
MASONRY
---------------------------
*/
.masonry {
/* Masonry container */
column-count: 3;
column-gap: 1.5rem;
padding: 0 1rem;
}
.item {
/* Masonry bricks or child elements */
background-color: #eee;
display: inline-block;
margin: 0 0 1.5em;
width: 100%;
}
@media (max-width: 440px) {
.masonry {
column-count: 2;
column-gap: 1rem;
padding: 0 0rem;
}
.item {
margin: 0 0 1em;
}
}
/*
PRICING TABLES
---------------------------
*/
.pricing-table {
min-height: 310px;
border: solid 2px rgba(0, 0, 0, 0);
padding: 1rem 0.6rem;
padding-bottom: 5rem;
position: relative;
border-radius: 5px;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0);
-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.pricing-table:hover {
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.1);
}
.pricing-table.highlight {
/* transform: scale(1.05); */
}
.pricing-table li {
border-bottom: solid 1px rgba(255, 255, 255, 0.36);
font-size: 0.86rem;
padding: 0.675rem 0.5rem;
line-height: 1.4;
}
.pricing-table li.last-item,
.pricing-table li:last-child {
border-bottom: 0 !important;
}
.pricing-table .title {
font-size: 1.875rem;
border-bottom: 0 !important;
margin-bottom: 1rem;
}
.pricing-table .price-action-badge {
position: absolute;
top: -20px;
left: 15px;
width: 88px;
height: 88px;
text-align: center;
border-radius: 100px;
padding: 1.5rem 0.5rem;
background: #3fdc95;
color: #fff;
font-weight: 700;
line-height: 1.2;
transform: rotate(-12deg)
}
.pricing-table .price-action-badge.right {
left: auto;
right: 10px;
}
.pricing-table .price {
background-color: rgba(0, 0, 0, 0.1);
font-size: 1.45rem;
border-bottom: 0;
font-weight: 700;
}
.pricing-table .price-info {
font-size: 1rem;
font-weight: 400;
color: #000;
}
.pricing-table .description {
padding: 1.4rem 0.5rem;
font-size: 0.86rem;
}
.pricing-table .pricing-button {
position: absolute !important;
width: 100%;
bottom: 0;
left: 0;
padding: 2rem 1rem 1rem;
}
.pricing-table .button {
margin: 0;
}
.pricing-table.bg-white li,
.pricing-table.bg-light li {
position: relative;
border-bottom: solid 1px rgba(0, 0, 0, 0.08);
}
.pricing-table li.text-left {
padding-left: 1.8rem;
color: #000 !important;
font-size: 14px;
}
.pricing-table.bg-white li i {
position: absolute;
top: 14px;
left: 5px;
}
.pricing-table.bg-white .price,
.pricing-table.bg-light .price {
background-color: rgba(0, 0, 0, 0.04);
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.08);
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.pricing-table.highlight {
border-color: #094fa3;
border-width: 3px;
}
.pricing-table-badge {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) translateY(-97%);
width: calc(100% + 6px);
height: 30px;
line-height: 30px;
padding: 0 1rem;
text-align: center;
color: #fff;
border-radius: 5px 5px 0 0;
font-size: 0.66rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
/*
-------------------------------
CAROUSEL (slick)
-------------------------------
*/
.objects-carousel .column {
outline: 0;
}
.slick-slide {
outline: 0 !important;
}
/* Slick Caption */
.slick-caption {
position: absolute;
top: 0;
left: 0;
}
/* Slick Arrows */
.slick-prev,
.slick-next {
z-index: 99 !important;
top: 50%;
background: transparent !important;
border-radius: 100px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
/*
.slick-prev:before,
.slick-next:before {
color: #000;
}
*/
.slick-prev {
left: -30px;
}
.slick-next {
right: -30px;
}
.slick-slider .slick-arrow {
opacity: 0.6;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.slick-slider:hover .slick-arrow {
opacity: 1;
}
.slick-prev:before,
.slick-next:before {
color: #000;
top: 0px;
position: relative;
width: 32px;
height: 32px;
font-size: 2rem;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
background: #fff;
border-radius: 100px;
opacity: 0.3;
}
.slick-prev:before {
content: "\f100";
}
.slick-next:before {
content: "\f101";
}
/* Slick Dots */
.slick-slider .slick-dots {
bottom: -15px;
opacity: 1;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.slick-slider:hover .slick-dots {
opacity: 1;
}
.slick-dots li button {
width: 12px;
height: 12px;
border: 2px solid #fff;
padding: 0px;
margin: 0;
background: #094fa3;
border-radius: 0;
box-shadow: 0px 0px 37px rgba(0, 0, 0, 0.46);
}
.slick-dots li button:before {
display: none;
}
.slick-dots li.slick-active button {
opacity: 1;
background-color: #f7a616;
box-shadow: 0px 0px 37px rgba(0, 0, 0, 0.46);
}
/*
--------------------------------------
BRANDS
--------------------------------------
*/
.brands-carousel {
padding: 2rem 0;
}
.brands-row {
display: flex;
align-items: center;
}
.brand {
padding: 1rem;
}
.brand img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.brand:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
@media (max-width: 640px) {
.brand {
padding: 0.5rem;
}
.brand img {
max-width: 100px;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.brand img {}
}
.faded:before,
.faded:after {
position: absolute;
top: 0px;
z-index: 97 !important;
width: 15%;
height: 100%;
content: '';
}
.faded:before {
left: 0px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
.faded:after {
right: 0px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
/*
CAROUSEL
---------------------------
*/
.quotes-carousel .slick-prev {
border-radius: 10px 10px;
}
.quotes-carousel .slick-next {
border-radius: 10px 10px;
}
.quote-wrapper {}
.quote-wrapper blockquote {
text-align: center;
border-left: 0;
font-size: 1.4rem;
line-height: 1.3;
max-width: 60%;
margin: auto;
padding: 1rem 0 3rem;
}
.quote-wrapper blockquote:before,
.quote-wrapper blockquote:after {
display: none;
}
.quote-wrapper blockquote p {
font-size: 1.3rem;
font-family: 'Open Sans';
font-weight:500;
font-style:italic;
color: #094fa3;
}
/*
[class*=" bg-"]:not(.bg-white):not(.bg-light) .quote-wrapper blockquote p {
color: rgba(255, 255, 255, 0.8) !important;
}
*/
.section-content.bg-primary .quote-wrapper blockquote p,
.section-content.bg-secondary .quote-wrapper blockquote p,
.section-content.bg-color3 .quote-wrapper blockquote p,
.section-content.bg-dark .quote-wrapper blockquote p {
color: rgba(255, 255, 255, 0.8) !important;
}
.section-content.primary .quote-wrapper blockquote p,
.section-content.secondary .quote-wrapper blockquote p,
.section-content.color3 .quote-wrapper blockquote p,
.section-content.dark .quote-wrapper blockquote p {
color: rgba(255, 255, 255, 0.8) !important;
}
.quote-wrapper blockquote footer {
margin: auto;
margin-top: 2rem;
font-size: 1rem;
text-align: left;
width: 300px;
}
.quote-wrapper blockquote footer span {
font-weight: 400;
}
.quote-wrapper .quote-image {
float: left;
width: 64px;
height: 64px;
position: relative;
top: -8px;
margin-right: 10px;
margin-left: 30px;
}
.quote-wrapper .quote-author {
color: #000;
}
.quote-wrapper .quote-author-info {
font-weight: 400;
color: #000;
}
/*
--------------------------------------
OBJECTS
--------------------------------------
*/
.object {
width: 100%;
display: block;
position: relative;
border: 0px solid #fff;
margin: 10px 0px 35px;
margin-top: 0px;
min-height: 200px;
border-radius: 0px !important;
background: transparent;
z-index: 9;
padding: 5px;
padding-bottom: 5px;
}
.object:hover {
/* transform: translateY(-10px) */
}
.object:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #eef2f8;
border-radius: 0px;
content: '';
opacity: 0;
z-index: 0;
visibility: visible;
/* box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.21); */
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.object:hover:before {
opacity: 1;
visibility: visible;
}
.object .object-image {
position: relative;
display: block;
z-index: 1;
border-radius: 0 0;
background: #fff;
background-size: cover;
margin: 0;
padding: 4px;
text-align: center;
border: 2px solid #eef2f8;
}
.object .object-image a {
position: relative;
display: block;
}
.object .object-image img {
/* width: 100%; */
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
z-index: 6;
}
.object .object-image-ratio {
padding: 0;
}
.object .object-image-ratio:after {
content: "";
display: block;
height: 0;
padding-top: 100%;
}
.object .object-image-ratio .img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.object .object-image .object-label {
position: absolute;
top: 1rem;
left: 1rem;
color: #fff;
font-size: 0.76rem;
line-height: 1;
font-weight: normal;
padding: 0.26rem 0.76rem 0.2rem;
border-radius: 0px;
z-index: 3;
}
.object .object-image-price {
position: absolute;
bottom: 0rem;
left: 0rem;
width: 100%;
color: #fff;
padding: 0.5rem 1.5rem .5rem;
border-radius: 0px;
z-index: 3;
background: transparent;
text-align: right;
}
.object .object-image-price:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 140%;
content: '';
z-index: -1;
background: -moz-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
background: -webkit-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
background: linear-gradient(to bottom, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00022249', endColorstr='#022249', GradientType=0);
}
.object .object-image-price .from {
display: inline-block;
font-size: 1.1rem;
font-weight: 400;
text-decoration: line-through;
line-height: 1;
opacity: 0.7;
}
.object .object-image-price .price {
font-size: 1.6rem;
font-weight: 700;
margin-left: 10px;
line-height: 1;
}
.object .object-button {
position: absolute;
bottom: 40px;
left: 50%;
display: block;
min-width: 80%;
transform: translateX(-50%);
opacity: 0;
z-index: 10;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.object:hover .object-button {
opacity: 1;
}
.object .object-section {
position: relative;
display: block;
text-align: left !important;
padding: 1.5rem 1rem 1rem 1.5rem;
font-size: 0.96rem;
letter-spacing: 0px;
width: 100%;
z-index: 2;
}
.object .object-section.text-center {
text-align: center !important;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
}
.object .object-section .object-title {
position: relative;
display: block;
font-size: 1.125rem;
line-height: 1.2;
padding: 0em 0rem;
margin: 0 0 0 0px;
letter-spacing: 0px;
color: #022249;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.object .object-section .object-title.withsub {
font-family: 'Open Sans', sans-serif;
font-weight:700;
}
.object .object-section .title_subkop {
color: #022249;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 21px;
margin-top: 5px;
}
.object .object-section a:hover .object-title {
color: #094fa3;
}
.object .object-section .object-subtitle {
display: block;
position: relative;
padding-top: 7px;
color: #151416
}
.object .object-section .object-description {
display: block;
padding-top: 4px;
/* color: #9e9c9a; */
}
/* Description List */
.object .object-description-list {
margin: 0;
padding: 0rem 0rem 0;
display: block;
font-size: 1rem;
position: relative;
z-index: 2;
}
.object .object-description-list li {
color: #f7a616;
display: block;
/* border-top: 1px solid rgba(0, 0, 0, 0.06); */
}
.object .object-description-list li .option {
display: inline-block;
width: 25%;
}
.object .object-description-list li .value {
display: inline-block;
}
/* Description Tags */
.object .object-description-tags {
margin: 0;
padding: 1rem 0rem 0;
display: block;
font-size: 0.66rem;
position: relative;
z-index: 2;
}
.object .object-description-tags li {
display: inline-block;
}
.object .object-description-tags li a {
display: inline-block;
padding: 5px 8px;
border-radius: 2px;
color: #fff;
font-weight: 600;
background-color: #f7a616;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 1080px) {
.object {
min-height: 200px;
}
.object .object-button {
display: none;
}
.object .object-section.text-center {
padding: 1rem 0.5rem;
}
.object .object-section .object-title {
font-size: 1rem;
}
}
/* Wide View */
/*
.column.wide {
width: 66.6666%;
}
*/
.wide-view .object {
height: 480px;
padding-bottom: 0px;
}
.wide-view .object .object-image-price {
position: absolute;
bottom: 120px;
left: 0rem;
width: 100%;
color: #fff;
padding: 0.5rem 1.5rem .5rem;
border-radius: 0px;
z-index: 9;
background: transparent;
text-align: right;
}
.wide-view .object .object-image-price:before {
display: none;
}
.wide-view .object .object-image-price .from {
opacity: 0.4;
}
.wide-view .object .object-image-price .price {
display: block;
font-size: 2rem;
}
.wide-view .object .object-section {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: block;
text-align: left !important;
padding: 1.5rem 1rem 70px 1.5rem;
font-size: 0.96rem;
letter-spacing: 0px;
width: 100%;
z-index: 3;
}
.wide-view .object .object-section:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 140%;
content: '';
z-index: -1;
background: -moz-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 0.76) 50%, rgba(17, 27, 53, 1) 100%);
background: -webkit-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 0.76) 50%, rgba(17, 27, 53, 1) 100%);
background: linear-gradient(to bottom, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 0.76) 50%, rgba(17, 27, 53, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00022249', endColorstr='#022249', GradientType=0);
}
.wide-view .object .object-section .object-title {
color: #fff;
font-size: 2.2rem;
}
.wide-view .object .object-description-tags {
position: absolute;
bottom: 75px;
right: 1.5rem;
}
.wide-view .object .object-footer .object-hiswa {
background: url('/addthemes/hitma/images/hiswa-icon-white.svg') no-repeat center;
background-size: 12px auto;
opacity: 0.5;
}
.wide-view .object .object-footer .object-hiswa:hover {
opacity: 0.9;
}
.wide-view .object .object-footer a:hover {}
@media (max-width: 1440px) {
.wide-view .object {
height: 450px;
}
}
@media (max-width: 1100px) {
.wide-view .object {
height: 380px;
padding-bottom: 0px;
}
.wide-view .object .object-image {
height: 380px;
overflow: hidden;
}
.wide-view .object .object-image a {
height: 380px;
}
.wide-view .object .object-image img {
position: absolute;
top: 0%;
left: 0%;
transform: scale(1.3);
}
.wide-view .object .object-section .object-title {
color: #fff;
font-size: 1.8rem;
}
.wide-view .object .object-image-price .price {
display: block;
font-size: 1.6rem;
}
}
/* Members View */
.object.member {
height: auto;
}
.object.member .object-image {
background: #022249;
}
.object.member .object-image img {
opacity: 0.8;
}
.object.member .object-image a:hover img {
opacity: 1;
}
.object.member .object-section {
padding-top: 2rem;
}
.object.member .object-section .object-title {
font-size: 1.2rem;
}
.object.member address {
font-style: normal;
font-size: 1rem;
}
.object.member .place {
display: none;
}
.object-member-logo {
position: absolute;
bottom: -1rem;
left: 1.4rem;
display: block;
width: 100px;
height: 100px;
border-radius: 4px;
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(3, 20, 57, 0.1);
z-index: 9;
}
/* List view */
.list-view .object.member {
min-height: 110px;
margin-bottom: 10px;
}
.list-view .object.member .object-image {
width: 110px;
height: 110px;
float: left;
background: transparent;
}
.list-view .object.member .object-image img {
display: none;
}
.list-view .object.member .object-member-logo {
left: 1rem;
top: 1rem;
bottom: 0;
width: 80px;
height: 80px;
border-radius: 2px;
box-shadow: none;
}
.list-view .object.member .object-section {
float: left;
width: calc(100% - 110px);
padding-top: 1rem;
}
.list-view .object-title-header {
float: left;
width: 40%;
padding: 1.3rem 0;
line-height: 1;
}
.list-view .object.member .object-section .object-title {
font-size: 1.5rem;
}
.list-view .object.member address {
display: none;
}
.list-view .object.member .place {
padding: 1.2rem 0;
display: block;
font-size: 1.3rem;
font-weight: 400;
line-height: 1;
color: #022249;
}
.list-view .object.member .place i {
position: relative;
top: 2px;
margin-right: 1rem;
color: #094fa3;
}
.list-view .object.member .object-footer {
width: 25%;
border: 0;
left: auto;
right: 1rem;
bottom: 1.8rem;
}
/* Map view */
#objectsMap {
width: 100%;
display: none;
}
#objectsMap.expanded {
display: block;
}
/*
-------------------------------
OBJECT DETAIL
-------------------------------
*/
.object-detail-wrapper {
padding: 0 0 2rem;
}
/* SLIDES */
.object-detail-slides-gallery {
display: block;
position: relative;
}
.object-detail-slides-gallery:before {
position: absolute;
width: 100%;
height: 200px;
left: 0;
bottom: 0;
content: '';
opacity: 0.8;
background: -moz-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
background: -webkit-linear-gradient(top, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
background: linear-gradient(to bottom, rgba(17, 27, 53, 0) 0%, rgba(17, 27, 53, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00022249', endColorstr='#022249', GradientType=0);
z-index: 1;
}
.object-detail-slides-gallery.no-slides-nav:before {
display: none;
}
.object-detail-slides {
position: relative;
margin-top: 0px;
overflow: hidden;
visibility: hidden !important;
}
.object-detail-slides.slick-initialized {
visibility: visible !important;
}
.object-detail-slides a {
overflow: hidden;
border-radius: 0px;
margin-bottom: 0px;
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.object-detail-slides a.radius {
border-radius: 6px;
}
.object-detail-slides img.radius {
border-radius: 6px;
}
.object-detail-slides-nav {
position: relative;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(0%);
width: 100%;
text-align: center;
margin: 0px 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
border-right: 0;
padding: 1rem 0 1rem;
z-index: 9;
visibility: hidden !important;
}
.object-detail-slides-nav.slick-initialized {
visibility: visible !important;
}
@media (max-width: 640px) {}
.object-detail-slides-nav .slick-list {}
.object-detail-slides-nav .slick-slide {
position: relative;
padding: 0 0px;
margin: 0 5px 0 5px;
border-radius: 0px;
overflow: hidden;
}
.object-detail-slides-nav .slick-slide:last-child {
padding-right: 0px;
}
.object-detail-slides-nav .slick-slide:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
border-radius: 0px;
padding: 0px;
-moz-box-shadow: inset 0 0 0 3px #f7a616;
-webkit-box-shadow: inset 0 0 0 3px #f7a616;
box-shadow: inset 0 0 0 3px #f7a616;
opacity: 0;
}
.object-detail-slides-nav .slick-current:after {
opacity: 1;
}
/* Brands */
.object-detail-brands {
margin-top: 1rem;
}
.object-detail-brands-item {
padding: 1rem 0 0;
}
.object-detail-brands-item img {
-webkit-filter: grayscale(100%) !important;
filter: grayscale !important;
}
.object-detail-brands-item img:hover {
-webkit-filter: grayscale(0%) !important;
filter: none !important;
}
.specs-description {
display: block;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.5;
font-size: 0.96rem;
}
.specs-value {
font-size: 1.6rem;
font-weight: 700;
}
@media (max-width: 1100px) {
.specs-description {
font-size: 0.86rem;
}
.specs-value {
font-size: 1.2rem;
font-weight: 700;
}
.header-favorites {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 640px) {
.specs-description {
display: block;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.5;
font-size: 0.56rem;
}
.specs-value {
font-size: 0.96rem;
font-weight: 700;
}
}
/* DataTables
------------------------------------------------
*/
/* Tabs
------------------------------------------------
*/
.object-tabs-wrapper {
background: rgba(157, 165, 186, 0.13);
padding: 0.8rem 0;
}
.object-detail-section {
padding: 2.5rem 3rem 1rem 0rem;
}
.object-detail-section-title {
font-size: 1.4rem;
}
.object-detail-description .peak {
position: relative;
overflow: hidden;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
padding-bottom: 0rem;
}
.object-detail-description .the-rest {
visibility: hidden;
opacity: 0;
display: none;
}
/*
.object-detail-description:after {
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
content: '';
z-index: 8;
}
*/
.plus-more {
display: block;
color: #000;
font-weight: 400;
z-index: 9;
margin-bottom: 5px;
font-size: 0.96rem;
margin-top: 10px;
}
.plus-more span.less {
visibility: hidden;
opacity: 0;
display: none;
}
.plus-more span {}
.object-detail-description.expanded .the-rest {
visibility: visible;
opacity: 1;
display: block;
}
.object-detail-description.expanded .plus-more span.more {
visibility: hidden;
opacity: 0;
display: none;
}
.object-detail-description.expanded .plus-more span.less {
visibility: visible;
opacity: 1;
display: block;
}
/* Specifications */
.object-specs-wrapper {
display: block;
padding-bottom: 2rem;
padding-top: 1rem;
clear: left;
}
.object-specs-title {
font-weight: 400;
font-size: 1.1rem;
}
.object-specs-list dt,
.object-specs-list dd {
font-size: 1rem;
font-weight: 400;
padding: 0.6rem 0 0.6rem;
border-top: 1px solid #eee;
border-bottom: 1px solid rgba(255, 255, 255, 0);
margin-bottom: 0rem;
}
.object-specs-list dt {
float: left;
width: 33.333%;
clear: left;
}
.object-specs-list dd {
float: left;
width: 66.666%;
color: #022249;
}
@media (max-width: 640px) {
.object-specs-list dt {
width: 40%;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.object-specs-list dd {
width: 60%;
float: left;
padding-left: 1rem;
}
}
/* Object Sidebar */
#object-sidebar {}
.object-sidebar-section {
padding: 1rem 0;
}
.object-sidebar-section img {}
.object-sidebar-section .textblock-listing ul {
list-style: none;
margin: 0;
}
.object-sidebar-section .textblock-listing ul li i,
.object-sidebar-section .textblock-listing ul li img {
left: 0;
}
/* Get Offer */
.get-offer-button {
margin-top: 4.5rem;
text-align: left;
padding-right: 130px !important;
}
.button.with-arrow-down.get-offer-button i {
position: relative !important;
right: -0.4rem;
}
.get-offer-button img {
position: absolute;
bottom: 50%;
right: 0;
width: 110px;
transform: translateX(0px) translateY(40%);
}
@media (max-width: 1130px) {
.object-sidebar-section .textblock {
padding: 0 0 !important;
}
.object-sidebar-section .textblock-content {
padding: 0 0 !important;
}
.object-sidebar-section .textblock-listing ul li {
font-size: 0.86rem;
}
.object-sidebar-section .textblock-listing ul li i,
.object-sidebar-section .textblock-listing ul li img {
font-size: 0.76rem;
left: 2px;
}
.get-offer-button {
margin-top: 1.3rem;
text-align: left;
padding-right: 80px !important;
font-size: 1rem !important;
padding-top: 0.66rem;
}
.get-offer-button img {
width: 70px;
bottom: -1px;
right: -20px;
transform: translateX(0px) translateY(0);
}
.button.with-arrow-down.get-offer-button i {
position: relative !important;
right: auto;
top: 2px;
margin-left: 10px;
}
}
@media (max-width: 970px) {
.get-offer-button {
margin-top: 3rem;
width: 100%;
text-align: left;
padding-right: 130px !important;
font-size: 1.2rem !important;
}
.get-offer-button img {
position: absolute;
right: 20px;
width: 120px;
}
}
.object-sidebar-list {
font-size: 0.86em;
padding: 0em;
display: block;
margin-bottom: 0px;
}
.object-sidebar-list ul {
padding: 0;
margin: 0;
}
.object-sidebar-list ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.object-sidebar-list ul ul {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.object-sidebar-list ul li:last-child {
border: 0;
}
.object-sidebar-list li>a,
.object-sidebar-list>button {
text-align: left;
width: 100%;
border-radius: 0;
display: block;
color: #022249;
padding: 0.86rem 1em 0.76rem 1.8rem;
font-size: 0.76rem;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
line-height: 1.4;
font-weight: 700;
}
.object-sidebar-list ul li>button {}
.object-sidebar-list ul li>a i,
.object-sidebar-list ul li>button i,
.object-sidebar-list ul li>a i.hiswa-icon {
position: absolute;
top: 13px;
left: 2px;
color: #f7a616;
font-size: 1rem;
}
.object-sidebar-list ul li>a:hover {
color: #022249;
}
.object-sidebar-list ul li>a:hover i {
color: #094fa3;
}
#share-more {
display: none;
}
#share-more.is-visible {
display: block;
}
/* Contact info */
.object-contact-info {
padding-top: 1rem;
}
/*
---------------------------
SIDEBAR
---------------------------
*/
.sticky {}
.side-content #sidebar {
width: 100%;
display: block;
padding: 0rem 0 0em;
}
.side-content .button-back {
top: -10px;
position: relative;
font-size: 16px;
}
.side-content .page-title {
font-size: 1.4em;
padding-left: 1em;
padding-bottom: 10px;
}
.sticky {
width: 100%;
}
#sticky {
left: 0 !important;
}
.side-content {
padding-top: 3rem;
padding-bottom: 1rem;
}
.side-content #sidebar {
width: 100%;
display: block;
padding: 0rem 0 2em;
z-index: 88;
}
.side-content .page-title {
font-size: 1.4em;
padding-left: 1em;
padding-bottom: 10px;
}
#sidebar .sticky {
width: 100%;
}
@media (max-width: 970px) {
.side-content {
padding: 1rem 1rem 0em;
}
}
@media (max-width: 767px) {}
@media (max-width: 540px) {
.side-content {
padding: 2rem 1rem 0em;
}
}
.sidebar-section.no-subs {
padding-top: 1.88rem;
}
.sidebar-section-title {
font-size: 1.2rem;
}
.sidebar-section .textblock-title {
font-size: 1.2rem;
}
/* Blogs Archive */
.sidebar-archive {
margin-bottom: 0rem;
}
.sidebar-archive li {
display: block;
border-bottom: 1px solid #e0e0e0;
padding: 10px 0;
}
.sidebar-archive li:last-child {
border: 0;
}
.sidebar-archive li a {
display: block;
font-family: 'Open Sans', sans-serif;
font-weight:700;
}
/*
---------------------------
SUB NAVIGATION
---------------------------
*/
.mobile-subnav-button {
display: none;
position: absolute;
right: -40px;
border-radius: 50px 0 0 50px !important;
margin-top: 0;
z-index: 889 !important;
padding-right: 3rem;
}
.button.hollow.mobile-subnav-button {
background-color: #fff !important;
}
.subnav {
position: relative;
padding: 3.5rem 0;
margin: 0rem 0 30px;
z-index: 99;
}
.subnav .subnav-headline {
font-size: 1.2rem;
position: relative;
margin: 0 0 10px;
font-weight: 700;
}
@media (max-width: 768px) {
.mobile-subnav-button {
display: inline-block;
}
.mobile-subnav-button.active i,
.mobile-subnav-button.active:hover i {
transform: rotate(-180deg) translateY(-60%);
}
.subnav {
position: fixed;
right: -30px;
background: #fff;
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.12);
border-radius: 20px 0 0 20px;
opacity: 0;
visibility: hidden;
z-index: 887 !important;
padding: 3rem 1.5rem;
transform: translateX(100%) translateY(0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.subnav.expanded {
opacity: 1;
visibility: visible;
transform: translateX(0%) translateY(0);
}
}
@media (max-width: 768px) {
.mobile-subnav-button {
right: -20px;
font-size: 16px !important;
padding-right: 3rem !important;
}
}
.subnav ul {
padding: 0px 0px;
margin: 0px;
list-style: none;
}
.subnav ul li {
border-bottom: 0px solid rgba(0, 0, 0, 0.12);
padding: 0px 0 0px 0;
margin: 0px 0 0px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.subnav ul li:last-child {
border: 0 !important;
}
.subnav ul li a:not(.button) {
padding-left: 0;
color: rgba(2, 35, 75, 0.6);
font-weight: normal;
display: block;
padding: 0.8375em 1em 0.8375em 1rem;
font-size: 1rem !important;
letter-spacing: 0px;
position: relative;
line-height: 1.1;
}
.subnav ul li a:not(.button):hover {
color: #022249;
}
.subnav ul li a:before {
position: absolute;
left: 0px;
top: 12px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: '\f105';
font-size: 1rem;
margin-right: 0px;
color: #094fa3;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.subnav ul li a:hover:before {
-webkit-transform: translate(3px, 0);
transform: translate(3px, 0);
visibility: visible;
opacity: 1;
}
.subnav ul li.item-breadcrumb a:before {
visibility: visible;
opacity: 1;
}
.subnav ul li.item-breadcrumb>a:not(.button) {
color: #094fa3;
font-family: 'Open Sans', sans-serif;
font-weight:700;
}
.subnav ul li.invisible {
visibility: visible;
display: block;
}
@media (max-width: 970px) {
.subnav ul li a:not(.button) {}
.subnav ul li a:before {}
}
/* Tweede niveau */
.subnav ul li ul {
margin: 0;
padding: 0;
margin-top: 0px;
margin-left: 1rem;
padding-bottom: 10px;
}
.subnav ul li ul li {
border: 0px solid #eeedec;
}
.subnav ul li ul li>a:not(.button) {
font-weight: 400 !important;
/* color: rgba(2, 35, 75, 0.6) !important; */
font-size: 15px !important;
padding: 0.36em 0rem 0.36em 0.8rem !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.subnav ul li ul li>a:not(.button):hover {
color: rgba(2, 35, 75, 1) !important;
background: none !important;
}
.subnav ul li ul li a:before {
left: 0 !important;
top: 3px !important;
visibility: hidden !important;
opacity: 0 !important;
}
.subnav ul li ul li>a:not(.button):hover:before {
visibility: visible !important;
opacity: 1 !important;
}
.subnav ul li ul li.item-breadcrumb>a:not(.button),
.subnav ul li ul li.item-breadcrumb>a:not(.button):hover {
background: none !important;
/* color: rgba(255, 255, 255, 1) !important; */
}
.subnav ul li ul li.item-leaf>a:not(.button) {}
/* Derde niveau */
.subnav ul li ul ul {
margin: 0;
padding: 0;
margin-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
}
.subnav ul li ul ul li {
border: 0px solid #eeedec;
}
.subnav ul li ul ul li>a:not(.button) {
font-weight: 400 !important;
color: rgba(78, 78, 81, 1) !important;
font-size: 14px !important;
padding: 0.3em 0.8rem !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.subnav ul li ul ul li>a:hover {
background: none !important;
color: #094fa3 !important;
}
.subnav ul li ul li>a:hover {
background: none !important;
color: #094fa3 !important;
}
.subnav ul li ul ul li a:before {
top: 2px !important;
}
.subnav ul li ul ul li.item-breadcrumb>a,
.subnav ul li ul li.item-breadcrumb>a:hover {
background: none !important;
color: #094fa3 !important;
}
/*
---------------------------
FILTERS
---------------------------
*/
/* Filterbox (left) */
.mobile-filters-button {
display: none;
position: absolute;
right: -34px;
border-radius: 50px 0 0 50px !important;
margin-top: 0;
z-index: 889 !important;
padding-right: 3rem;
}
.filterbox {
padding: 2rem 1rem 0 1rem;
}
.filterbox-title {
margin-top: .6rem;
line-height: 1.2;
font-size: 1.3rem;
}
.filterbox-item {
display: block;
padding: 0rem 0;
}
.filterbox-item-title {
font-size: 1rem;
}
.filterbox-item .filterbox-list {
margin: 0;
padding: 0;
list-style: none;
}
.filterbox-item .filterbox-list li {
position: relative;
padding: 4px 0;
border: 0;
border-radius: 30px;
}
.filterbox-item .filterbox-list li:hover {
background-color: rgba(206, 212, 217, 0.32);
}
.filterbox-item label {
margin: 0;
font-size: .86rem;
font-weight: normal;
line-height: 1.6;
color: #022249;
cursor: pointer;
}
.filterbox-item label.text {
padding-left: 1.8rem;
position: relative;
font-weight: 400;
}
.filterbox-item label.text span {
display: inline-block;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
.filterbox {
padding: 0rem 0 0 1.3rem;
}
}
@media (max-width: 768px) {
.mobile-filters-button {
display: inline-block;
}
.mobile-filters-button.active i,
.mobile-filters-button.active:hover i {
transform: rotate(-180deg) translateY(-60%);
}
#filters {
position: fixed;
right: -30px;
background: #fff;
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.12);
border-radius: 20px 0 0 20px;
opacity: 0;
visibility: hidden;
z-index: 887 !important;
padding: 3.5rem 1.5rem;
transform: translateX(100%) translateY(0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#filters.expanded {
opacity: 1;
visibility: visible;
transform: translateX(0%) translateY(0);
}
}
.sidemap {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 100%;
z-index: 999999;
}
/*
---------------------------
IMAGE BANNERS
---------------------------
*/
.imagebox {
float: left;
width: 100%;
display: block;
position: relative;
border: 0px solid #fff;
border-radius: 0px !important;
min-height: 220px;
margin-bottom: 30px;
position: relative;
z-index: 98 !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}
.imagebox.radius {
border-radius: 3px !important;
}
.header-blocks .imagebox {
width: 94%;
}
.imagebox.newsbox {
margin-bottom: 60px;
}
@media (max-width: 930px) {
.header-blocks .imagebox {
width: 100%;
}
}
a.imagebox:hover {
z-index: 99 !important;
/*
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
*/
}
.collapse .imagebox {
margin-bottom: 0;
/* box-shadow: 0 5px 22px rgba(0, 0, 0, 0.1); */
}
a.imagebox {
cursor: pointer;
}
.object.with-shadow:hover:after {
opacity: 1
}
.collapse .imagebox:hover:after {
height: 20px;
opacity: 0;
}
.imagebox .imagebox-image {
position: absolute;
top: 0px;
left: 0px;
bottom: 50px;
right: 0px;
z-index: 2;
backface-visibility: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imagebox .imagebox-image.bg-contain {
background-size: 80% auto !important;
}
.imagebox .imagebox-image.bg-cover {
background-size: cover;
bottom: 0;
}
.newsbox .imagebox-image {
bottom: 0;
}
/* Overlay */
.imagebox .imagebox-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.imagebox:hover .imagebox-overlay {
opacity: .4;
}
/* Shade */
.imagebox .image-shade-top,
.imagebox .image-shade-bottom {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
z-index: 3;
opacity: .4;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.imagebox .image-shade-bottom {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#07080f07080f00', endColorstr='#cc1b222a', GradientType=0);
}
a.imagebox:hover .image-shade-top,
a.imagebox:hover .image-shade-bottom {
opacity: 0.8;
}
.imagebox .imagebox-play {
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
border-radius: 100px;
line-height: 1;
padding: 0;
text-align: center;
transform: translateX(-50%) translateY(-50%);
z-index: 99;
}
.imagebox .imagebox-play:after {
position: absolute;
top: 50%;
left: 50%;
content: '';
transform: translateX(-50%) translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent #fff;
}
.imagebox .imagebox-description {
position: absolute;
top: 0;
left: 0;
bottom: 0px;
right: 0px;
width: 100%;
z-index: 4;
border-radius: 0;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.imagebox:hover .imagebox-description {
opacity: 1;
}
.imagebox .imagebox-icon {
position: absolute;
top: 2rem;
left: 2rem;
display: block;
color: rgba(255, 255, 255, 0.25);
font-size: 3.6rem;
line-height: 1;
padding: 0em 0em 0 0;
margin-bottom: 0px;
border-radius: 0px;
}
.imagebox .imagebox-description .imagebox-title-wrap {
position: absolute;
top: 50%;
left: 0rem;
width: 100%;
padding: 0rem 1rem 0rem 1rem;
transform: translateX(0) translateY(-50%);
}
.imagebox .imagebox-description .imagebox-title-wrap.dark {
background: rgba(2, 34, 73, 0.8);
}
/* Top */
.imagebox .imagebox-description .imagebox-title-wrap.top {
top: 0;
left: 0rem;
padding: 1rem 2rem 2rem 1.5rem;
transform: translateX(0) translateY(0%);
text-align: left;
}
/* Middle */
.imagebox .imagebox-description .imagebox-title-wrap.middle {
top: 50%;
left: 0rem;
padding: 0rem 1rem 0rem 1rem;
margin: 0;
transform: translateX(0) translateY(-50%);
text-align: left;
}
/* Bottom */
.imagebox .imagebox-description .imagebox-title-wrap.bottom {
top: auto;
bottom: 0;
left: 0rem;
padding: 1rem 1rem 1rem 1rem;
transform: translateX(0) translateY(0%);
text-align: left;
}
.imagebox .imagebox-description .imagebox-label {
display: block;
font-size: 0.86rem;
line-height: 1;
font-weight: 400;
padding: 0em 0em 0 0;
margin-bottom: 10px;
color: #fff;
}
.imagebox .imagebox-description .imagebox-label i {
position: relative;
top: 2px;
font-size: 1rem;
}
.imagebox .imagebox-description .imagebox-title {
display: block;
font-size: 1.8rem;
line-height: 1.1;
margin: 0;
padding: 0em 0 0px;
max-width: 100%;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}
a.imagebox:hover .imagebox-description .imagebox-title {}
.imagebox .imagebox-description .imagebox-title.title-small {
font-size: 1.3rem;
line-height: 1.3;
}
.imagebox .imagebox-description .imagebox-title.title-medium {
font-size: 1.5rem;
line-height: 1.3;
}
.imagebox .imagebox-description p {
margin-top: 1rem;
visibility: hidden;
opacity: 0;
color: #fff;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.imagebox .imagebox-description.visible p {
visibility: visible;
opacity: 1;
}
[data-whatinput='mouse'] a.imagebox:hover .imagebox-description p {
visibility: visible;
opacity: 1;
}
.imagebox .imagebox-author {
display: inline-block;
position: absolute;
top: 100%;
left: 0rem;
margin-top: 2px;
padding: 0.4rem 1rem;
font-size: 1.2rem;
color: #fff;
}
.imagebox .imagebox-button {
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-1rem) translateY(-0.5rem);
font-size: 1.6rem;
color: #fff;
padding: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.imagebox .imagebox-button i {
position: relative;
top: 1px;
}
.imagebox:hover .imagebox-button {
opacity: 1;
visibility: visible;
}
/* Centered */
.imagebox .imagebox-description.text-center .imagebox-title-wrap {
text-align: center !important;
}
/* Imagobox Heights */
.blocks-height-small .imagebox {
min-height: 160px;
}
.blocks-height-medium .imagebox {
min-height: 260px;
}
.blocks-height-large .imagebox {
min-height: 360px;
}
.blocks-height-huge .imagebox {
min-height: 460px;
}
/* List */
.imagebox-list ul {
list-style: none;
margin: 0;
margin-top: 1rem;
}
.imagebox-list ul li {
color: #fff;
font-size: 1.3rem;
}
.imagebox-list ul li i {
color: #3cb7b8;
}
@media (max-width: 1080px) {
.imagebox .imagebox-description .imagebox-title {
font-size: 1.6rem;
}
.imagebox .imagebox-description .imagebox-title.title-small {
font-size: 1.1rem;
line-height: 1.3;
}
}
@media (max-width: 970px) {
.imagebox .imagebox-description .imagebox-title {
font-size: 1.3rem;
}
.imagebox .imagebox-author {
font-size: 1rem;
}
}
@media (max-width: 640px) {
.imagebox {
min-height: 160px;
}
.imagebox.newsbox {
min-height: 200px;
margin-bottom: 60px;
}
.imagebox .imagebox-author {
display: inline-block;
position: absolute;
top: 100%;
left: 0rem;
margin-top: 2px;
padding: 0.3rem 1rem;
font-size: 1rem;
color: #fff;
}
.imagebox .imagebox-button {
font-size: 1.2rem;
}
.imagebox .imagebox-button {
opacity: 1;
visibility: visible;
}
.small-6 .imagebox .imagebox-description .imagebox-title {
font-size: 1rem;
}
}
@media (max-width: 400px) {
.imagebox.imagebox-tiny {
margin-bottom: 10px;
}
}
/* Show more Blocks */
.more-blocks {
display: none;
}
.more-blocks.show {
display: block;
}
.more-button {
padding-top: 0.76rem;
}
.more-button i {
position: relative;
top: 2px;
margin-left: 4px;
}
.more-button.active {
background-color: #9caec6 !important;
}
.more-button span.less {
display: none;
}
.more-button.active span.less {
display: block;
}
.more-button.active span.more {
display: none;
}
/*
---------------------------
TEAM MEMBERS
---------------------------
*/
.teambox {
overflow: hidden;
display: block;
position: relative;
border: 0px solid #fff;
position: relative;
margin: 30px 20px;
z-index: 98 !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.teambox:before {
content: "";
display: block;
padding-top: 100%;
}
.teambox.round {
border-radius: 1000px !important;
}
.teambox:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
}
.teambox .teambox-image {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 2;
backface-visibility: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.teambox .teambox-image.bg-contain {
background-size: contain;
}
.teambox .teambox-image.bg-cover {
background-size: cover;
}
.teambox .teambox-image:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .6;
content: '';
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
a.teambox:hover .teambox-image {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.teambox .teambox-description {
position: absolute;
top: -3px;
left: -3px;
bottom: -3px;
right: -3px;
z-index: 4;
border-radius: 0;
opacity: 0;
visibility: hidden;
background: #094fa3;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.teambox:hover .teambox-description {
opacity: 1;
visibility: visible;
}
.teambox .teambox-description .teambox-title-wrap {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 0rem 1rem 0rem 1rem;
transform: translateX(0) translateY(-50%);
text-align: center;
}
.teambox .teambox-description .teambox-title-wrap .teambox-title {
display: block;
font-size: 1.1rem;
}
.teambox .teambox-description .teambox-title-wrap .teambox-title span {
display: block;
font-size: 1.8rem;
line-height: 1.2;
}
.teambox .teambox-description .teambox-title-wrap .teambox-button {
font-family: 'Open Sans', sans-serif;
font-weight:700;
display: block;
padding-top: 5px;
font-size: 0.86rem;
border-top: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
.teambox .teambox-description .teambox-title-wrap .teambox-button i {
position: relative;
top: 2px;
margin-left: 5px;
}
@media (max-width: 1080px) {
.teambox {
margin: 20px 10px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.teambox:hover {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}
.teambox .teambox-description .teambox-title-wrap .teambox-title span {
font-size: 1rem;
}
}
/*
---------------------------
BLOG POST BLOCK
---------------------------
*/
.postblock {
padding: 1rem 0px 0rem;
position: relative;
margin-top: 20px;
margin-bottom: 0px;
overflow: hidden;
}
.postblock:after {
content: '';
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 4px;
background: #eee;
}
.postblock:last-child:after {
display: none;
}
.postblock.with-border {
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.postblock-image {
padding: 0rem;
padding-bottom: 0;
}
.postblock-section {
display: block;
padding: 0rem 2rem 0rem 0rem;
margin-bottom: 0px;
}
.postblock.with-border .postblock-section {
padding: 1rem 2rem 0 1.5rem;
}
.postblock.with-footer .postblock-section {
padding: 1rem 2rem 0 0rem;
}
.postblock-content {
display: block;
}
.postblock-intro {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
display: block;
margin-bottom: 5px;
font-size: .66rem;
color: #9197a0;
padding-left: 2px;
letter-spacing: 2px;
text-transform: uppercase;
}
.postblock-title {
line-height: 1.2;
margin-bottom: 5px;
font-size: 1.6rem;
}
.postblock-title.title-small {
font-size: 1.3rem;
}
.postblock-title.title-medium {
font-size: 2rem;
}
.postblock-title.title-large {
font-size: 3rem;
}
.postblock-title a {
color: #022249
}
.postblock-title a:hover {
color: #094fa3
}
.postblock-title-meta {
font-size: .86rem;
display: block;
margin-bottom: 10px;
}
.postblock-subtitle {
font-size: 1.2rem;
}
.postblock-meta {
display: block;
padding-top: 1rem;
}
.postblock-meta p {
font-size: 0.86rem;
}
.postblock-lead {
display: block;
padding-top: 10px;
}
.postblock-lead p {
font-weight: 400;
}
.postblock blockquote {
float: right;
}
.postblock-link {
font-size: 0.76rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.postblock-footer {
position: relative;
display: block;
width: 100%;
padding: 1rem 1.5rem 1rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
font-size: 0.86rem;
}
.postblock-share-buttons {
position: absolute;
left: -80px;
width: 40px;
margin-top: 80px;
}
.postblock-share-buttons .postblock-share-title {
display: inline-block;
padding-top: 4px;
margin-top: 1rem;
position: relative;
right: 10px;
font-size: 1.6rem;
transform: rotate(-8deg)
}
.postblock-share-buttons .button {
margin: 10px 5px 0 0;
}
.postblock-share-buttons .button {
padding-top: 0.76rem;
width: 40px;
height: 40px;
overflow: hidden;
-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.postblock-share-buttons .button:before {
display: none !important;
visibility: hidden;
opacity: 0;
}
.postblock-share-buttons .button i {
position: absolute;
top: 50%;
left: 0.76rem;
right: auto;
transform: translate(0%, -50%);
}
.postblock-share-buttons .button.bg-facebook i {
left: 0.86rem;
}
.postblock-share-buttons .button.bg-email i {
left: 0.66rem;
}
.postblock-share-buttons .button span {
padding-left: 1.3rem;
position: relative;
display: block;
transform: translateX(-10px);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.postblock-share-buttons .button:hover {
width: 100%;
}
.postblock-share-buttons .button:hover i {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
}
.postblock-share-buttons .button:hover span {
visibility: visible;
opacity: 1;
transform: translateX(0px);
}
@media (max-width: 970px) {
.postblock-share-buttons {
position: absolute;
left: -60px;
width: 40px;
margin-top: 80px;
}
}
/* Pagination */
.pagination {
margin: 20px auto;
text-align: center;
}
.pagination li {
margin-right: 0.5rem;
border-radius: 5px;
font-size: 1.1rem;
background: #f2f2f2;
}
.pagination li a {
padding: .1875rem 1rem;
}
.pagination li.current {
padding: .1875rem 1rem;
}
.pagination li.previous {}
/* Blogs Grid */
/*
.medium-up-3 .postblock-image {
padding-bottom: 0;
}
.medium-up-3 .postblock-section {
padding: 1rem 1rem;
margin-bottom: 70px;
}
.medium-up-3 .postblock-title {
line-height: 1.2;
margin-bottom: 10px;
font-size: 1.3rem;
}
.medium-up-3 .postblock-lead p {
font-size: 0.96em;
font-weight: 400;
}
.medium-up-3 .postblock-footer {
position: absolute;
bottom: 0;
left:0;
width: 100%;
padding: 1rem 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.08);
font-size: 0.86rem;
}
*/
/* Detail */
.blogDetail {
width: 75%;
margin: auto;
}
progress {
/* Positioning */
position: relative;
left: -30%;
z-index: 999999;
/* Dimensions */
width: 160%;
height: 5px !important;
overflow: hidden;
/* Reset the apperance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Get rid of the default border in Firefox/Opera. */
border: none;
/* For Firefox/IE10+ */
background-color: #dcdcdc;
/* For IE10+, color of the progress bar */
color: #f7a616;
}
progress::-webkit-progress-bar {
background-color: #dcdcdc;
}
.flat::-webkit-progress-value {
background-color: #f7a616;
}
.flat::-moz-progress-bar {
background-color: #f7a616;
}
.progress-container {
width: 100%;
background-color: transparent;
position: absolute;
top: 0;
left: 0;
height: 5px;
display: block;
}
.progress-bar {
position: relative;
background-color: #f7a616;
width: 50%;
display: block;
height: inherit;
}
/*
progress::-webkit-progress-bar:after {
position: absolute;
top: 0;
right: 0;
content:'';
width: 1px;
height: 8px;
background: #f7a616;
}
*/
.progress-info {
font-size: 15px;
color: #9395a1;
}
@media (max-width: 970px) {
.blogDetail {
width: 87%;
margin: auto;
}
progress {
/* Positioning */
position: relative;
left: -20%;
z-index: 999999;
/* Dimensions */
width: 140%;
}
#foo .sticky.is-at-top.is-stuck {
margin-top: 38px !important;
}
.progress-info {
font-size: 12px;
color: #9395a1;
}
}
@media (max-width: 640px) {
.progress-info {
display: block;
padding-top: 20px;
}
.progress-info span {
display: block;
float: none !important;
}
}
.postblock-detail {
padding: 0.5rem 0rem 1rem 0;
position: relative;
z-index: 1;
}
.postblock-detail .postblock-image {
padding: 0rem;
padding-bottom: 1rem;
}
.postblock-detail .postblock-section {
display: block;
padding: 1rem 0rem;
margin-bottom: 70px;
}
.postblock-detail-header-wrap {
padding: 0 0;
margin-bottom: -8px;
position: relative;
}
.postblock-detail-header-wrap .postblock-detail-title-wrap {
padding: 2rem 4rem;
}
/* With Photo Background */
.postblock-detail-header-wrap.with-photo {
float: left;
position: relative;
left: -30%;
width: 160%;
min-height: 380px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.postblock-detail-header-wrap.with-photo .postblock-detail-title-wrap {
position: absolute;
bottom: 0;
left: 50%;
width: 76%;
transform: translateX(-50%);
background: rgba(255, 255, 255, 0.68);
padding: 2rem 3rem;
}
.postblock-detail-header-wrap .postblock-detail-title-wrap.with-avatar,
.postblock-detail-header-wrap.with-photo .postblock-detail-title-wrap.with-avatar {
padding: 2rem 3rem 4rem;
display: block;
}
@media (max-width: 970px) {
.postblock-detail-header-wrap.with-photo {
float: left;
position: relative;
left: -25%;
width: 150%;
min-height: 380px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
}
@media (max-width: 640px) {
.blogDetail {
width: 100%;
margin: auto;
}
.postblock-detail-header-wrap.with-photo {
float: left;
position: relative;
left: -5%;
width: 110%;
min-height: 300px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.postblock-detail-header-wrap.with-photo .postblock-detail-title-wrap {
position: absolute;
bottom: 0;
left: 50%;
width: 90%;
transform: translateX(-50%);
background: rgba(255, 255, 255, 0.68);
padding: 2rem 1rem;
}
.postblock-detail-header-wrap .postblock-detail-title-wrap.with-avatar,
.postblock-detail-header-wrap.with-photo .postblock-detail-title-wrap.with-avatar {
padding: 2rem 1rem 4rem;
display: block;
}
}
.postblock-detail-author {
position: absolute !important;
bottom: -45px;
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 90px;
border-radius: 200px;
box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
border: 2px solid #fff;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
z-index: 999;
}
.authorbox {
display: block;
margin-top: 2rem;
}
.authorbox .row {
display: flex;
align-items: center;
}
.authorbox .postblock-detail-author {
position: relative !important;
bottom: auto;
left: auto;
transform: translateX(0%);
margin-top: -45px;
float: left;
width: 140px;
height: 140px;
}
.author-info {
padding-left: 1rem;
position: relative;
top: -2rem;
}
.authorbox .author-name {
font-size: 2rem;
transform: rotate(-3deg);
margin-bottom: 2rem;
}
.authorbox .author-name span {
display: block;
}
@media (max-width: 640px) {
.postblock-detail-title.title-large {
font-size: 2rem;
}
.postblock-detail-author {
bottom: -30px;
width: 80px;
height: 80px;
}
.authorbox .postblock-detail-author {
position: relative !important;
bottom: auto;
left: auto;
transform: translateX(0%);
float: left;
width: 110px;
height: 110px;
margin-bottom: 0.5rem;
}
.author-info {
padding-left: 0rem;
position: relative;
top: 0rem;
}
.authorbox .author-name {
font-size: 1.4rem;
transform: rotate(-4deg);
margin-bottom: 3rem;
}
}
.postblock-detail-intro {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
display: block;
margin-bottom: 10px;
font-size: 0.86rem;
color: #9197a0;
padding-left: 2px;
letter-spacing: 2px;
text-transform: uppercase;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .postblock-detail-intro {
color: rgba(255, 255, 255, 0.4) !important;
}
.postblock-detail-title {
position: relative;
line-height: 1.2;
margin-bottom: 10px;
font-size: 1.8rem;
}
.postblock-detail-title.title-small {
font-size: 1.3rem;
}
.postblock-detail-title.title-medium {
font-size: 2.2rem;
}
.postblock-detail-title.title-large {
font-size: 3rem;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light) .postblock-detail-title {
color: rgba(255, 255, 255, 1) !important;
}
@media (max-width: 970px) {
.postblock-detail-title.title-large {
font-size: 2.7rem;
}
}
@media (max-width: 640px) {
.postblock-detail-title.title-large {
font-size: 2rem;
}
}
.postblock-detail-subtitle {
font-size: 1.4rem;
}
.postblock-detail-meta {
display: block;
padding-top: 1rem;
}
.postblock-detail-meta p {
font-size: 0.86rem;
}
.postblock-detail-lead {
padding-top: 10px;
}
.postblock-detail-lead p {
font-family: 'Open Sans', sans-serif;
font-style: italic;
}
.postblock-detail .postblock-footer {
margin-top: 2rem;
position: relative;
padding: 1rem 0rem;
}
/* Related */
.related-postblocks {
padding: 2rem 0;
}
.related-postblocks .medium-up-3 .postblock-image {
padding: 0.75rem;
padding-bottom: 0;
}
.related-postblocks .medium-up-3 .postblock-section {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 50px;
}
.related-postblocks .medium-up-3 .postblock-title {
font-size: 1.1rem;
}
.related-postblocks .medium-up-3 .postblock-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.7rem 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.08);
font-size: 0.66rem;
}
/* REACTIONS */
.reactions {
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.04);
padding: 2rem;
border: 1px solid rgba(3, 3, 3, 0.08);
}
@media (max-width: 640px) {
.postblock-section {
display: block;
padding: 0rem 0rem 0rem 0rem;
margin-bottom: 0px;
}
}
/*
---------------------------
FOOTER
---------------------------
*/
#footer {
position: relative;
z-index: 1;
margin-top: 0px;
padding: 0rem 0 0rem;
}
.footerbox {
padding: 0rem 0 0rem;
background: rgb(5, 43, 89);
background: -moz-linear-gradient(-45deg, rgba(5, 43, 89, 1) 0%, rgba(3, 34, 72, 1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(5, 43, 89, 1) 0%, rgba(3, 34, 72, 1) 100%);
background: linear-gradient(135deg, rgba(5, 43, 89, 1) 0%, rgba(3, 34, 72, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#052b59', endColorstr='#032248', GradientType=1);
}
#footer:last-of-type .footerbox {
background: #01152e !important;
}
.footerbox .textblock-content {
padding-right: 2rem;
}
.footerbox .textblock-content p {
font-size: 0.96rem;
}
.footer-content {
display: block;
width: 100%;
padding: 2.5rem 0rem 2rem 0rem;
position: relative;
}
.footer-content.question {
padding-left: 50%;
padding-bottom: 4rem;
}
.footer-content-image {
position: absolute;
bottom: 0;
left: -4rem;
width: 60%;
height: 100%;
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
}
.footer-content-image .name {
position: absolute;
bottom: 40px;
left: 100%;
font-size: 1.7rem;
line-height: 1;
color: #fff;
transform: rotate(-4deg);
font-family: 'Caveat', cursive;
white-space: nowrap;
}
.footer-content-image .name:after {
position: absolute;
bottom: -10px;
left: -30px;
width: 70px;
height: 15px;
content: '';
opacity: 0.6;
background: url('/addthemes/hitma/images/arrow-draw-white.svg') no-repeat center center;
background-size: contain;
transform: rotate(9deg);
z-index: 1;
}
.footer-content-image .name span {
padding-top: 3px;
text-align: left;
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
font-weight:500;
opacity: 0.4;
}
.footer-content-image .button {
position: absolute;
bottom: 40px;
left: 90px;
}
.multi .footer-content-image .button {
bottom: 40px;
text-align: left;
padding: 9px 10px;
padding-left: 10px;
padding-right: 10px;
}
.multi .footer-content-image .button:nth-of-type(1) {
position: absolute;
left: 5%;
bottom: 40px;
}
.multi .footer-content-image .button:nth-of-type(2) {
left: 37%;
bottom: 40px;
}
.multi .footer-content-image .button:nth-of-type(3) {
left: 73%;
bottom: 40px;
}
.multi .footer-content-image .button:nth-of-type(4) {
left: 73%;
bottom: 20px;
}
/* 4 */
.multi.links-4 .footer-content-image .button {
padding: 5px 10px;
font-size: 12px;
}
.multi.links-4 .footer-content-image .button:nth-of-type(1) {
left: 0%;
bottom: 10px;
}
.multi.links-4 .footer-content-image .button:nth-of-type(2) {
left: 20%;
bottom: 50px;
}
.multi.links-4 .footer-content-image .button:nth-of-type(3) {
left: 50%;
bottom: 30px;
}
.multi.links-4 .footer-content-image .button:nth-of-type(4) {
left: 75%;
bottom: 40px;
}
@media (max-width: 1100px) {
.multi .footer-content-image .button {
font-size: 13px;
}
.multi .footer-content-image .button:nth-of-type(1) {
position: absolute;
left: 10%;
}
.multi.links-4 .footer-content-image .button:nth-of-type(1) {
left: 5%;
bottom: 10px;
}
}
.multi.footer-content.question .footer-content-image {
position: absolute;
bottom: 0;
left: -7rem;
width: 73%;
height: 110%;
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
}
.multi.links-4.footer-content.question .footer-content-image {
width: 80%
}
.multi.footer-content.question {
padding-left: 60%;
padding-bottom: 4rem;
}
.footer-content.first .footer-title {}
.footer-content .footer-title {
font-size: 1.3rem;
text-transform: none;
letter-spacing: 0;
margin-bottom: 15px;
}
.footer-content p {
line-height: 1.8;
font-size: 0.86rem;
color: rgba(252, 253, 255, 0.6)
}
.footer-content p strong {
color: #fff;
font-weight: 400;
margin-right: 5px;
}
/* List items */
.footer-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.large-6 .footer-content ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.large-6 .footer-content.question ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.footer-content ul li {
padding: .2rem 0;
}
.footer-content ul li a,
.footer-content ul li span,
.footer-content ul li div {
position: relative;
padding-left: 0rem;
font-size: 18px;
padding: 0rem 0;
display: inline-block;
color: rgba(255, 255, 255, 0.6)
}
.footer-list ul li a {
color: rgba(255, 255, 255, 0.6);
}
.footer-list ul li span {
color: rgba(255, 255, 255, 0.6);
}
.footer-list ul li a:hover {
color: rgba(255, 255, 255, 1) !important;
}
/* Contact List */
.contact-list li {
font-size: 18px;
}
.contact-list i {
position: relative;
top: 2px;
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
background: #fff;
border-radius: 100px;
color: #022249;
margin-right: 5px;
}
.contact-list .underline {
display: inline-block;
border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
.contact-list li a:hover .underline {
display: inline-block;
border-color: rgba(255, 255, 255, 1);
}
/* Social */
.socialist {
display: block;
margin-top: 10px;
}
.socialist ul {
display: inline-block;
}
.socialist ul li {
padding: 0;
display: inline-block;
}
.socialist.vertical {
margin-top: 0;
text-align: center;
width: 100%;
display: block
}
.socialist.vertical ul {
margin: auto;
padding-right: 2rem;
}
.socialist.vertical ul li {
padding: 0 0 5px;
display: block;
}
.socialist ul li a {
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 1.8rem;
padding: 0.3rem 0rem;
display: inline-block;
color: #022249;
background: #fff;
border-radius: 100px;
margin-bottom: 5px;
}
.socialist.vertical ul li a {
width: 50px;
height: 50px;
line-height: 50px;
}
.socialist ul li a i {
position: relative;
top: -2px;
color: #022249;
}
.socialist ul li a:hover i {
color: #094fa3 !important;
}
/* Badge */
a.hitma-footer-badge {
display: block;
padding: 40px 0px;
}
.hitma-footer-badge img {
max-width: 200px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
a.hitma-footer-badge:hover img {
transform: scale(1.03);
}
@media (max-width: 1440px) {
.footer-content-image {
background-size: 80% auto;
left: -4rem;
}
.footer-content-image .name {
position: absolute;
bottom: 20px;
right: 0px;
}
.footer-content ul li a,
.footer-content ul li span {
font-size: 16px;
}
}
@media (max-width: 1100px) {
.footer-content.question {
padding-left: 35%;
padding-bottom: 4rem;
}
.footer-content-image .name {
position: absolute;
bottom: 20px;
right: -30px;
}
.footer-content-image .button {
position: absolute;
bottom: 40px;
left: 40px;
}
}
@media (max-width: 970px) {
.footerbox {
min-height: 380px;
}
.footer-content {
display: block;
width: 100%;
padding: 1.5rem 0rem 2rem 0rem;
position: relative;
}
.footer-content.question {
padding-left: 0;
padding-bottom: 6rem;
}
.footer-content-image {
position: absolute;
bottom: 0;
left: auto;
right: 0;
width: 100%;
height: 100%;
background-position: right bottom;
background-repeat: no-repeat;
background-size: 56% auto;
}
.multi.footer-content.question .footer-content-image {
position: absolute;
bottom: 0;
left: auto;
width: 70%;
height: 120%;
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
}
.multi.footer-content.question {
padding-left: 0%;
padding-bottom: 4rem;
}
.footer-content-image .name {
position: absolute;
bottom: 5rem;
left: auto;
right: -7rem;
font-size: 1.2rem;
}
.footer-content-image .button {
position: absolute;
bottom: 20px;
left: 140px;
}
.footer-content .footer-title {
font-size: 1rem;
}
.footer-content ul li a,
.footer-content ul li span {
font-size: 15px;
padding: 0.3rem 0;
line-height: 1.3;
display: inline-block;
color: rgba(255, 255, 255, 0.6)
}
.socialist ul li a {
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 1.2rem;
padding: 0.3rem 0rem;
margin-right: 8px;
}
.socialist.vertical {
margin-top: 10px;
text-align: left;
}
.socialist.vertical ul li {
padding: 0 0 5px;
display: inline-block;
}
}
@media (max-width: 640px) {
.footerbox {
min-height: 380px;
padding-top: 0;
}
.footer-content {
padding-top: 2rem;
text-align: center !important;
}
.footer-content.question {
padding-top: 3rem;
text-align: left !important;
}
.footer-content.question.multi {
padding-bottom: 230px;
}
.footer-content-image {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-position: right bottom;
background-repeat: no-repeat;
background-size: 60% auto;
}
.multi.footer-content.question .footer-content-image {
position: absolute;
bottom: 0;
left: -2rem;
width: 110%;
height: 120%;
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
}
.multi.links-4.footer-content.question .footer-content-image {
width: 105%;
}
.footer-content-image .name {
position: absolute;
bottom: 1rem;
left: 2rem;
right: auto;
font-size: 1.2rem;
}
.footer-content-image .name:after {
position: absolute;
top: -20px;
bottom: auto;
left: 70px;
width: 70px;
height: 15px;
content: '';
opacity: 0.6;
background: url('/addthemes/hitma/images/arrow-draw-white.svg') no-repeat center center;
background-size: contain;
transform: rotate(-180deg);
z-index: 1;
}
.footer-content-image .button {
position: absolute;
bottom: 20px;
left: auto;
right: 20px;
}
.multi .footer-content-image .button {
padding: 4px 8px;
font-size: 12px;
}
.multi .footer-content-image .button:nth-of-type(1) {
bottom: 10px;
left: 5%;
right: auto;
}
.multi .footer-content-image .button:nth-of-type(2) {
bottom: 40px;
left: 38%;
right: auto;
}
.multi .footer-content-image .button:nth-of-type(3) {
bottom: 20px;
left: 71%;
right: auto;
}
.socialist.vertical {
margin-top: 10px;
text-align: center;
}
.socialist.vertical ul {
padding-right: 0;
}
}
@media (max-width: 400px) {
.footerbox {}
.footer-content {
padding-left: 0rem;
}
.footer-content.question {}
.footer-content-image {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-position: right bottom;
background-repeat: no-repeat;
background-size: 50% auto;
}
.footer-content-image .button {
position: absolute;
bottom: 20px;
left: auto;
right: 0px;
font-size: 1rem;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
}
@media (max-width: 360px) {
.footer-content.question {}
.footer-content-image {
background-size: 50% auto;
}
.footer-content-image .name {
font-size: 1rem;
left: 0rem;
}
.footer-content-image .button {
position: absolute;
bottom: -10px;
left: auto;
right: 0px;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
font-size: 1rem;
}
.multi .footer-content-image .button:nth-of-type(3) {
bottom: 10px;
left: 67%;
right: auto;
}
}
/* Bottom */
.copyright-wrapper {
position: relative;
z-index: 1;
padding: 2rem 0 2rem;
}
.copyright-logo {
float: left;
margin: 0 2rem 0 0rem;
width: 80px;
height: 64px;
background: url('/addthemes/hitma/images/logo-hitma-95.svg') no-repeat left center;
background-size: contain;
}
.copyright {
display: block;
padding: 0.1rem 1rem;
font-size: 0.86rem;
color: rgba(0, 0, 0, 0.47);
}
.part-of {
display: inline-block;
font-size: 1.1rem;
color: #094fa3;
letter-spacing: 0px;
}
@media (max-width: 640px) {
.copyright-wrapper {
position: relative;
z-index: 1;
padding: 1rem 0 1rem;
}
.copyright {
font-size: 0.76rem;
padding: 0.1rem 0rem;
}
.part-of {
display: inline-block;
font-size: 1rem;
color: #094fa3;
letter-spacing: 0px;
}
.part-of strong {
display: block;
}
}
.section-route {
margin-top: 0px;
}
#routemap {}
#routemap iframe {
width: 100% !important;
background-color: #f9f9f9;
height: 600px !important;
}
/*
---------------------------
TOOLTIPS
---------------------------
*/
.has-tip {
border: 0;
font-weight: normal;
position: relative;
display: inline-block;
cursor: pointer;
}
.tooltip {
max-width: 14rem;
font-size: 0.76rem;
border-radius: 0;
background: #000;
line-height: 1.2;
border-radius: 3px;
}
/*
---------------------------
SLIDE OUT BOX
---------------------------
*/
#slidebox {
width: 520px;
min-height: 200px;
padding: 2rem;
background-color: #fff;
position: fixed;
bottom: 500px;
right: 1.5rem;
-webkit-transform: translate(120%, 0);
transform: translate(120%, 0);
border-radius: 5px;
z-index: 99;
box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
#slidebox.slidebox-bg {
padding-right: 10%;
background-position: right;
background-size: contain;
background-repeat: no-repeat;
}
.white-popup #slidebox {
width: 100%;
position: relative;
bottom: auto;
right: auto;
padding: 2rem 3rem;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.white-popup #slidebox.slidebox-bg {
padding-right: 25%;
}
#slidebox a.close {
width: 36px;
height: 36px;
position: absolute;
top: -14px;
right: -14px;
text-align: center;
border-radius: 100px;
color: #fff;
font-size: 1.1em;
font-weight: 400;
line-height: 32px;
background-color: #9197a7 !important;
opacity: 1;
}
#slidebox a.close:hover {
background-color: #777d8c !important;
}
#slidebox .intro.question {
display: none;
}
#slidebox .intro.search {
display: block;
}
#slidebox .intro p {
color: #767d8f;
}
#slidebox .button {
margin-top: 10px;
}
#slidebox .title {
margin: 0px 20px 0px 0px;
}
#slidebox .searchbox {
position: relative;
top: auto;
right: auto;
}
#slidebox .searchbox .search-input {
width: 100%;
border: 1px solid #c3cddb;
background-color: rgba(255, 255, 255, 0.66);
border-radius: 5px;
padding-left: 1.5rem;
font-size: 0.86rem;
margin: 0;
box-shadow: none !important;
}
#slidebox .searchbox .search-input:focus {
border-color: rgba(0, 59, 118, 1);
}
#slidebox .searchbox .search-button {
position: absolute;
top: 0px;
right: 0px;
padding: 0 1rem;
height: 100%;
font-size: 1.2rem;
opacity: 1;
background: #c3cddb;
border-radius: 0 5px 5px 0;
color: #fff;
}
#slidebox .searchbox .search-button:hover {
opacity: 1;
background-color: #b5b9c4;
}
#slidebox .searchbox .search-input:focus+.search-button {
background-color: rgba(0, 59, 118, 1);
}
#slidebox .search-tags {
padding-top: 1rem;
display: block;
}
#slidebox .tags-label {
display: block;
font-size: 0.76rem;
text-transform: uppercase;
letter-spacing: 2px;
}
#slidebox .search-tags a {
font-size: 0.86rem;
}
/* Slidebox Small */
#slidebox.small {
width: 200px;
min-height: 80px;
padding: 0rem;
right: 0rem;
border-radius: 5px 0 0 5px;
}
#slidebox.small:hover {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
#slidebox.small .border-bottom {
border-radius: 0px 0 0 5px;
}
#slidebox.small a.close {
display: none;
}
#slidebox.small .title {
font-size: 1.3rem;
margin: 0px 10px 0px 0px;
padding: 1rem 1rem 0;
}
#slidebox.small .intro.question {
display: block;
font-size: 0.86rem;
padding: 0rem 1rem 0;
}
#slidebox.small .intro.question p {
font-size: 0.86rem;
}
#slidebox.small .intro.search {
display: none;
}
#slidebox.small .searchbox {
display: none;
}
#slidebox.small .search-tags {
display: none;
}
@media (max-width: 767px) {
#slidebox {
bottom: 200px;
}
#slidebox .searchbox {
display: block;
}
.white-popup #slidebox {
width: 100%;
position: relative;
bottom: auto;
right: auto;
min-height: 120px;
padding: 1rem 1rem;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.white-popup #slidebox.slidebox-bg {
padding-right: 5%;
}
}
/*
---------------------------
COOKYBAR
---------------------------
*/
#cookybar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 100px;
margin: 0;
border: 0;
z-index: 998;
overflow: hidden;
padding-top: 3rem;
background: transparent;
}
#cookybar:before {
position: absolute;
bottom: 0;
left: -5%;
width: 110%;
height: 60px;
content: '';
background: #c6c6c6;
opacity: 1;
z-index: 1;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
#cookybar:after {
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
height: 1px;
content: '';
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 7%, rgba(255, 255, 255, 1) 93%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 7%, rgba(255, 255, 255, 1) 93%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 7%, rgba(255, 255, 255, 1) 93%, rgba(255, 255, 255, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
z-index: 2;
}
#cookybar .row {
position: relative;
z-index: 3;
background: #c6c6c6;
border-radius: 20px 20px 0 0;
box-shadow: 0 -10px 22px -10px rgba(0, 0, 0, 0.7);
}
#cookybar .cookybar-content {
padding: 1rem 1rem 1rem;
}
#cookybar .cookybar-content p {
margin: 0;
font-size: 14px;
color: #022249;
}
#cookybar .cookybar-button {
border: 3px solid #094fa3;
}
#cookybar .cookybar-button i {
margin-right: 10px;
}
[itemprop="video"] h2,
[itemprop="video"] [itemprop="description"] {
display: none;
}
.product_detail h2,
.product_detail h3 {
position: relative;
line-height: 1.2;
margin-bottom: 10px;
font-size: 1.5rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.smallclose {
font-size: 1em;
margin-right: -5px;
}
a.tool_question:link,
a.tool_question:hover,
a.tool_question:visited,
a.tool_question:active,
a.tool_question:link i,
a.tool_question:hover i,
a.tool_question:visited i,
a.tool_question:active i {
font-size: 15px!important;
color: #022249 !important;
margin-left: 0px !important;
margin-right: 1px !important;
top: -1px !important;
position: relative !important;
left: 0px !important;
}
a.tool_question_times:link,
a.tool_question_times:hover,
a.tool_question_times:visited,
a.tool_question_times:active,
a.tool_question_times:link i,
a.tool_question_times:hover i,
a.tool_question_times:visited i,
a.tool_question_times:active i {
font-size: 18px!important;
color: #628fc6 !important;
background: none;
padding: 1px 4px 1px 4px;
font-family: "Times New Roman", Times, serif;
margin-left: -4px !important;
margin-right: 2px !important;
top: -2px !important;
position: relative !important;
left: 0px !important;
font-style: italic;
font-weight: bold;
}
a.tool_question_word:link i,
a.tool_question_word:hover i,
a.tool_question_word:visited i,
a.tool_question_word:active i {
font-size: 18px!important;
color: #628fc6 !important;
background: none;
padding: 1px 4px 1px 4px;
font-family: "Times New Roman", Times, serif;
margin-left: -4px !important;
margin-right: 2px !important;
top: -2px !important;
position: relative !important;
left: 0px !important;
font-style: italic;
font-weight: bold;
}
span.dropdown-pane {
font-size: 15px !important;
color: #696a72 !important;
line-height: 20px !important;
font-weight: normal !important;
font-family: 'Open Sans', sans-serif !important;
}
a.vorige_pagina_button:link,
a.vorige_pagina_button:visited {
background: #f7a616;
padding: 7px 10px 7px 10px;
border-radius: 30px;
color: #ffffff;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight:700;
position: fixed;
z-index: 999;
left: 8px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
a.vorige_pagina_button:hover,
a.vorige_pagina_button:active {
background: #d08807;
}
a.vorige_pagina_button i {
font-size: 12px;
color: #fff;
}
.fixedbutton {
margin-top: 10px;
}
.scrolledbutton {
margin-top: -80px;
}
.fixedbutton.nocrumbs {
margin-top: 55px;
}
.scrolledbutton.nocrumbs {
margin-top: -45px;
}
.begrip_headline {
float: left;
width: 100%;
position: relative;
padding-right: 60px;
background: none;
margin-bottom: 5px;
}
.begrip_headline h2 {
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight:700;
margin: 0px;
padding: 0px;
}
a.begrip_terug:link,
a.begrip_terug:visited {
font-family: 'Open Sans', sans-serif;
font-weight:700;
font-size: 14px;
margin-top: 2px;
text-decoration: none;
position: absolute;
width: 60px;
background: none;
text-align: right;
right: 0px;
top: 0px;
}
.section-title.noline span:before,
.section-title.noline span:after {
height: 0px;
}
.section-max-width .row {
max-width: 60em;
}
.notextpadding {
padding: 0px!important;
}
.text-center .section-lead.widerlead {
max-width: 960px;
}
.landingsform_wrapper {
float: left;
width: 50%;
position: relative;
z-index: 2;
}
.landingsform_wrapper .huge.expanded {
position: absolute;
left: 50%;
width: 300px;
margin-left: -150px;
z-index: 999;
margin-top: -15px;
}
.landingsform_image {
float: right;
width: 50%;
position: relative;
}
.landingsform_image img {
left: -50px;
top: -50px;
right: 0px;
width: 110%;
max-width: none;
position: absolute;
}
.landingsform_image img.altimg {
top: -100px;
z-index: 1;
}
.noverflow {
overflow: hidden;
}
@media (max-width: 619px) {
.landingsform_wrapper {
width: 100%;
float: left;
}
.landingsform_image {
width: 100%;
float: left;
}
.landingsform_image img {
left: 0px;
top: 40px;
right: 0px;
width: 100%;
position: relative;
}
}
.landingsform_wrapper input::placeholder {
color: #919191;
opacity: 1;
}
.landingsform_wrapper input::-webkit-input-placeholder {
color: #919191;
}
.landingsform_wrapper input:-moz-placeholder {
color: #919191;
opacity: 1;
}
.landingsform_wrapper input::-moz-placeholder {
color: #919191;
opacity: 1;
}
.landingsform_wrapper input:-ms-input-placeholder {
color: #919191;
}
.landingsform_wrapper input::-ms-input-placeholder {
color: #919191;
}
.landingsform_wrapper textarea::placeholder {
color: #919191;
opacity: 1;
}
.landingsform_wrapper textarea::-webkit-input-placeholder {
color: #919191;
}
.landingsform_wrapper textarea:-moz-placeholder {
color: #919191;
opacity: 1;
}
.landingsform_wrapper textarea::-moz-placeholder {
color: #919191;
opacity: 1;
}
.landingsform_wrapper textarea:-ms-input-placeholder {
color: #919191;
}
.landingsform_wrapper textarea::-ms-input-placeholder {
color: #919191;
}
.vraagaanwrap {
width: 115%;
margin-left: -15%;
position: relative;
}
.vraagaanwrap img {
position: relative;
}
@media (max-width: 640px) {
.vraagaanwrap {
width: 100%;
margin-left: 0%;
}
}
.vraagaanbutton {
width: 170px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -85px;
z-index: 2;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.vraagaanbutton:active {
color: #ffffff;
}
.filter_productgroups li {
border-bottom: 1px solid #eee;
padding: 5px 0px 5px 0px;
font-size: 15px;
}
.filterlist li {
border-bottom: 1px solid #eee;
padding: 5px 0px 5px 0px;
font-size: 14px;
}
.artnr {
color: #696a72;
float: left;
width: 80px;
}
.artvalue {
float: right;
width: calc(100% - 80px);
}
.lang_select {
float: right;
height: 30px;
margin: 12px 10px 0px 0px;
}
@media (max-width: 969px) {
.lang_select {
display: none;
visibility: hidden;
}
}
.landinglead a:link,
.landinglead a:visited {
color: #ffffff;
font-weight: 700;
text-decoration: underline;
}
.landinglead a:hover,
.landinglead a:active {
opacity: 0.7;
}
.landingsform_wrapper.altwrapper #voornaam {
width: calc(100% + .9375rem);
}
.landingsform_wrapper.altwrapper #attribute_120 {
width: calc(100% + .9375rem);
}
.landingsform_wrapper.altwrapper #attribute_121 {
width: 100%;
}
.landingsform_wrapper.altwrapper label[for=multicheckbox_] {
display: none;
visibility: hidden;
}
.landingsform_wrapper.altwrapper .form-field-wrapper label {
color: #fff;
}
.landingsform_wrapper.altwrapper .form-field-wrapper div {
position: relative;
padding-left: 20px;
}
.landingsform_wrapper.altwrapper .form-field-wrapper [type="checkbox"] {
float: left;
position: absolute;
left: 0px;
top: 4px;
}
@media (max-width: 640px) {
.landingsform_wrapper.altwrapper #voornaam {
width: 100%;
}
.landingsform_wrapper.altwrapper #attribute_120 {
width: 100%;
}
.landingsform_wrapper.altwrapper #attribute_121 {
width: 100%;
}
}
.landingsform #steljevraag,
.landingsform #stel_je_vraag {
/* margin-top: -7px; */
min-height: 8rem;
}
.landingsform_wrapper .huge.expanded:hover {
background: rgba(247, 166, 22, 0.5) !important;
}
.floating-arrow {
bottom: 30% !important;
-webkit-animation-name: floating-arrow;
animation-name: floating-arrow;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes floating-arrow {
from {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0)
}
65% {
-webkit-transform: translate(0%, 10px);
transform: translate(0%, 10px)
}
to {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0)
}
}
@keyframes floating-arrow {
from {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0)
}
65% {
-webkit-transform: translate(0%, 10px);
transform: translate(0%, 10px)
}
to {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0)
}
}
.search_header_block {
float: right;
width: 60%;
}
.title-search-header {
font-size: 3.2rem !important;
margin-top: 15px;
}
.firstheader {
/* margin-top: 50px; */
position: relative;
}
.header_shadow_top {
position: absolute;
left: 0px;
top: -40px;
width: 100%;
height: 90px;
z-index: 99;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
}
.header_shadow_bottom {
position: absolute;
left: 0px;
bottom: -40px;
width: 100%;
height: 90px;
z-index: 99;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
/* IE6-9 */
}
@media (max-width: 1275px) {
.title-search-header {
font-size: 2.6rem !important;
margin-top: 25px;
}
}
@media (max-width: 1100px) {
.cover-heading-search {
width: 100%;
}
.firstheader {
margin-top: 0px;
}
.cover-heading-search input,
.cover-heading-search input+label {
font-size: 1.5rem;
}
}
@media (max-width: 800px) {
.search_header_block {
float: left;
width: 100%;
padding-left: 25px;
}
.title-search-header {
font-size: 2.2rem !important;
margin-top: 25px;
}
.cover-heading-search input,
.cover-heading-search input+label {
font-size: 1.2rem;
}
}
@media (max-width: 640px) {
.search_header_block {
padding-left: 0px;
}
}
#search_slides {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
#search_slides>div {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: #061b38;
}
#search_slides>div img {
height: 100%;
position: absolute;
left: 50%;
top: 0px;
margin-left: -800px;
width: auto !important;
max-width: none !important;
}
@media (max-width: 1050px) {
#search_slides>div img {
margin-left: -700px;
}
}
@media (max-width: 800px) {
#search_slides>div img {
margin-left: -600px;
}
}
@media (max-width: 600px) {
#search_slides>div img {
margin-left: -500px;
}
}
#contact_livechat {
position: relative;
left: 40px;
bottom: 27px;
}
.contact-list.social-top .livechat_button {
position: relative;
bottom: 30px;
left: 40px;
}
.reserveerbutton{
font-family: 'Open Sans', sans-serif;
padding: 15px 20px 20px 15px;
}
.reserveerbutton i{
position: absolute;
bottom: 3px;
left: 50%;
width: 20px;
margin-left: -10px;
}
.reserveersection{
text-align: center;
}
.reserveertitle{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.reserveertitle .normaltext{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.reserveertext{
text-align: center;
}
.reserveertext a:link, .reserveertext a:visited{
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
.reserveertext a:hover, .reserveertext a:active{
opacity: 0.8;
}
.verhuurformulier textarea{
height: 150px;
}
.verhuurformulier .button{
border: 3px solid #ffffff;
}
.verhuurback{
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-size: 500px 652px !important;
}
.omschrijvingtekst{
background: #ededed;
color: #696a72;
padding: 15px 15px 5px 15px;
margin-left: -15px;
}
.omschrijvingtekst b, .omschrijvingtekst strong{
color: #022249;
}
.textblock-content.omschrijvingtekst ul{
top: 5px;
}
.verhuurformulier{
padding: 0px 15% 0px 15%;
}
.textblock-content.omschrijvingtekst ul li i,
.textblock-content.omschrijvingtekst ul li img,
.textblock-listing.omschrijvingtekst ul li i,
.textblock-listing.omschrijvingtekst ul li img {
background: #ededed;
}
.textblock-content.omschrijvingtekst ul li i.icon-check,
.textblock-listing.omschrijvingtekst ul li i.icon-check {
background: #ededed;
}
a.verhuurlink:link, a.verhuurlink:visited{
float: left;
width: 100px;
height: 100px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
border-radius: 50%;
background: #f8a516;
text-align: center;
padding-top: 30px;
line-height: 20px;
position: relative;
margin-left: 50%;
left: -50px;
}
a.verhuurlink:hover, a.verhuurlink:active{
background: #042751;
}
a.verhuurlink b, a.verhuurlink strong{
font-size: 20px;
}
.reserveertel{
color: #022249;
}
@media (max-width: 1100px) {
.verhuurback{
background-size: 425px 554px !important;
}
.verhuurformulier{
padding: 0px 10% 0px 10%;
}
}
@media (max-width: 900px) {
.verhuurback{
background-size: 350px 465px !important;
}
.verhuurformulier{
padding: 0px 20% 0px 20%;
}
}
@media (max-width: 600px) {
.verhuurback{
background-size: 275px 359px !important;
}
}
@media (max-width: 400px) {
.verhuurback{
background-size: 275px 359px !important;
}
.verhuurformulier{
padding: 0px 5% 0px 5%;
}
}