body {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 30px;
}

.navbar {
    padding-bottom: 10px;
}

#header {
    background: url(../image/header_bg.jpg);
    -webkit-box-shadow: 0px 12px 30px 0px rgba(214, 214, 214, 1);
    -moz-box-shadow: 0px 12px 30px 0px rgba(214, 214, 214, 1);
    box-shadow: 0px 12px 30px 0px rgba(214, 214, 214, 1);
}

.p130-lf {
    padding-left: 130px;
    padding-right: 130px;
}

#header .fxlogo img {
    padding-bottom: 30px;
    max-width: 106px;
}

#header h3 {
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 15px;
}

#content h3 {
    font-weight: 700;
    font-size: 30px;
    padding: 65px 0;
}

img.content {
    width: 100%;
}

img.teamPhoto {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.icon-mouse {
    padding: 15px 0;
}

p.icon-quote {
    background: url(../image/icon_quote.png) center center no-repeat;
    padding: 15px 0 15px 0;
    margin-bottom: 0;
}

.whiteBox {
    text-align: center;
    border-radius: 3px;
    padding: 10px;
    -webkit-box-shadow: 0px 7px 27px 0px rgba(214, 214, 214, 0.1);
    -moz-box-shadow: 0px 7px 27px 0px rgba(214, 214, 214, 0.1);
    box-shadow: 0px 7px 27upx 0px rgba(214, 214, 214, 0.1);
}

.whiteBox>img {
    width: 200px;
    height: 200px;
}

.greyBox {
    border-radius: 3px;
    padding: 30px;
    background: #e1e1e1;
    -webkit-box-shadow: 0px 7px 27px 0px rgba(214, 214, 214, 0.1);
    -moz-box-shadow: 0px 7px 27px 0px rgba(214, 214, 214, 0.1);
    box-shadow: 0px 7px 27upx 0px rgba(214, 214, 214, 0.1);
}

.greyBox p:last-child,
.whiteBox p:last-child {
    margin-bottom: 0;
}

.whiteBox h5 {
    margin-top: 30px;
}

.whiteBox p {
    font-size: 14px;
}

.whiteBox p.email,
.whiteBox p.phone {
    font-size: 14px;
}

.whiteBox p.email img {
    width: 30px;
}

.greyBox a,
.whiteBox a {
    color: #000;
}

.btn-go {
    background: #d8a96c;
    color: #fff;
    width: auto;
    font-weight: 500;
    font-size: 18px;
    -webkit-box-shadow: 0px 0px 27px 0px rgba(214, 214, 214, 0.5);
    -moz-box-shadow: 0px 0px 27px 0px rgba(214, 214, 214, 0.5);
    box-shadow: 0px 0px 27px 0px rgba(214, 214, 214, 0.5);
}

.btn-go:hover,
.btn-go:active {
    -webkit-box-shadow: 0px 0px 27px 0px rgba(214, 214, 214, 1);
    -moz-box-shadow: 0px 0px 27px 0px rgba(214, 214, 214, 1);
    box-shadow: 0px 0px 27px 0px rgba(214, 214, 214, 1);
}

.btn-gogo {
    background: #7e121f;
}


/* Slideshow container */

.slideshow-container {
    position: relative;
}


/* Slides */

.mySlides {
    display: none;
    padding: 20px 30px 10px;
    min-height: 140px;
    text-align: center;
}


/* Next & previous buttons */

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -60px;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}


/* Position the "next button" to the right */

.prev {
    left: 0;
}

.next {
    right: 0;
    position: absolute;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
    /* background-color: rgba(0, 0, 0, 0.8); */
    color: #000;
}


/* The dot/bullet/indicator container */

.dot-container {
    text-align: center;
    padding: 5px 20px 43px;
    /* background: #ddd; */
}


/* The dots/bullets/indicators */

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}


/* Add a background color to the active dot/circle */

.active,
.dot:hover {
    background-color: #717171;
}

#header nav.navbar .navbar-collapse.collapse {
    transition-duration: 500ms;
}

#header nav.navbar .navbar-collapse.collapse.show {
    z-index: 99;
}

#header nav.navbar .navbar-toggler,
.dropdown-toggle {
    color: #000;
    padding: 15px 20px;
    margin: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAYAAADNGCeJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAB3RJTUUH3goTDTIdalKc1AAAAJxJREFUOMut0zEOAUEYxfHfWImgFSdQaVXOoHEDl9Dq3EKh06kVrqFzAmrBEruaKbR25p+85iUz35d5bwJm2KCDyv+EeG4NJ9QZVBUYYII3SrwaqMQ+oIcxijihKWc5CRhigW7CZhV2cMgUwKWV+E6/vAJGmMee1Qk9O4ZoFNFsSo1PQBv9eKGEAO6wzBTANvt3umIajQeeDXTD6gtAq32qZiPw+gAAAABJRU5ErkJggg==) center 50% no-repeat;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

#header .dropleft .dropdown-toggle::before {
    display: none;
}


/*#navbarSupportedContent { position: fixed;}*/

#header .navbar-nav .nav-link {
    padding: 5px 10px;
    color: #000;
    display: inline-block;
    background: rgba(255, 255, 255, 0.75);
}

@media (max-width: 576px) {
    #header nav.navbar .navbar-collapse.collapse.show {
        right: 5%;
    }
    .p130-lf {
        padding: 0;
    }
    body {
        font-size: 15px;
    }
    .navbar {
        padding: 5px 0 15px;
    }
    #header {
        background: url(../image/header_bg_xs.jpg);
    }
    #header .fxlogo img {
        max-width: 100%;
        padding: 60px;
    }
    #header h3 {
        font-size: 22px;
    }
    #content h3 {
        font-size: 24px;
        padding: 30px 0;
    }
    .xs-full {
        padding-left: 0;
        padding-right: 0;
    }
    img.icon-mouse {
        display: none;
    }
    .contentStart {
        padding-top: 40px;
    }
    .btn-go {
        width: 90%;
    }
}