/* General */

.layoutmiddle { max-width: 100%; }
.section7 .layoutmiddle, .section8 .layoutmiddle, .section4 .layoutmiddle { max-width: 1250px; }


.pagenotfound p { text-align: center; }

.pagetitle.title { text-align: center; border: 0px; color: black; letter-spacing: 2px; font-weight: 500; text-transform: capitalize; }

a.button { background: none; padding: 0px; max-width: fit-content; }
a.button:hover, .commissions .button:hover { background: none; color: black !important; opacity: 0.7; }
.layoutfooter a { color: white; text-decoration: underline !important; }
.layoutfooter a:hover { color: currentColor !important; ; }


.home h3, .home h2, .home .homenewslist h2.titletxt { color: #333; text-transform: capitalize;}
.home .homenewslist { background: none; }
.home .homenewslist h2.titletxt { border: none; font-size: 150%;  }

.headerlogo img { width: 60px; }

/* Header */

.home .homecarousel {width: 100%; padding: 0px;height: 550px; }
.home .homecarousel .carousel { max-width: 100%; margin: 20px auto; text-align: center;  height: 550px; overflow: hidden; }
.home .homecarousel .carousel ul {width: 100% !important; }
.home .homecarousel  .carousel li {background-size: contain; float: none !important;position: absolute;height: 550px;top: 0px; left: 0px; text-align: center; width: 100% !important; max-width: 100%; }

.layoutheader { height: 100%; border-bottom: 1px solid var(--black) }
.layoutheader_inner { display: flex; justify-content: space-between; align-items: center; padding: 10px 0px;  }

.headercontact, .headertitle, .headerlogo, .nav_multilevel, .headercontact p:first-of-type, .layouttopmenu { display: none; }
.util_container.hidden, .util_container.hidden .headercontact, .util_container.hidden .headertitle, .util_container.hidden .headerlogo, .util_container.hidden .nav_multilevel {display: block;}
.util_container.hidden .headertitle, .util_container.hidden .headerlogo, .util_container.hidden .headercontact, .layoutheader .headertitle {position: static; transform: none;}

.layoutheader .left {width: 40%;}
.layoutheader .left .items { display: flex; align-items: center; justify-content: space-between; }
.layoutheader .left .headertitle h2, .layoutheader .left .headertitle .content { margin: 0px; line-height: 1.3; letter-spacing: 1.5px; }
.layoutheader .left .headertitle h2 { font-size: 150%;  }
.layoutheader .left .headertitle .content  { font-size: 100%; }

.layoutheader .right { width: 50%; text-align: right; }
.layoutheader .right .headercontact { font-size: 80%; }
.layoutheader .right a { letter-spacing: 2px;}
.layoutheader .right a:hover { color: #8c8c8c; }

.nav_multilevel .titletxt, .toggle, .link5 { display: none; }
.nav_multilevel ul.level1 { display: flex; justify-content: space-between; }

@media ( max-width: 1280px )
{
    .layoutheader { max-width: 96%; }
}
@media ( max-width: 1100px )
{
    .layoutheader .left { width: 44%; }
    .layoutheader .right { width: 56%; }
}
@media ( max-width: 1079px )
{
    .toggle { display: block; }
    .toggle svg { width: 25px; height: 25px; }
    .toggle svg path { fill: var(--black); }
    .layoutheader .toggleoff .links .level1  { display: none; }
    .layoutheader .toggleon .links .level1  { display: block; position: absolute; background-color: #f3f3f3; width: 100%; left: 0; text-align: center; padding: 20px 0px; z-index: 999; }
    .layoutheader .headercontact  { text-align: right; }
}
@media ( max-width: 1000px )
{
    .layoutheader .left .headertitle .content { display: none; }
    .layoutheader .left, .layoutheader .right  { width: 50%; }
}
@media ( max-width: 800px )
{
    .layoutheader .left .headertitle h2 { display: none; }
    .layoutheader .left, .layoutheader .right  { width: fit-content; }
}

@media ( max-width: 520px )
{
    .home .homecarousel { height: 300px; }
    .home .homecarousel .carousel { max-width: 100%; margin: 0px auto; text-align: center;  height: 300px; overflow: hidden; }
    .home .homecarousel .carousel ul {width: 100% !important; }
    .home .homecarousel  .carousel li {background-size: contain; float: none !important;position: absolute;height: 300px;top: 0px; left: 0px; text-align: center; width: 100% !important; max-width: 100%; }
}

/* Footer */

.layoutfooter { background-color: #333333; }
.layoutfooter .layoutfooter_inner { color: white; padding: 20px 0px; display: flex; max-width: 1240px; margin: 0px auto; justify-content: space-between; align-items: center; }
.layoutfooter .footerinfo { background: none; display: none;  }
.layoutfooter .right p:first-of-type { padding: 0px;  }
.layoutfooter .right p:last-of-type { padding: 0px; }
.layoutfooter .right p a { color: white; text-decoration: underline; }

@media ( max-width: 1280px )
{
    .layoutfooter .layoutfooter_inner { max-width: 96%; }
}
@media ( max-width: 600px )
{
    .layoutfooter .layoutfooter_inner { flex-direction: column;}
    .layoutfooter .layoutfooter_inner p { margin: 0px; padding: 0px; }
}

/* Home - Banner */ 

.banner img { height: 400px; object-fit: cover; }

/* Home - text */ 

.home .homemaintext1, .home .homemaintext2 { max-width: 1240px; margin: 0px auto; padding-top: 50px; }
.home .homemaintext1 h2, .home .homemaintext2 h3 { text-align: center; margin: 0px; }
.home .homemaintext2 h3 { font-size: 150%; }

@media ( max-width: 1280px )
{
    .home .homemaintext1, .home .homemaintext2 { max-width: 96%; }
}

/* Home - Carousel */

.home .homecarousel { padding: 0px; }

/* Home - News */

.home .homenewslist { float: none; width: 100%; }

/* About */

.aboutpage .components { }
.flex img, .flex .content { margin: 0 auto; }
.flex .left { background-color: #e6e6e6; }
.flex .left .util_textbox_inner, .flex .right .util_textbox_inner { max-width: 1240px; margin: 0px auto; padding: 30px 0px; display: flex; justify-content: space-between; align-items: center; }
.flex .left .util_textbox_inner .content, .flex .right .util_textbox_inner .content { width: 60%; padding: 10px }
.flex .left .util_textbox_inner .content p:last-child, .flex.right .util_textbox_inner .content p:last-child { padding: 0px; }
.flex .imageleft, .flex .imageright { width: 40%; margin: 0px auto;}
.flex .util_textbox img { display: block; }
.flex .std_content { max-width: 1240px; margin: 0px auto; text-align: center; }
.flex .std_content p { padding: 20px 0px 0px 0px; }
.flex .std_content p a { font-weight: 700; text-decoration: underline;  }
.flex .std_content p a:hover { opacity: 0.7;  }

.flex .content { max-width: 900px; text-align: center; }
.flex .introduction { max-width: 700px; text-align: center; margin: 30px auto 20px auto; border: 2px solid #cccccc; padding: 20px; }
.flex .introduction h3, .commissions h3 { font-weight: 700; font-size: 120%; margin-top: 0px; }
.flex .introduction p:last-of-type, .commissions .box ul { padding: 0px; }

.about .content { margin: 0px auto; }

@media ( max-width: 1280px ) 
{

}
@media ( max-width: 1040px )
{
    .flex .left .util_textbox_inner { flex-direction: column; }
    .flex .right .util_textbox_inner { flex-direction: column-reverse; }
    .flex .left .util_textbox_inner .content, .flex .right .util_textbox_inner .content { width: 100%;  }
}


/* Commissions */

.commissions  ul { text-align: left; margin: 10px 0px 0px 0px; }
.commissions  ul li { list-style: disc; font-size: 90%;  }


/* Instagram */

.feat_social h2 { text-align: center; }
.feat_social .toplinks { max-width: 1240px; margin: 0px auto; }
.feat_social .toplinks a { display: block; text-align: right; color:  #476f8c; font-weight: 500; padding-bottom: 20px; letter-spacing: 4px;}
.feat_social .feed { display: flex; max-width: 1240px; margin: 0px auto; justify-content: space-between;  }
.feat_social .feed .image img, .feat_social .feed .video video { width: 240px; height: 240px; }

@media ( max-width: 1280px )
{
    .feat_social .toplinks, .feat_social .feed { max-width: 96%; }
    .feat_social .feed { flex-wrap: wrap; justify-content: space-evenly; }
    .feat_social .feed .image img, .feat_social .feed .video video { width: 300px; height: 300px; }
}

.personalisationpage h2 { font-weight: bold; letter-spacing: 2px;}