html,
body {
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    
}



.nav>li {
    display: inline;
}

/* Spam Prevention */
.comments-s {display: none;}

/* DEFAULTS */

html,
body {
    font-size: 15px;
}

.font-1 {color: #c86b3a;}

.contact-pg .font-1:hover {color: #aaa !important;}

.font-2 {color: #6b7381;}

.font-3 {color: #8c8c8c;}

.font-4 {color: #d9d9d9;}

.font-link {color: blue;}

.font-fam-1 {font-family: 'Allura', cursive;}
.font-fam-2 {font-family: 'Allura', cursive;}

.bg-1 {background-color: #f2f2f2;}

.bg-2 {background-color: #989898;}

.bg-3 {background-color: #9b9b9b;}

.bg-4 {background-color: #cdac45;}

.border-all {border: 1px solid #d9d9d9;}
.border-none {border: none;}

.border-top {border-bottom: 1px solid black;}
.border-right {border-left: 1px solid black;}
.border-bottom {border-bottom: 1px solid black;}
.border-right {border-right: 1px solid black;}

.bg-wh {background-color: white;}
.bg-bl {background-color: white;}

.font-white {color: white;}

.font-black {color: black;}






/* MENU A */

.menu-item:hover {color: #58b22c;}

.mobile-menu {display: none;}

.mobile-menu li {display: block;text-align: center;}



/* Mobile Menu */

.bars{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#55ACAA;color:#fff;font-family:Lato,sans-serif;line-height:1.5;text-align:center;-webkit-transition:background .3s ease;transition:background .3s ease}.menu-toggle{position:relative;display:block;margin:auto;height:28.13px;width:45px;cursor:pointer}.menu-toggle .bars,.menu-toggle .bars:after,.menu-toggle .bars:before{display:block;width:45px;background:grey;border-radius:2px;position:absolute}.menu-toggle .bars{height:5.63px;top:50%;left:0;margin-top:-2.81px;-webkit-transition:all .2s linear;transition:all .2s linear}.menu-toggle .bars:after,.menu-toggle .bars:before{height:5.73px;content:"";-webkit-transition:.2s linear;transition:.2s linear}.menu-toggle .bars:before{top:-11.25px}.menu-toggle .bars:after{bottom:-11.25px}.active .bars{background-color:transparent;-webkit-transition:all .2s linear;transition:all .2s linear}.active .bars:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.active .bars:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/* END Mobile Menu */

/* Modal - Prevent body scroll while modal is open */
.modal-open {overflow: inherit !important;padding-right: 0 !important;}
body.modal-open {height: 100%;position: fixed;width: 100%;}

/* Modal close icon set initial */

.close {font-family: initial; }

/* END modal */

/* FORM */

input {
    background-color: rgba(255, 255, 255, 0.72);
    border: none;
    padding: 10px 14px;
    width: 100%;
    font-size: 19px;
    font-family: Lato;
}

input[type=submit] {
    background-color: #008eda;
    color: white;
}

input:hover {
    border-color: rgb(64, 59, 54);
    background-color: rgb(239, 239, 239);
}

.button:hover {
    transition: background-color 0.3s ease;
    background-color: white;
    color: black;
}


/* Font Sizes */

.lg-1 {font-size: 80px;}

.lg-2 {font-size: 75px;}

.lg-3 {font-size: 70px;}

.lg-4 {font-size: 65px;}

.lg-5 {font-size: 60px}

.lg-6 {font-size: 55px;}

.sm-1 {font-size: 65px;}

.sm-2 {font-size: 60px;}

.sm-3 {font-size: 55px;}

.sm-4 {font-size: 50px;}

.sm-5 {font-size: 45px}

.sm-6 {font-size: 35px;}

.xsm-1 {
    font-size: 15px;
}

.xsm-2 {
    font-size: 12px;
}

@media only screen and (max-width: 1400px) {
    .lg-1 {
        font-size: 70px;
    }
    .lg-2 {
        font-size: 65px;
    }
    .lg-3 {
        font-size: 60px;
    }
    .lg-4 {
        font-size: 55px;
    }
    .lg-5 {
        font-size: 50px
    }
    .lg-6 {
        font-size: 45px;
    }
    .sm-1 {
        font-size: 55px;
    }
    .sm-2 {
        font-size: 50px;
    }
    .sm-3 {
        font-size: 45px;
    }
    .sm-4 {
        font-size: 40px;
    }
    .sm-5 {
        font-size: 35px
    }
    .sm-6 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .lg-1 {
        font-size: 65px;
        text-align: center;
    }
    .lg-2 {
        font-size: 60px;
        text-align: center;
    }
    .lg-3 {
        font-size: 55px;
        text-align: center;
    }
    .lg-4 {
        font-size: 50px;
        text-align: center;
    }
    .lg-5 {
        font-size: 45px;
        text-align: center;
    }
    .lg-6 {
        font-size: 40px;
        text-align: center !important;
    }
    .sm-1 {
        font-size: 50px;
        text-align: center;
    }
    .sm-2 {
        font-size: 45px;
        text-align: center;
    }
    .sm-3 {
        font-size: 40px;
        text-align: center;
    }
    .sm-4 {
        font-size: 35px;
        text-align: center;
    }
    .sm-5 {
        font-size: 30px;
        text-align: center;
    }
    .sm-6 {
        font-size: 25px;
        text-align: center;
    }
    p {
        text-align: center !important;
    }
}

@media only screen and (max-width: 550px) {
    .lg-1 {
        font-size: 53px;
    }
    .lg-2 {
        font-size: 48px;
    }
    .lg-3 {
        font-size: 43px;
    }
    .lg-4 {
        font-size: 38px;
    }
    .lg-5 {
        font-size: 33px
    }
    .lg-6 {
        font-size: 28px;
    }
    .sm-1 {
        font-size: 38px;
    }
    .sm-2 {
        font-size: 33px;
    }
    .sm-3 {
        font-size: 28px;
    }
    .sm-4 {
        font-size: 23px;
    }
    .sm-5 {
        font-size: 18px
    }
    .sm-6 {
        font-size: 23px;
    }
}


/* Line Height */

.lh-half, .lh-half h1, .lh-half h2, .lh-half h3, .lh-half h4, .lh-half h5, .lh-half p {line-height: 0.5 !important;}

.lh-1, .lh-1 h1, .lh-1 h2, .lh-1 h3, .lh-1 h4, .lh-1 h5, .lh-1 p {line-height: 1 !important;}

.lh-2, .lh-2 h1, .lh-2 h2, .lh-2 h3, .lh-2 h4, .lh-2 h5, .lh-2 p {line-height: 2 !important;}

.lh-3, .lh-3 h1, .lh-3 h2, .lh-3 h3, .lh-3 h4, .lh-3 h5, .lh-3 p { line-height: 3 !important;}


/* Library */

.section {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
}

.display-inline {display: inline;}
.display-flex {display: flex;}


.text-nowrap {white-space: nowrap;}
.text-nowrapi {white-space: nowrap;}



@media only screen and (max-width: 1200px) {
    .text-nowrap {white-space: normal;}
}



.one-edge-shadow {
    -webkit-box-shadow: 0 -5px 8px -5px #333;
    -moz-box-shadow: 0 -5px 8px -5px #333;
    box-shadow: 0 -5px 8px -5px #333;
}

.bottom-shadow {
       -moz-box-shadow: 0px 4px 14px -4px #334;  
    -webkit-box-shadow: 0px 4px 14px -4px #334;  
            box-shadow: 0px 4px 14px -4px #334;
}





.vertical-divider {
    overflow: hidden !important;
}

.vertical-divider-right {
    text-align: center;
    border-right: 2px solid #F2F7F9;
    margin-top: 3%;
    margin-bottom: 3%;
}

.vertical-divider-left {
    border-left: 2px solid #7b7b7b;
    margin-top: 3%;
    margin-bottom: 3%;
}





/* Link Settings */

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

/* Lists */

li {
    
    text-align: inherit;
    padding-bottom: 10px;
}

.checklist li {
    list-style-type: none;
}
.checklist li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}



/* Social Icons */

.social-icon:hover {
    color: #58b22c;
}


/* JS Form Validation */

select.error,
textarea.error,
input.error {
    border: 1px solid #dc1717;
    background: #f1dede;
}

select.valid,
textarea.valid,
input.valid {
    border: 1px solid #0c900c;
    background: #c1ff7f;
}


/* Font Sizes */


@media only screen and (max-width: 2560px) {
    h1 {font-size: 39px; }
    h2 {font-size: 23px; }
    h3 {font-size: 20px; }
    h4 {font-size: 18px; }
    h5 {font-size: 15px; }
    h6 {font-size: 13px; }
}

@media only screen and (max-width: 768px) {
    h1 {font-size: 35px; }
    h2 {font-size: 20px; }
    h3 {font-size: 18px; }
    h4 {font-size: 17px; }
    h5 {font-size: 14px; }
    h6 {font-size: 13px; }
    p {font-size: 13px; }
}

@media only screen and (max-width: 480px) {
    h1 {font-size: 30px; }
    h2 {font-size: 16px; }
    h3 {font-size: 14px; }
    h4 {font-size: 13px; }
    h5 {font-size: 13px; }
    h6 {font-size: 13px; }
}


/* Hide Desktop / Mobile */

@media only screen and (min-width: 768px) {.only-mobile {display: none !important;}}

@media only screen and (max-width: 768px) {.only-desktop {display: none !important;}}

@media only screen and (min-width: 992px) {.show-md {display: none !important;}}

@media only screen and (max-width: 992px) {.hide-md {display: none !important;}.filters {text-align: center;}}



/* img */

.img-width-100 img {width: 100%;}

.img-width-90 img {width: 90%;}

.img-width-70 img {width: 70%;}


/* Placeholder Text */

input::-webkit-input-placeholder {
    color: #b2b2b2;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #b2b2b2;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #b2b2b2;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

input:-ms-input-placeholder {
    color: #b2b2b2;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}





.footer-menu {line-height: 0;}
.footer-copyright {font-size: 14px; margin-bottom: 50px;}

@media screen and (max-width: 768px) {
    footer {
        position: relative;
        display: block;
		z-index:9999;
    }

   
}

@media (min-height: 1000px) and (min-width: 768px){
    footer {
        position: absolute;
    }
}

/* Button */
.contact-form {
    position: absolute;
    max-width: 1140px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 990px) {
    .contact-form {
        margin: 0 auto;
        max-width: 500px;
        position: static;
        top: unset;
        transform: unset;
    }
}

/* Paddings / Margins */

.p--0{padding:0 !important}.p--3{padding:3px}.p--5{padding:5px}.p--10{padding:10px}.p--15{padding:15px}.p--20{padding:20px}.p--25{padding:25px}.p--30{padding:30px}.p--35{padding:35px}.p--40{padding:40px}.p--45{padding:45px}.p--50{padding:50px}.pt--0{padding-top:0}.pt--3{padding-top:3px}.pt--5{padding-top:5px}.pt--10{padding-top:10px}.pt--15{padding-top:15px}.pt--20{padding-top:20px}.pt--25{padding-top:25px}.pt--30{padding-top:30px}.pt--35{padding-top:35px}.pt--40{padding-top:40px}.pt--45{padding-top:45px}.pt--50{padding-top:50px}.pt--70{padding-top:70px}.pt--100{padding-top:100px}.pt--130{padding-top:130px}.pt--150{padding-top:150px}.pr--0{padding-right:0}.pr--3{padding-right:3px}.pr--5{padding-right:5px}.pr--10{padding-right:10px}.pr--15{padding-right:15px}.pr--20{padding-right:20px}.pr--25{padding-right:25px}.pr--30{padding-right:30px}.pr--35{padding-right:35px}.pr--40{padding-right:40px}.pr--45{padding-right:45px}.pr--50{padding-right:50px}.pr--100{padding-right:100px}.pr--150{padding-right:150px}.pb--0{padding-bottom:0}.pb--3{padding-bottom:3px}.pb--5{padding-bottom:5px}.pb--10{padding-bottom:10px}.pb--15{padding-bottom:15px}.pb--20{padding-bottom:20px}.pb--25{padding-bottom:25px}.pb--30{padding-bottom:30px}.pb--35{padding-bottom:35px}.pb--40{padding-bottom:40px}.pb--45{padding-bottom:45px}.pb--50{padding-bottom:50px}.pb--70{padding-bottom:70px}.pb--100{padding-bottom:100px}.pl--0{padding-left:0}.pl--3{padding-left:3px}.pl--5{padding-left:5px}.pl--10{padding-left:10px}.pl--15{padding-left:15px}.pl--20{padding-left:20px}.pl--25{padding-left:25px}.pl--30{padding-left:30px}.pl--35{padding-left:35px}.pl--40{padding-left:40px}.pl--45{padding-left:45px}.pl--50{padding-left:50px}.pl--100{padding-left:100px}.pl--150{padding-left:150px}.m--0{margin:0 !important}.m--3{margin:3px}.m--5{margin:5px}.m--10{margin:10px}.m--15{margin:15px}.m--20{margin:20px}.m--25{margin:25px}.m--30{margin:30px}.m--35{margin:35px}.m--40{margin:40px}.m--45{margin:45px}.m--50{margin:50px}.mt--0{margin-top:0}.mt--3{margin-top:3px}.mt--5{margin-top:5px}.mt--10{margin-top:10px}.mt--15{margin-top:15px}.mt--20{margin-top:20px}.mt--25{margin-top:25px}.mt--30{margin-top:30px}.mt--35{margin-top:35px}.mt--40{margin-top:40px}.mt--45{margin-top:45px}.mt--50{margin-top:50px}.mt--80{margin-top:80px}.mr--0{margin-right:0}.mr--3{margin-right:3px}.mr--5{margin-right:5px}.mr--10{margin-right:10px}.mr--15{margin-right:15px}.mr--20{margin-right:20px}.mr--25{margin-right:25px}.mr--30{margin-right:30px}.mr--35{margin-right:35px}.mr--40{margin-right:40px}.mr--45{margin-right:45px}.mr--50{margin-right:50px}.mb--0{margin-bottom:0}.mb--3{margin-bottom:3px}.mb--5{margin-bottom:5px}.mb--10{margin-bottom:10px}.mb--15{margin-bottom:15px}.mb--20{margin-bottom:20px}.mb--25{margin-bottom:25px}.mb--30{margin-bottom:30px}.mb--35{margin-bottom:35px}.mb--40{margin-bottom:40px}.mb--45{margin-bottom:45px}.mb--50{margin-bottom:50px}.mb--150{margin-bottom:150px}.ml--0{margin-left:0}.ml--3{margin-left:3px}.ml--5{margin-left:5px}.ml--10{margin-left:10px}.ml--15{margin-left:15px}.ml--20{margin-left:20px}.ml--25{margin-left:25px}.ml--30{margin-left:30px}.ml--35{margin-left:35px}.ml--40{margin-left:40px}.ml--45{margin-left:45px}.ml--50{margin-left:50px}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.m-0-auto{margin:0 auto}@media only screen and (max-width:768px){.pt--100,.pt--130,.pt--150,.pt--40,.pt--50{padding-top:10px}.pb--100,.pb--70{padding-bottom:10px}.pl--150{padding-left:10px}.pr--150{padding-right:10px}}

.bottom-10{bottom:10px}.bottom-20{bottom:20px}.bottom-30{bottom:30px}.bottom-40{bottom:40px}.bottom-50{bottom:50px}.bottom-100{bottom:100px}.bottom-150{bottom:150px}.bottom-200{bottom:200px}.bottom-250{bottom:250px}.bottom-300{bottom:300px}.bottom-350{bottom:350px}.bottom-400{bottom:400px}.bottom-450{bottom:450px}.bottom-500{bottom:500px}.bottom-550{bottom:550px}.bottom-600{bottom:600px}.bottom-650{bottom:650px}.bottom-700{bottom:700px}.bottom-750{bottom:750px}.bottom-800{bottom:800px}.bottom-850{bottom:850px}.bottom-900{bottom:900px}.bottom-950{bottom:950px}.bottom-1000{bottom:1000px}.top-10{top:10px}.top-20{top:20px}.top-30{top:30px}.top-40{top:40px}.top-50{top:50px}.top-100{top:100px}.top-150{top:150px}.top-200{top:200px}.top-250{top:250px}.top-300{top:300px}.top-350{top:350px}.top-400{top:400px}.top-450{top:450px}.top-500{top:500px}.top-550{top:550px}.top-600{top:600px}.top-650{top:650px}.top-700{top:700px}.top-750{top:750px}.top-800{top:800px}.top-850{top:850px}.top-900{top:900px}.top-950{top:950px}.top-1000{top:1000px}.left-10{left:10px}.left-20{left:20px}.left-30{left:30px}.left-40{left:40px}.left-50{left:50px}.left-100{left:100px}.left-150{left:150px}.left-200{left:200px}.left-250{left:250px}.left-300{left:300px}.left-350{left:350px}.left-400{left:400px}.left-450{left:450px}.left-500{left:500px}.left-550{left:550px}.left-600{left:600px}.left-650{left:650px}.left-700{left:700px}.left-750{left:750px}.left-800{left:800px}.left-850{left:850px}.left-900{left:900px}.left-950{left:950px}.left-1000{left:1000px}.right-10{right:10px}.right-20{right:20px}.right-30{right:30px}.right-40{right:40px}.right-50{right:50px}.right-100{right:100px}.right-150{right:150px}.right-200{right:200px}.right-250{right:250px}.right-300{right:300px}.right-350{right:350px}.right-400{right:400px}.right-450{right:450px}.right-500{right:500px}.right-550{right:550px}.right-600{right:600px}.right-650{right:650px}.right-700{right:700px}.right-750{right:750px}.right-800{right:800px}.right-850{right:850px}.right-900{right:900px}.right-950{right:950px}.right-1000{right:1000px}


@media only screen and (max-width: 992px) {
    .clear-pt-md {padding-top: 0;}
    .clear-pr-md {padding-right: 0;}
    .clear-pb-md {padding-bottom: 0;}
    .clear-pl-md {padding-left: 0;}
    .clear-all {left:inherit; right:inherit; top: inherit; bottom:inherit;}
}

/* Backgrounds */

.bg-grad {
    background: red;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d3b322, #f3d153);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d3b322, #f3d153);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d3b322, #f3d153);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d3b322, #f3d153);
    /* Standard syntax */
    border: #c9a439 1px solid;
}

.bg_cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Vertical Alignment */
.align-bottom {vertical-align: bottom;}

.align-sub {vertical-align: sub;}
.v-text-bottom {vertical-align: text-bottom;}





/* Logo */

.logo {max-width: 250px; width: 100%;}

.clear {
    position: absolute;
    z-index: 5;
    bottom: 0;
}

.contact-logo {max-width: 200px;}
/* cursors */

.cur-pointer {cursor: pointer;}

.center-abs {
    position: absolute;
    width: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
}

canvas {
    position: relative;
}

/* Equal row height */

.vtop {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


.vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vbottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*@media only screen and (max-width: 992px) {
    .row-eq-height {
        display: block;
    }
}*/


/* END Equal row height */

/* text */

@media only screen and (max-width: 768px) {
    .text-right, .text-left {text-align: center !important;}
    .pull-left, .pull-right {float: none !important;}
    .position-fixed {position: relative !important;}
    
    .mb--150 {margin-bottom: 0;}
}

.text-right-xs {
    text-align: right !important;
}

/* Width */

.width-per-10 {width: 10%;}
.width-per-20 {width: 20%;}
.width-per-30 {width: 30%;}
.width-per-40 {width: 40%;}
.width-per-50 {width: 50%;}
.width-per-60 {width: 60%;}
.width-per-70 {width: 70%;}
.width-per-80 {width: 80%;}
.width-per-90 {width: 90%;}
.width-per-100 {width: 100%;}

/* Positions */

.pos-abs {position: absolute;}
.pos-fixed {position: fixed;}

/* Effects */

.img_shrink {
    -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.img_shrink:hover {
    -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
      transform: scale(0.95);
}

.img_grow {
    -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.img_grow:hover {
    -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
      transform: scale(1.1);
}

.bw_img {
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.bw_img:hover {
    transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

/* Custom CSS*/

.header-hr {
border-top: 2px solid #969595
}


.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}

.navbar-nav > li {
    display: inline-block;
    float:none;
}

/* MASONRY GALLERY*/


body, html {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body {
  font-family: 'Open Sans', sans-serif;
	color: #6b7381;
	background: #f2f2f2;
    overflow-x: hidden;
}
a {
	color: #aaa;
	text-decoration: none;
}
a:hover,a:active {color: #BC521A !important; text-decoration: none !important; transition: all 0.3s ease-in-out !important;}
h2 {
  color: #4E88AE;
  font-weight: 400;
  text-align: center;
}
.navbar-light .navbar-nav .nav-link {transition: all 0.3s ease-in-out !important;}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link {color: #BC632A !important; font-weight: bold;}
.active a, .active {color: #BC632A !important;}

.container {position: relative;}

@media only screen and (min-width: 1200px) {
    .container {max-width: 1200px !important;}
}

#grid img {
  border: 0;
  display: block;
  position: relative;
  width: 100%;
}
.entry {
  background: #FFF;
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: -10px 10px 10px -10px rgba(0,0,0,.35), -10px 10px 0 -3px rgba(0,0,0,.2);
  margin: 10px auto 20px;
  max-width: 800px;
  overflow: hidden;
  padding: 20px 40px;
  position: relative;
  text-align: center;
}
.entry > p {
  padding: 20px 0 10px;
}
.entry > .grid {
  margin: 20px auto 0px;
}
.entry > .grid > .item {
  width: 50%;
}
.grid {
	max-width: 100%;
	list-style: none;
	margin: 0px auto;
    float: left;
    clear: both;
    max-height: 3400px;
}

@media only screen and (max-width: 1200px) {
    .grid {max-height: 2650px;}
}

@media only screen and (max-width: 990px) {
    .grid {max-height: 1985px;}
}
@media only screen and (max-width: 768px) {
    .grid {max-height: inherit;}
}
.grid .item {
	display: block;
	float: left;
	padding: 7.5px 15px;
    position: relative;
	width: 50%;
	opacity: 1;
}
.grid .item:nth-child(odd) {
    padding-left: 0;
    left: 0;
}
.grid .item:nth-child(even) {
    padding-right: 0;
    right: 0;
}

.grid .item:nth-child(3) {top: -184px; overflow: hidden; max-height: 352px;}
.grid .item:nth-child(5) {top: -358px; overflow: hidden; max-height: 352px;}

.horizontal-img {
    width: 100% !important; 
    padding: 0 !important;
    max-width: 100%;
}

.grid .item:nth-child(6) {top: -344px;}


.grid .item:nth-child(7),
.grid .item:nth-child(8),
.grid .item:nth-child(10){top: -336px;}

.grid .item:nth-child(9) {top: -518px;}

.grid .item:nth-child(11) {top: -674px; overflow: hidden; max-height: 330px;}

.grid .item:nth-child(12) {top: -659px;}

@media only screen and (max-width: 1200px) {
    .grid .item:nth-child(3) {top: -145px; max-height: 276px;}
    .grid .item:nth-child(5) {top: -286px; max-height: 277px;}
    .grid .item:nth-child(6) {top: -270px;}
    
    .grid .item:nth-child(7),
    .grid .item:nth-child(8),
    .grid .item:nth-child(10){top: -262px;}
    
    .grid .item:nth-child(9) {top: -406px;}
    
    .grid .item:nth-child(11) {top: -529px; max-height: 260px;}
    
    .grid .item:nth-child(12) {top: -514px;}
}

@media only screen and (max-width: 990px) {
    .grid .item:nth-child(3) {top: -107px; max-height: 206px;}
    .grid .item:nth-child(5) {top: -210px; max-height: 204px;}
    .grid .item:nth-child(6) {top: -198px;}
    
    .grid .item:nth-child(7),
    .grid .item:nth-child(8),
    .grid .item:nth-child(10){top: -190px;}
    
    .grid .item:nth-child(9) {top: -295px;}
    
    .grid .item:nth-child(11) {top: -400px; max-height: 203px;}
    
    .grid .item:nth-child(12) {top: -385px;}
}

@media only screen and (max-width: 768px) {
    .grid {text-align: center;}
    .grid .item {
        clear: both;
        display: block;
        float: none;
        padding: 10px !important;
        position: static;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: inherit!important;
        opacity: 1;
    }
    #grid img {max-width: 100%;}
}

.horizontal-img img {max-width: 100% !important;}

.grid .item a,.grid .item img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}
.grid.effect-2 .item.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

.about-bg {
        background-image: url('/assets/img/about.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 -240px;
        width: 100vw;
        height: 100vh;
        position: relative;
        min-height: 845px;
    }
    
    @media screen and (max-width: 768px) {
        .about-bg {
            background-image: url(/assets/img/about-mobile.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            
        }
        
    }
    
    @media only screen and (max-width: 990px) {
        .mt--50 {margin-top: 0;}
    }

.about-content {
    position: absolute;
    max-width: 1200px;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.portfolio-col {
    padding-left: 18px;
    padding-right: 18px;
}

@media only screen and (max-width: 990px) {
    .about-content {
        position: static;
        top: unset;
        transform: unset;
        margin: 0 auto;
        padding-left: 0;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@media screen and (max-width: 900px) {
	.grid .item {width: 50%;}
  .entry {box-shadow: none;}
  .entry > .grid > .item {width: 50%;}
}

@media screen and (max-width: 400px) {
	.grid .item {width: 100%;}
  .entry {padding: 20px 0;}
  .entry > p {padding: 10px;}
  .entry > .grid > .item {width: 100%;}
}

.btn-submit {
    background-color: white;
    color: #c86b3a;
    font-weight: 700;
    border: lightgrey 1px solid;
    padding: 10px 40px;
    border-radius: 7px;
}



html {
    position: relative;
    min-height: 100%;
}