body {
font-family: 'Asap', sans-serif;
height: 100%;
position:absolute;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
/* ___________________________________ Fonts ___________________________________ */
#main-content-area h1,
h1 {
font-size: 65px;
font-weight: 700;
}
#main-content-area h2, h2 {
font-size:45px;
margin:30px 0;
font-style: italic;
}
#main-content-area h3,
h3 {
font-size: 28px;
line-height: 32px;
}
#main-content-area h4,
h4 {
font-size: 30px;
font-style: italic;
}
#main-content-area h5,
h5 {
font-weight: 700;
font-style: italic;
font-size: 24px;
margin-bottom: 20px;
line-height: 22px;
}
#main-content-area p,
p {
font-weight: 300;
font-size: 20px;
margin-bottom: 20px;
line-height: 22px;
}
/* ___________________________________ menu ___________________________________ */
.menuContainer {
}
.menuHeight {
height:96px;
}
.navbar {
margin-bottom:0px;
}
.fixed-top {
position: fixed;
width:100%;
z-index:10;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.whitebg {
background-color:white;
}
.white a, .white, .white i, .white a i{
color:white;
}
.logoContainer {
width:240px;
}
.logoSmallContainer {
width:77px;
}
.rightMenu > * {
color: #333;
margin-left:15px;
font-size:16px;
}
.rightMenu {
margin-right:10px;
}
#main-Menu li a{
padding-right:15px;
color: #333;
font-size:16px;
}
.s8-navigationPrimaryMobile {
display:none;
}
/* ___________________________________ slider ___________________________________ */
.banner {
position: relative;
width:100%;
}
.containerBanner{
color:white;
}
.textbanner {
position: absolute;
color:white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#bannerMovePrevious,
#bannerMoveNext,
#TopbannerMovePrevious,
#TopbannerMoveNext {
bottom: 50%;
position: absolute;
opacity: 0;
}
.banner:hover #bannerMovePrevious,
.banner:hover #bannerMoveNext,
.topBanner:hover #TopbannerMovePrevious,
.topBanner:hover #TopbannerMoveNext {
opacity: 0.5;
}
.banner:hover #bannerMovePrevious:hover,
.banner:hover #bannerMoveNext:hover,
.topBanner:hover #TopbannerMovePrevious:hover,
.topBanner:hover #TopbannerMoveNext:hover {
opacity: 1;
}
#bannerMovePrevious,
#TopbannerMovePrevious {
left: 30px;
}
#bannerMoveNext,
#TopbannerMoveNext {
right: 30px;
}
#bannerMovePrevious img,
#bannerMoveNext img,
#TopbannerMovePrevious img,
#TopbannerMoveNext img {
width: 35px;
}
#featured_rotator img {
object-fit:cover;
height: 800px;
width:100%;
max-height:100%;
}
/* ___________________________________ magins & paddings ___________________________________ */
.padding-top120 {
padding-top:120px;
}
/* ___________________________________ flex layout ___________________________________ */
.flexheight {
display: flex; /* or inline-flex */
flex-direction:column;
justify-content: space-between;
}
/* ___________________________________ Content ___________________________________ */
.fullheight {
min-height: 100%;
}
.fullheightGreen {
background: rgb(255,234,253);
background: linear-gradient(129deg, rgba(255,234,253,1) 0%, rgba(206,249,245,1) 100%);
min-height: 100%;
}
.fullheightBlue {
background-color: blue;
min-height: 100%;
}
.centered {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.bluediv {
width:200px;
background-color: blue;
padding:20px;
margin-left:10px;
}
/* ___________________________________ RESPONSIVE BREAKPOINT STYLES ___________________________________ */
@media screen and (max-width:991px) {
.rightMenu > * {
color: #333;
}
.logoSmallContainer {
width: 90px;
}
.s8-navigationPrimary {
display:none;
}
}
@media screen and (max-width: 767px) {
}
body {
font-family: 'Asap', sans-serif;
height: 100%;
position:absolute;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
/* ___________________________________ Fonts ___________________________________ */
#main-content-area h1,
h1 {
font-size: 65px;
font-weight: 700;
}
#main-content-area h2, h2 {
font-size:45px;
margin:30px 0;
font-style: italic;
}
#main-content-area h3,
h3 {
font-size: 28px;
line-height: 32px;
}
#main-content-area h4,
h4 {
font-size: 30px;
font-style: italic;
}
#main-content-area h5,
h5 {
font-weight: 700;
font-style: italic;
font-size: 24px;
margin-bottom: 20px;
line-height: 22px;
}
#main-content-area p,
p {
font-weight: 300;
font-size: 20px;
margin-bottom: 20px;
line-height: 22px;
}
/* ___________________________________ menu ___________________________________ */
.menuContainer {
}
.menuHeight {
height:96px;
}
.navbar {
margin-bottom:0px;
}
.fixed-top {
position: fixed;
width:100%;
z-index:10;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.whitebg {
background-color:white;
}
.white a, .white, .white i, .white a i{
color:white;
}
.logoContainer {
width:240px;
}
.logoSmallContainer {
width:77px;
}
.rightMenu > * {
color: #333;
margin-left:15px;
font-size:16px;
}
.rightMenu {
margin-right:10px;
}
#main-Menu li a{
padding-right:15px;
color: #333;
font-size:16px;
}
.s8-navigationPrimaryMobile {
display:none;
}
/* ___________________________________ slider ___________________________________ */
.banner {
position: relative;
width:100%;
}
.containerBanner{
color:white;
}
.textbanner {
position: absolute;
color:white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#bannerMovePrevious,
#bannerMoveNext,
#TopbannerMovePrevious,
#TopbannerMoveNext {
bottom: 50%;
position: absolute;
opacity: 0;
}
.banner:hover #bannerMovePrevious,
.banner:hover #bannerMoveNext,
.topBanner:hover #TopbannerMovePrevious,
.topBanner:hover #TopbannerMoveNext {
opacity: 0.5;
}
.banner:hover #bannerMovePrevious:hover,
.banner:hover #bannerMoveNext:hover,
.topBanner:hover #TopbannerMovePrevious:hover,
.topBanner:hover #TopbannerMoveNext:hover {
opacity: 1;
}
#bannerMovePrevious,
#TopbannerMovePrevious {
left: 30px;
}
#bannerMoveNext,
#TopbannerMoveNext {
right: 30px;
}
#bannerMovePrevious img,
#bannerMoveNext img,
#TopbannerMovePrevious img,
#TopbannerMoveNext img {
width: 35px;
}
#featured_rotator img {
object-fit:cover;
height: 800px;
width:100%;
max-height:100%;
}
/* ___________________________________ magins & paddings ___________________________________ */
.padding-top120 {
padding-top:120px;
}
/* ___________________________________ flex layout ___________________________________ */
.flexheight {
display: flex; /* or inline-flex */
flex-direction:column;
justify-content: space-between;
}
/* ___________________________________ Content ___________________________________ */
.fullheight {
min-height: 100%;
}
.fullheightGreen {
background: rgb(255,234,253);
background: linear-gradient(129deg, rgba(255,234,253,1) 0%, rgba(206,249,245,1) 100%);
min-height: 100%;
}
.fullheightBlue {
background-color: blue;
min-height: 100%;
}
.centered {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.bluediv {
width:200px;
background-color: blue;
padding:20px;
margin-left:10px;
}
/* ___________________________________ RESPONSIVE BREAKPOINT STYLES ___________________________________ */
@media screen and (max-width:991px) {
.rightMenu > * {
color: #333;
}
.logoSmallContainer {
width: 90px;
}
.s8-navigationPrimary {
display:none;
}
}
@media screen and (max-width: 767px) {
}