/*
        Blue    = #105aa7
        l Blue  = #72bbe4
        offBlue = #4083c8 (for button on lBlue)
        dgrey   = #292929
        Grey    = #797979
        lGrey   = #d1d1d1
*/
body                                                                            { font-size:14px; background:url('../images/bg_majik_marquees.png') repeat; color:#c4c4c4;
                                                                                    transition: 6000ms ease;}
h2, h3, h4                                                                      { color:#c4c4c4}
h2                                                                              { font-size: 24px}

/*  'TrajanProBold'  */


@font-face {
    font-family: 'TrajanProBold';
    src: url('trajanpro-bold-webfont.eot');
    src: url('trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('trajanpro-bold-webfont.woff') format('woff'),
         url('trajanpro-bold-webfont.ttf') format('truetype'),
         url('trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
#main_body {
    background:url('../images/colour_bg1.jpg') repeat;

    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    overflow: scroll;
    top: -1px;
    left: 0px;
}

.fc-white                                                                       { color:#ffffff}
.fc-blue                                                                        { color:#105aa7}


.fc-white a                                                                     { color:#ffffff}

a:hover                                                                         { color:#72bbe4}


span.contactError                                                               { color: #ff0000}


img.gni-logo                                                                    { width:157px; height:80}
.relpos                                                                         { position:relative}
.bg-light                                                                       { margin-bottom:20px; background:none !important;}
.bg-light .container                                                            { background-color:#000000; position:relative}
.mb-lg-70                                                                       { margin-bottom:70px !important}
.mt-lg-70                                                                       { margin-top:70px !important}

.navbar                                                                         { padding-top:0; padding-bottom:0}
.navbar-light .navbar-nav .nav-link                                             { color:#ffffff}
.navbar-light .navbar-nav .nav-link:hover                                       { color:#7fb6fd}

.navbar-brand                                                                   { max-width:180px}
.navbar-brand h1                                                                { font-family: 'TrajanProBold'; text-transform:uppercase; font-size:22px; color:#ffffff}
.navbar-brand span                                                              { font-size:14px; color:#b27ffd; float:left}
.navbar-sub                                                                     { width:100%; clear:both; top:0px; position:absolute; right:12px; text-align:right}
.navbar-sub > .btn                                                              { margin-left:12px; font-size:16px; line-height:34px; padding:8px 24px 15px; background:none; border-radius:0px 0px 10px 10px;
                                                                                      border-top: 0px solid #7fb6fd; border-right: 0px solid #b27ffd; border-bottom: 2px solid #7fb6fd; border-left: 0px solid #b27ffd}
.btn-social                                                                     { border:none !important}
.insta                                                                          { display: block; width:40px; height:40px}
.navbar-sub > .btn i                                                            { margin-right:12px}
.navbar-sub > .btn:hover                                                        { color:#7fb6fd}

.navbar-light .navbar-toggler                                                   { color:#622fad}

.navbar-sub > .btn > svg                                                        { margin-right:10px; width:22px; height:22px; margin-bottom:-4px}
.navbar-nav                                                                     {}
.navbar-nav li                                                                  { border-radius:0px 0px 10px 10px; border-right: 0px solid #7fb6fd; border-bottom: 2px solid #b27ffd; margin: 10px 0 10px 10px}

.container                                                                      { width:80%; max-width:1600px; margin:auto;}

.container-left, .container-right                                               { --bs-gutter-x:0}

.col-left .inner                                                                { max-width:630px; float:right; padding-right:40px}
.col-right .inner                                                               { max-width:630px; padding-left:40px}
.col-left .inner, .col-right .inner                                             { text-align:justify}
.intro-two .inner, .intro-three .inner                                          { margin-top:50px}
.intro-two .bg-dblue .inner                                                     { color:#ffffff}
.inner h5                                                                       { margin-bottom:30px; color:#ffffff; font-size:40px; text-shadow: 2px 2px #000000}
.inner p                                                                        { margin-bottom:30px; color:#ffffff; font-size:20px}
.inner a.btn svg, a.btn-more svg                                                { margin-right:10px}
.intro-one .inner p                                                             { margin-bottom:14px}
.col-left .inner a.btn.home                                                          { float:right}


img.left-full                                                                   { max-width:100%}
img.full                                                                        { max-width:100%; min-width:100%}

li                                                                              { padding:0; margin:10px 0; list-style:none; font-size:16px}
ul li.featured i, ul li.featured svg                                            { color:#b27ffd; margin-right:10px}

#navbarSupportedContent                                                         { vertical-align: middle}


.btn-primary                                                                    { background-color:#b27ffd; border-color:#b27ffd}
.btn-primary:hover                                                              { background-color:#925fdd; border-color:#925fdd }
.btn-success                                                                    { background-color:#ffffff !important; border-color:#ffffff !important; color:#105aa7}
.btn-success:hover                                                              { background-color:#ffffff !important; border-color:#ffffff !important; color:#105aa7}
.btn-success.success-b                                                          { color:#4083c8}
.btn-check:focus + .btn-success, .btn-success:focus                             { box-shadow:0 0 0 .25rem rgba(0, 0, 0, 0.5)}

.btn-group-lg > .btn, .btn-lg                                                   { border-radius:8px}
.btn-sqr                                                                        { border-radius:0 !important}

.fc-white a.btn-check:focus + .btn-success, .fc-white a.btn-success, .fc-white a.btn-success:focus,
.fc-white a.btn-success:hover, .fc-white a.btn-success:hover                      { color:#105aa7 !important}

.fc-white h3                                                                    { color:#ffffff; margin-bottom:30px}



section.slidersect                                                              { position:relative; padding:10px; overflow:hidden}
.carousel-item                                                                  { white-space: nowrap;text-align: center;}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.carousel-item img                                                              { vertical-align: middle !important}
.carousel-caption                                                               { left:10px; right:10px; top:0px; padding:0;}
.carousel-caption .top                                                          { margin-top:24%}
.carousel-caption .medium                                                       { margin-top:15%}
section.intro                                                                   { background-color:#000000; overflow:hidden}
section.intro-one                                                               { padding:50px 20px 0 20px}
.intro-one p                                                                    { font-size:14px; color:#c4c4c4}
img.right-home                                                                  { width:100%; max-width:400px; float:right}

section.book-a-quote                                                            { background-color:#000000; text-align:center; padding:50px 0}

p.border                                                                        { border:solid 2px #622fad !important; padding:10px; margin:0 10px 10px; width: -moz-available; background:#622fad; font-size:17px}

footer                                                                          {}

footer .container                                                               { background-color:#000000;padding: 20px 30px;}

footer ul.footer-menu                                                           { list-style:none; margin:0; padding:0}
footer ul.footer-menu li                                                        { list-style:none; margin:0; padding:0}
footer ul.footer-menu li p.title                                                { color:#b27ffd; font-size:20px; margin-top:0px; margin-bottom:4px}
footer ul.footer-menu li a                                                      { color:#797979; font-size:16px; text-decoration:none}
footer ul.footer-menu li a:hover                                                { text-decoration:underline}


section.footer                                                                  { padding:20px 0}
section.sub-footer                                                              { padding:0px 0}
section.sub-footer .container                                                   { background-color:#000000; padding: 20px 30px; margin-bottom: 0}
section.sub-footer p                                                            { color:#ffffff; margin-bottom:0; font-size:14px}


.form-control                                                                   { background:#242424; border: solid 2px #b27ffd; color: #cecece}
.form-control:focus                                                             { background:#242424; color:#efefef}
.form-control::placeholder                                                      { color:#efefef}


@media (min-width:1400px) {

}
@media (max-width:1399px) {

}
@media (max-width:1199px) {
    .navbar-light .navbar-nav .nav-link                                         { font-size: 14px}
}
@media (max-width:1099px) {
    .navbar-light .navbar-nav .nav-link                                         { font-size: 12px}
}
@media (max-width:991px) {
    .bg-light .container                                                        { padding:8px 17px}
    .navbar-brand h1                                                            { font-size:18px}
    .navbar-brand span                                                          { font-size:11px}
    .navbar-sub > .btn                                                          { padding:8px 14px 15px}
    .insta                                                                      { width:27px; height:27px}
    .navbar-sub > .btn > svg                                                    { width:20px; height:20px; margin-right:8px}
}
@media (max-width:699px) {
    .navbar-sub > .btn                                                          { border:none}
    .navbar-sub > .btn > span                                                   { display:none}
}
@media (max-width:767px) {
    .navbar-sub > .btn                                                          { padding:8px 11px 15px; font-size:14px}
    .btn-social                                                                 { padding:7px 1px 15px 11px}
}
@media (max-width:575px) {

}
@media (max-width:500px) {

}
@media (max-width:469px) {
    .navbar-sub                                                                 { top:60px}
    .bg-light .container                                                        { padding-bottom:53px}
}
@media (max-width:350px) {

}








/* end */