body {
    font-family: Amiko;
}

@font-face {
font-family: 'Amiko';
src: url('../../assets/fonts/Amiko/Amiko\ 600.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Amiko';
src: url('../../assets/fonts/Amiko/Amiko\ 700.ttf');
font-weight: 700;
}
@font-face {
font-family: 'Amiko';
src: url('../../assets/fonts/Amiko/Amiko\ regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Copperplate';
src: url('../../assets/fonts/Copperplate/Copperplate-01.ttf');
}

h3 { font: 700 17px/30px Amiko; }
h4 { line-height: 20px; margin: 20px 0; font: 400 16px/20px Amiko,sans-serif; }

.bg-gray { background-color: #566A79; }
.bg-blue { background-color: #7DABCF !important; }

.services.content-fullwidth .bg-gray .servicesBuilding article,
.services.content-fullwidth .bg-gray .servicesBuilding h3,
.services.content-fullwidth .bg-gray .servicesBuilding h4 { color: white; }

.navbar { background: rgba(255,255,255,.9); height:85px; }
.navbar-brand img { max-height:50px; }
@media (max-width: 992px) {
    .nav .nav-item:last-child { margin:0 30px 0 0;}
}

.container img + h3 { color: #566A79; text-align: center; }
.about .container img + h3 { color: #7FA3A1; }

.homeSliderWrapper .container { margin:0; max-width:none; z-index:0;}
#homeSlider { padding:0; }
.home-middle-content { height:750px; padding:200px 75px;}
.home-middle-content.services { height:600px;}
.home-middle-content h1 { font-family: 'Copperplate' !important; }
.home-middle-content h1,
.home-middle-content h3 { color:white; margin-bottom:0; }
.home-middle-content h3 { font-size:1.5em; font-family: 'Amiko' !important; }
.home-middle-content.dark h1,
.home-middle-content.dark h3 { color:black; }
/*.section-title::before { border-color:black; }*/
.section-title::before {
    top: -15px;
    right: -30px;
    bottom: -10px;
    left: -30px;
}
.section-title::after { display:none; }
.button { color:#78A6C5; }

.fixed-block img{
    margin: auto;
    max-width: 75% !important;
    width: 500px!important;
    margin-bottom: 100px;
}
.fixed-block{
    pointer-events: none;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 265px;
    z-index: 1;
}
.fixed-block.home{
    top: 175px;
}
.fixed-block:not(.home) h1, .fixed-block.home h3 {
    font-family: 'Copperplate' !important;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    font-size: 4.5em;
    margin: auto;
    margin-bottom: 25px;
    line-height: 45px;
}
.fixed-block h1,
.fixed-block h3 { color:white;}
.fixed-block:not(.home) h3,
.fixed-block.home h1 {
    font-size: 1.5em;
    font-weight: 400;
    font-family: 'Amiko' !important;
}

.button { color: #EAB65B; }
.button.button-bordered-dark { border-color: #EAB65B; }
.button-bordered-dark::before { background-color: #EAB65B; }

section .background-solid { padding:80px 0; }
@media (max-width: 400px) {
    .home-middle-content h1 { font-size:1.5em; }
    .home-middle-content h3 { font-size:1em; }
}
@media (min-width: 768px) {
    .container { max-width: 740px; }

}
@media (min-width: 992px) {
    .container { max-width: 960px; }
}

.portfolio-hover h6 { margin-top:0; }

a.oa-not-underlined { text-decoration: none !important; }

.obackground { text-align: center; }
.oline { line-height: 22px; color:black; width:100%;}
.oline + .oline { margin-top:20px; }
.oline a { color:#78A6C5; font-weight: 400; text-decoration: underline;}

/*#about .oline { text-align: center; }*/

#services .otitle a:hover { color: #95B6CD; }
#services .oline { text-align: justify; }
#services .oline a { color: #566A79;  text-decoration: none; font-weight: bold; }
#services .oline a:hover { color: black; }
#services .background-solid { background-color: #95B6CD; }
#services .row {
    display: flex;
    justify-content: space-between;
    margin: auto;
}
#services .row div.col-services {
    max-width: 33.33%!important;
}
#services .oline{
    color: #566A79;
}
#services .oline strong {
    font: 700 15px Amiko,sans-serif;
}
#content p.strong a { font-weight: 700; text-decoration: underline; color: #566A79; }
#content .bg-gray .section-title { margin-bottom: 25px; }
#content .bg-gray { padding-bottom: 0; }
@media (max-width: 990px) {
    #services .row div.col-services {
        max-width: 100%!important;
        min-width: 100%;
        margin-bottom: 50px;
    }}
@media (max-width: 767px) {
    #services .col-md-6 + .col-md-6 { margin-top:35px;}
}

.oservice-box .otitle { background-color: #566A79; margin-bottom:20px; position:relative; padding: 17px 10px;}
.oservice-box .otitle span { position:absolute; font-size: 24px; color:white;}
.oservice-box .otitle span::before { content:'-'; margin-right:30px; color:#95B6CD; font-weight: 500; }
.oservice-box .otitle h3 { margin: 2px 0 0 90px; }

.ocarousel, .ocarousel div { padding:0 !important; }
.ocarousel .owl-dots { position: absolute; bottom: 18px; width: 100%; text-align: center; }
/*.ocarousel .owl-dot { width:10px; height:10px; }*/
.ocarousel .owl-dot.active { background-color: white; border-color: white; }
.ocarousel + .ocarousel-navigation {
	position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
}
.ocarousel + .ocarousel-navigation > li {
	z-index: 10;
    position: relative;
    color: black;
    background: white;
    padding: 10px;
    width: 35px;
    top: 40%;
    cursor:pointer;
}
.ocarousel + .ocarousel-navigation > li:hover { opacity:0.8; }
.ocarousel + .ocarousel-navigation .prev { float:left; }
.ocarousel + .ocarousel-navigation .next { float:right; }
#contact { max-width: 830px;
margin: auto}
#contact .oline a { margin:0 15px; font-size: 18px;}
@media(max-width: 575px) {
	#contact div.oline { font-size:0; }
	#contact div.oline a { display: block; font-size:15px;}
}
#contact .oline + .oline { margin-bottom:60px; }

#contact .contact-infoWrapper .col-md-4:first-child { text-align:left; }
#contact .contact-infoWrapper .col-md-4:last-child { text-align:right; }
@media (max-width: 768px) {
    #contact .contact-infoWrapper .col-md-4:first-child,
    #contact .contact-infoWrapper .col-md-4:last-child { text-align:center; }
}
#contact .footerWrapper { margin-bottom:30px; }

footer .background-solid { padding: 40px 0; background-color: #20272d; }
footer .container p { font-size:13px; color: #71716f; }
footer .container p + p { margin-top:15px; }
footer .container img { width:150px; }


/* BUILDING */
@media (min-width: 992px) {
    .container {
        max-width: 1100px;
        padding: 0px;
    }

}
.nav .subMenu {
    display: none;
}
.nav .subMenu.open {
    display: block!important;
}
.nav hr{
    display: none;
}
@media (min-width: 993px) {
    .nav .subMenu{
        position: absolute;
        top: 77px;
        background: rgba(255,255,255,.9);
        padding: 10px 15px;
        text-align: left;
    }
}
.nav .subMenu a{
    margin: 10px 0px;
}
.nav .subMenu a:not(:last-child){
    margin-bottom: 20px;
}
@media (max-width: 992px) {
    .nav hr {
        display: block;
        margin: 3px 0px;
    }
    .nav .subMenu{
        display: block;
        width: 150px;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-left: 60px;
        margin: 10px auto;
    }

}
ul.nav li.nav-item{
    margin-right: 0px;
    padding: 28px 30px 28px 0px;
}
@media (max-width: 1024px) {
    ul.nav li.nav-item{
        margin-right: 25px;
    }
}
@media (max-width: 768px) {
    .services.content-fullwidth .servicesBuilding article{
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px!important;
        margin: 20px auto!important;
    }
    .services.content-fullwidth .servicesBuilding{
        margin-bottom: 20px!important;
    }

    .services.content-fullwidth .img-fullWidth{
        height: 250px!important;
    }
}
.services.content-fullwidth{
    text-align: center;
}
.services.content-fullwidth img.logo{
    width: 90px;
    margin: 35px 0px;
}
.services.content-fullwidth p.strong {
    color: #576a79;
    font: 600 18px Amiko,sans-serif;
    letter-spacing: 0;
    margin-bottom: 50px;
    padding: 0px 15px;
}
.services.content-fullwidth p.strong.blue {
    color: #769fbd;
}
.services.content-fullwidth .servicesBuilding{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.services.content-fullwidth .servicesBuilding article{
    max-width: 550px;
    padding: 0px 50px;
    margin: 35px auto;
    text-align: center;
    color: #000;
}

.services.content-fullwidth .servicesBuilding article img {
    margin: auto;
    width: 75px;
    margin-bottom: 35px;
}
.services.content-fullwidth .servicesBuilding h3{
    text-transform: uppercase;
    font: 700 16px Amiko,sans-serif;
    margin-bottom: 0px;
}
.services.content-fullwidth .servicesBuilding p{
    font: 400 16px Amiko,sans-serif;
    letter-spacing: 0;
}

.services.content-fullwidth .btnBlock{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 25px;
}

.services.content-fullwidth .btnBlock a{
    margin: 0px 15px 35px 15px;
    width: 225px;
    font: 600 18px Amiko_600,sans-serif;
    background-color: #576a78;
    color: #FFF;
    padding: 10px 20px;
}
.services.content-fullwidth .btnBlock a.blueBkg{
    background-color: #769fbd;
}
.services.content-fullwidth .img-fullWidth{
    height: 660px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
/* .services.content-fullwidth .img-fullWidth.building{
    background: url("assets/images/banner6.jpg") #769fbd;
}
.services.content-fullwidth .img-fullWidth.demolition{
    background: url("assets/images/banner4.jpg") #769fbd;
}
.services.content-fullwidth .img-fullWidth.design{
    background: url("assets/images/banner2.jpg") #769fbd;
} */

.navbar-shrink .nav, .nav {
    top: 70px!important;
}

.owl-dot.active {
    background: #FFF!important;
}
.owl-dot.active, .owl-dot:focus, .owl-dot:hover {
    border-color: #FFF!important;
}

h2.section-title{
    color: #769fbd;
    font: 700 24px Amiko,sans-serif;
    letter-spacing: 1px;
}
h2.section-title.section-title-no-margin {
    margin-bottom: 20px;
}
h3.section-subtitle {
    margin-bottom: 20px;
}

.background-dark h2.section-title {
    color: white;
}
.background-dark h2.section-title:before {
    border-color: rgba(0,0,0,0.1);
}
.row.topHome.aboutPage {
    margin-bottom: 75px;
}
.topHome {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    /* padding: 0px 15px; */
}
.topHome .oline p{
    text-align: justify;
    font: 400 15px Amiko,sans-serif;
    color:#141414;
    line-height: 22px!important;
}
.topHome .oline p strong{
    font: 700 15px Amiko,sans-serif;
}

.topHome div.oline{
    margin-top: 0px!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 25px;
}

.topHome .oline img{
    width: 75px;
    display: flex;
    margin-bottom: 25px;
}

.topHome .oline a{
    color:#141414;
    line-height: 22px;
    font: 700 15px Amiko,sans-serif;
}

@media (max-width: 992px) {
    .topHome .oline:not(:last-child) {
        margin-bottom: 40px;
    }
}
h6{
    font: 600 15px Amiko_600,sans-serif;

}
.contact-info-box, .contact-info-box a {
    color: #566A79;
}
.contact-info-box a.underline{
    text-decoration: underline;
}
input, textarea, input::placeholder, textarea::placeholder{
    font: 400 15px Amiko,sans-serif!important;
    color: #848283!important;
}


@media (max-width: 1200px) {
    .page-banner-section .fixed-block.home h3,
    .page-banner-section .fixed-block:not(.home) h1 { font-size: 4em; }
    .page-banner-section .fixed-block.home h1,
    .page-banner-section .fixed-block:not(.home) h3 { font-size: 1.2em; }
}
@media (max-width: 1060px) {
    .page-banner-section .fixed-block.home h3,
    .page-banner-section .fixed-block:not(.home) h1 { font-size: 3.5em; }
}
@media (max-width: 900px) {
    .page-banner-section .fixed-block.home h3,
    .page-banner-section .fixed-block:not(.home) h1 { font-size: 3.2em; }
}
@media (max-width: 700px) {
    .page-banner-section .fixed-block.home h3,
    .page-banner-section .fixed-block:not(.home) h1 { font-size: 2.8em; }
    .page-banner-section .fixed-block.home h1,
    .page-banner-section .fixed-block:not(.home) h3 { font-size: 1em; }
}
@media (max-width: 400px) {
    .page-banner-section .fixed-block.home h3,
    .page-banner-section .fixed-block:not(.home) h1 { font-size: 2em; }
    .page-banner-section .fixed-block.home h1,
    .page-banner-section .fixed-block:not(.home) h3 { font-size: .8em; }
}


@media (max-height: 750px) {
    .nav.nav-show {
        padding-top: 10px;
    }
    .nav.nav-show .nav-item {
        margin-bottom: 0;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}