:root {--menu-height: 0px;}

body {font-family: 'Open Sans', sans-serif;font-size: 1rem;line-height: 1.875;color: #000;margin:0;padding:0;}

/*headings*/
h1 {font-weight:700; font-size:3rem; color: #ec5303;}
h2 {font-weight:700; font-size:2rem; color: #ec5303;margin-bottom: 10px;}
h3 {font-weight:700; font-size:3rem; color: #ec5303;}
h4 {font-weight:700; font-size:1rem; color: #ec5303;text-transform: uppercase;margin:0;padding:0;}
h5 {font-weight:700; font-size:1rem; color: #ec5303;margin-bottom:10px;}

/*general*/
a {color: #ec5303;text-decoration: none;font-weight:700;}
a:hover {color: #ec5303;text-decoration: underline;}
img {max-width:100%;}
.row {margin:0; padding:0;width:100%;}
.container {max-width:1080px;margin:0 auto;}

/*header*/
.header {padding: 10px 0 0 0;overflow:auto;background:#000; color:#fff;}
.menu {font-weight: 700;font-size: 1rem;float:left; width: calc(100% - 200px);}
.menu ul {list-style-type: none; margin: 0; padding: 12px 0 0 0;text-align:right;width:100%;}
.menu li {display:inline-block;padding-left:25px;}
.menu li.last {padding-right:25px;}
.menu li.socialicon {display:inline-block;padding-left:5px;vertical-align: middle;}
.menu li a {color: #ffff; text-decoration: none;}
.menu li a:hover {color: #ec5303;text-decoration: underline;}
.logo {float:left;width:200px;padding-top: 10px;padding-bottom: 10px;}
.logo img {max-width:120px;}

/*footer*/
.footer {padding: 40px 0 40px 0;overflow:auto;}
.footer-content p{font-size:0.85em;}
.footer-content .col1{width:25%;float:left;}
.footer-content .col2{width:25%;float:left;}
.footer-content .col3{width:25%;float:left;}
.footer-content .col4{width:25%;float:left;}
.footer a {font-weight:400;}

/*buttons*/
/*.btn {width:220px; background:transparent; color: #040f3f; border: 2px solid #040f3f; font-weight:700;font-size: 1rem;border-radius:50px;text-align:center;padding:5px 25px;  transition: all 0.5s ease;cursor:pointer;display: inline-block;}*/
.btn {text-align:center;  transition: all 0.5s ease;cursor:pointer;color:#000;background:#ec5303; font-size:14px;font-weight:600;padding:7px 10px;}
.btn:hover {background:#000; color: #fff;text-decoration:none;  transition: all 0.5s ease;}
.btn-inv {width:220px; background:#000; color: #fff; border: 2px solid #040f3f; font-weight:700;font-size: 1rem;border-radius:50px;text-align:center;padding:5px 25px;  transition: all 0.5s ease;cursor:pointer;display: inline-block;}
.btn-inv:hover {background:transparent; color: #040f3f;text-decoration:none;  transition: all 0.5s ease;}

/*elements*/
.greybg {background: #f6f6f6;}
.roundimg {border-radius:50%; width: 260px;  height: 260px; object-fit: cover;margin:20px 0;}

/*home*/
.hero {min-height:450px; background-repeat: no-repeat;background-size:cover;background-position:center right;}
.hero-content {color:#fff; max-width:400px; float:right;padding-top:320px;}
.hero-content h1 {color:#fff;margin:0;line-height:100%;background:#000; font-size:24px;padding:8px 10px;}
.hero-content p span {color:#000;margin:0;background:#ec5303; font-size:14px;font-weight:600;padding:5px 10px;margin-top: 8px;}
.hero-content p {margin-top:8px;}

.section01 {min-height:150px;text-align:center;padding:30px 0px 50px 0px;}
.section01 .section-content {max-width:650px;margin:0 auto;}
.section02 {min-height:150px;padding:30px 0px 50px 0px;}
.section02 .section-content {overflow:auto;}
.section02 .section-content-left {float:left;width:40%;text-align:center;}
.section02 .section-content-right {float:left;width:60%;}
.section02 .section-content p {padding-top:0;margin-top:0;}

.grid-projects {width:100%; overflow:auto; margin:30px auto 10px auto;}
.project-block {float:left; width:33%;  padding:0 10px;box-sizing: border-box;margin-bottom:20px;}
.project-ins {background:#f6f6f6; padding-bottom: 10px;min-height:275px;}
.project-ins h3 {font-size:18px;padding: 10px;margin: 0;color:#000;}
.project-ins img{object-fit: cover; height:180px;width:100%;}

/*services*/
.pageheader {min-height:350px; background-image: url("../images/bghero02.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}
.section03 {min-height:150px;text-align:center;}
.section03 .section-content {background:#fff;margin-top:-120px;padding:15px 0 20px 0;}
.section03 .section-content p {max-width:650px;margin:0 auto;}

.section04 {min-height:150px;padding:30px 0px 50px 0px;}
.section04 .section-content {overflow:auto;margin:0 auto;max-width:900px;}
.section04 .section-content-left {float:left;width:60%;}
.section04 .section-content-right {float:left;width:40%;text-align:center;}
.section04 .section-content p {padding-top:0;margin-top:0;}

.section05 {min-height:150px;padding:30px 0px 50px 0px;}
.section05 .section-content {overflow:auto;}
.section05 .section-content-left {float:left;width:40%;text-align:center;}
.section05 .section-content-right {float:left;width:50%;}
.section05 .section-content p {padding-top:0;margin-top:0;}

/*clientlogin*/
.pageheader2 {min-height:350px; background-image: url("../images/bghero09.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}
.clientloginintro {padding-bottom:20px;}
.section06 {min-height:150px;padding:30px 0px 50px 0px;}
.section06 .section-content {overflow:auto;text-align:center;}
.section06 .section-content p {max-width:650px; margin:0 auto;padding-top:0;margin-bottom:20px;}

/*contact*/
.pageheader3 {min-height:350px; background-image: url("../images/bghero01.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}
.section07 {min-height:100px;padding:10px 0px 50px 0px;}
.section07 .section-content {overflow:auto;}
.cntct-left {float:left;width:33%;padding:0px 10px 0 0;box-sizing: border-box;}
.cntct-right {float:left;width:66%;padding:0px 0px 0 10px;box-sizing: border-box;}
.cntct-top {padding-left:30px;}
.cntct-top2 {padding-left:35px;}
.cntct-top3 {padding-left:40px;}
.cntct-box {padding:35px 30px 15px 30px;}
.cntct-box h3 {font-size:1.5em;margin:0;padding:0 0 10px 0;line-height:100%;}
.cntct-box h4 {font-size:1.2em;text-transform: none;margin:0;padding:0;line-height:100%;color:#747474;}
.cntct-box p {font-size:0.85em;}
.cntct-box a {font-weight:400;}
.cntct-top2 a {font-weight:400;}
.section08 {min-height:150px;padding:30px 0px 10px 0px;}
.section08 .section-content {overflow:auto;}
.section08 .section-content-left {float:left;width:33%;text-align:left;box-sizing: border-box;}
.section08 .section-content-right {float:left;width:66%;box-sizing: border-box;padding-left:5px;}
.section08 .section-content-right img {height:325px; object-fit: cover;width:100%;}

.full-input {
    border-radius: 10px;
}

.full-input {
    display: inline-block;
    padding: 3px;
    width: 98%;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}


.clientportal-form-wrapper label {
    display: block;
    font-size: 12px;
    color: #373936;
    padding-left: 10px;
    padding-top: 3px;
    margin-bottom: 0px;
}

button, input {
    overflow: visible;
}
.form-control {
    transition: all .2s;
}

.form-control {
    height: auto!important;
}

.clientportal-form-wrapper input {
    width:100%;
    outline: none;
    border: none;
    display: block;
    line-height: 1.1em;
    font-size: 14pt;
    padding: 2px 10px!important;
    box-sizing: border-box;
}
.clientportal-form-wrapper textarea {
    width:100%;
    outline: none;
    min-height:120px;
    border: none;
    display: block;
    line-height: 1.1em;
    font-size: 14pt;
    padding: 2px 10px!important;
    box-sizing: border-box;
}


.btn-container {
    text-align: right;
    padding: 20px 0;
}

.container-login .btn-container {
    padding-bottom: 70px;
}

.btn-save {
    background: #000;
    color: #fff!important;
    padding: 15px 40px;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    border: 0px;
}
.btn-save:hover {
    background: #ec5303;
    color: #000!important;
    padding: 15px 40px;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    border: 0px;
}


.projectheader {min-height:600px; background-repeat: no-repeat;background-size:cover;background-position:center;}
.photobox-container {overflow:auto;padding-bottom:20px;}
.photobox {max-width: 50%; width:50%;float: left;padding:10px; box-sizing: border-box;}
.photobox img {width:100%; height:350px; object-fit: contain;background:#e7e7e7;}

/*about*/
.pageheader4 {min-height:350px; background-image: url("../images/bghero02.jpg");background-repeat: no-repeat;background-size:cover;background-position:center;}

/*terms*/
.section-content-text {max-width:650px;margin:0 auto;}

/*mobile menu*/
.hamburger.hamburger--elastic {display: none;}
.overflow-hide {overflow:hidden;}

/*slider*/
#slider {
    position: relative;
    overflow: hidden;
    margin: 0px auto 0 auto;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 1300px;
    height: 450px;
    background: #ccc;
}

a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 2% 1%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    border-radius: 0 2px 2px 0;
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}




@media only screen and (max-width: 768px) {
    .container {padding:0px 10px;box-sizing: border-box;}
    .hamburger.hamburger--elastic {display: inline-block;}
    .menu {position:absolute;z-index:2;background:#000000;}
    .menu ul {text-align:center;position:absolute;width:100vw;top:54px;left:0;background:#000000;box-shadow: 0px 15px 10px -15px rgba(0,0,0,.2);}
    .menu li {display:block;padding:25px;border-top: 1px solid #e6e7ec;}
    .menu li:hover {cursor:pointer;}
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {    width: 35px!important;}
    .logo {    padding-left: 20px;}
    .hero {    min-height: 320px;background-position: center left;}
    .hero-content {padding-top:200px;padding-left:15px;}
    .hero-content h1 {    font-size: 22px;text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);}
    .hero-content h4 {text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}
    .hero-content p {text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);}
    .section01 {    padding: 10px 0px 30px 0px;}
    h2 {    font-size: 1.5rem;}
    .section02 {    padding: 30px 0px 25px 0px;}
    .section02 .section-content-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section02 .section-content-right {width:100%;padding: 0 15px; box-sizing: border-box;}
    .roundimg {margin:0;}
    .footer .col1 {width:100%;padding:0 15px;box-sizing: border-box;}
    .footer .col2 {display:none;}
    .footer .col3 {display:none;}
    .footer .col4 {width:100%;padding:0 15px;box-sizing: border-box;}
    .footer {padding:0;}
    .section04 .section-content-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section04 .section-content-right {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section05 .section-content-left {width:100%;padding: 0 15px; box-sizing: border-box;}
    .section05 .section-content-right {width:100%;padding: 0 15px; box-sizing: border-box;}
    .clientloginintro {    padding-bottom: 0px;}
    .cntct-left {width:100%;padding: 0 15px; box-sizing: border-box;margin-bottom: 25px;}
    .cntct-center{width:100%;padding: 0 15px; box-sizing: border-box;}
    .cntct-right{width:100%;padding: 0 15px; box-sizing: border-box;}
    .section07 {    padding: 10px 0px 20px 0px;}
    .cntct-box {    margin-bottom: 5px;}
    .section08 .section-content-left {display:none;}
    .section08 .section-content-right {width:100%; box-sizing: border-box;}
    .section-content-text {padding: 0 15px;}

    .project-block {width: 100%;}
    .projectheader {min-height: 380px;}
    .photobox { max-width: inherit;width:100%;}
    .photobox img { width: 100%;height: 300px;}

    .menu li.socialicon {border-top: 0px solid #e6e7ec;    padding: 25px;}
    .menu li.last {border-bottom: 1px solid #e6e7ec;}

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {    background-color: #fff!important;}
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #fff!important;}

    .pageheader {min-height: 250px;}
    .pageheader2 {min-height: 250px;}
    .pageheader3 {min-height: 250px;}
    .pageheader4 {min-height: 250px;}
    .section03 .section-content {margin-top: -50px;padding: 1px 0 20px 0;}

    .header .container {padding:0;}
}

@media only screen and (min-width: 1241px) {
    #slider ul li {width: 1241px;height: 480px;}
    .hero-content {padding-top: 350px;padding-left: 15px;    float: left;}
    .project-ins {min-height: 280px;}
}

@media only screen and (max-width: 1240px) {
    #slider ul li {width: 1240px;height: 390px;}
    .hero-content {padding-top: 250px;padding-left: 15px;    float: left;}
    .hero {min-height: 250px;}
    .control_next {display:none!important;}
    .control_prev {display:none!important;}
    .projectheader {min-height: 420px;}
    .section03 {min-height:50px;}
    .project-ins {min-height: 280px;}

}


@media only screen and (max-width: 1120px) {
    #slider ul li {width: 1120px;height: 360px;}
    .hero-content {padding-top: 220px;padding-left: 15px;    float: left;}
    .hero {min-height: 250px;}
    .control_next {display:none!important;}
    .control_prev {display:none!important;}
    .projectheader {min-height: 420px;}
    .section03 {min-height:50px;}
    .project-ins {min-height: 280px;}

}

@media only screen and (max-width: 991px) {
    #slider ul li {width: 991px;height: 340px;}
    .hero-content {padding-top: 220px;padding-left: 15px;    float: left;}
    .hero {min-height: 250px;}
    .control_next {display:none!important;}
    .control_prev {display:none!important;}
    .projectheader {min-height: 420px;}
    .section03 {min-height:50px;}
    .project-ins {min-height: 280px;}
    .clientloginintro {padding: 0 20px;box-sizing: border-box;}
}

@media only screen and (max-width: 768px) {
    #slider ul li {width: 768px;height: 340px;}
    .hero-content {padding-top: 220px;padding-left: 15px;    float: left;}
    .hero {min-height: 250px;}
    .control_next {display:none!important;}
    .control_prev {display:none!important;}
    .projectheader {min-height: 290px;}
    .section03 {min-height:50px;}
}


@media only screen and (max-width: 620px) {
    #slider ul li {width: 620px;height: 300px;}
    .hero-content {padding-top: 130px;padding-left: 15px;    float: left;}
    .hero {min-height: 250px;}
    .control_next {display:none!important;}
    .control_prev {display:none!important;}
    .projectheader {min-height: 240px;}
    .section03 {min-height:50px;}
}

@media only screen and (max-width: 450px) {
    #slider ul li {width: 390px;height: 240px;}
    .hero-content {padding-top: 130px;padding-left: 15px;    float: left;}
    .hero {min-height: 250px;}
    .control_next {display:none!important;}
    .control_prev {display:none!important;}
    .projectheader {min-height: 240px;}
    .section03 {min-height:50px;}
}