@font-face {
    font-family: avenirfont;
    src: url(./libs/fonts/Avenir-Light.otf);
}

body   {
    font-family: avenirfont;
    overflow-x: hidden;
}
.top-background {
    background: #101212;
}

.bg-img {
    background-image: url("images/polygon.svg");
}

#gltf-pic {
    background-image: url("images/group-3.svg");
    text-align: center;
}

.logo-text {
    font-size: 2rem;
    font-weight: 500;
}

.header-text {
    color: #999999 !important;
}

.second-bg {
    background: #202224;
}

.btn-signin, btn-signin:hover, btn-signin:active {
    border-radius: 25px;
    border: solid 1px #ffffff !important;
    background-color: #131415 !important;
    color: white;
    text-transform: uppercase;
    box-shadow: 0 0 0 0rem #131415 !important;
    font-size: 14px;
}

.btn-getstarted {
    font-weight: 600;
    border: 2px solid white !important;
}

.what-we-offer-box-border-left {
    border-left: solid 1px #b0b3b330;
}

.what-we-offer-box-border-right {
    border-right: solid 1px #b0b3b330;
}

.what-we-offer-box-border-bottom {
    border-bottom: solid 1px #b0b3b330;
}

.what-we-offer-box-border-top {
    border-top: solid 1px #b0b3b330;
}

#what-we-offer {
    position: relative;
    margin-top: 70px;
}

#red-section {
    background: #D93025;
    height: 500px;
    width: 70%;
    position: absolute;
}

.offer-images {
    height: 60px;
}

.rectangle1 {
    width: 20px;
    height: 20px;
    background-color: #E33F41;
    display: inline-block;
    border: solid 2px #E33F41;
}

.rectangle2 {
    width: 20px;
    height: 20px;
    background-color: #808080;
    display: inline-block;
    border: solid 2px #808080;

}

.rectangle3 {
    width: 20px;
    height: 20px;
    background-color: #84F5CE;
    display: inline-block;
    border: solid 2px #84F5CE;
}

.rectangle4 {
    width: 20px;
    height: 20px;
    background-color: #5AACFC;
    display: inline-block;
    border: solid 2px #5AACFC;
}


.rectangle11 {
    width: 20px;
    height: 20px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);*/
    background-color: #345896;
    display: inline-block;
    border: solid 2px #345896;
}

.rectangle22 {
    width: 20px;
    height: 20px;
    background-color: #473935;
    display: inline-block;
    border: solid 2px #473935;

}

.rectangle33 {
    width: 20px;
    height: 20px;
    background-color: #353535;
    display: inline-block;
    border: solid 2px #353535;

}

.rectangle44 {
    width: 20px;
    height: 20px;
    background-color: #BF8A59;
    display: inline-block;
    border: solid 2px #BF8A59;

}

.customize-red-border-left {
    border-left: solid 2px #d93025;
}

.customize-red-border-right {
    border-right: solid 2px #d93025;
}

.customize-red-border-top {
    border-top: solid 2px #d93025;
}

.customize-red-border-bottom {
    border-bottom: solid 2px #d93025;
}

.customize-green-border-left {
    border-left: solid 2px #276dd7;
}

.customize-green-border-right {
    border-right: solid 2px #276dd7;
}

.customize-green-border-top {
    border-top: solid 2px #276dd7;
}

.customize-green-border-bottom {
    border-bottom: solid 2px #276dd7;
}

.oval {
    width: 500px;
    height: 275px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #f4f4f4 50%, #979797);
    border-image-slice: 1;
}

.box-border-red {
    border: solid 2px #d93025;
    min-height: 400px;
}

.box-second-margin {
    margin-top: 200px;
}

.box-cut-bottom {
    width: 300px;
    height: 10px;
    position: absolute;
    background: #101212;
    top: 392px;
    left: 38px;
}

.box-cut-bottom-right {
    width: 300px;
    height: 10px;
    position: absolute;
    background: #101212;
    top: 596px;
    left: 38px;
}

.nutshell-bg {
    background-image: url("images/group-6.svg");
}

.plain-bg {
    background-color: #ffffff;
}

.nutshell-p {
    color: #737373;
    width: 70%;
}

.nutshell-chair {
    position: absolute;
    right: 60px;
    height: 254px;
    top: -58px;
}

.styled-bg {
    background-image: url("images/bitmap.png");
}

.hexagon {
    position: relative;
    width: 200px;
    height: 115.47px;
    background-color: #f7f7f7;
    margin: 57.74px 0;
    border-left: solid 1px #e2dbdb;
    border-right: solid 1px #e2dbdb;
}

.square {
    width: 200px;
    height: 150px;
    border-radius: 1%;
    background-color: #f7f7f7;
    border: solid 1px #e2dbdb;

}

.hexagon:before,
.hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 141.42px;
    height: 141.42px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 28.2893px;
}

.hexagon:before {
    top: -70.7107px;
    border-top: solid 1.4142px #e2dbdb;
    border-right: solid 1.4142px #e2dbdb;
}

.hexagon:after {
    bottom: -70.7107px;
    border-bottom: solid 1.4142px #e2dbdb;
    border-left: solid 1.4142px #e2dbdb;
}

.hex-inside-img {
    z-index: 999;
    position: relative;
    margin-left: 66px;
    height: 60px;
    margin-top: 25px;
}

.hex-inner-text {
    color: #333333;
    font-size: 12px;
    z-index: 999;
    position: relative;
    display: block;
    text-align: center;
}
.poweredby {
    font-size: 14px;
    position: absolute;
    left: 15px;
    top: 53px;
    color: #999999 !important;
}
.cursor {
    cursor: pointer;
}

.demo {
    grid-area: demo;
    position: sticky;
    top: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px solid #555;
    box-sizing: border-box;
}
.offer-min-h {
    min-height: 175px;
}
#build3d-section {
    background-image: url("images/whitegradient.png");
}
.mobile {
    height: 500px;
}
.snap {
    height: 30px;
    width: 30px;
    background: red;
    border-radius: 50%;
    border: 2px solid white;
    position: absolute;
    left: 130px;
    bottom: 66px;
}
.m-l-txt {
    padding-top: 150px;
}
.renderbg {
    /*background-image: url("images/render-bg.jpg");*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.red-top-cut {
    width: 288px;
    height: 10px;
    color: white;
    background: white;
    z-index: 100;
    position: absolute;
    top: -3px;
}
.red-bottom-cut {
    width: 288px;
    height: 10px;
    color: white;
    background: white;
    z-index: 100;
    position: absolute;
}
.blue-top-cut {
    width: 239px;
    margin-left: 29px;
    height: 10px;
    color: white;
    background: white;
    z-index: 100;
    position: absolute;
    top: -3px;
}
.blue-bottom-cut {
    width: 239px;
    margin-left: 29px;
    height: 10px;
    color: white;
    background: white;
    z-index: 100;
    position: absolute;
}
.slider-icon {
    margin-bottom: 5px;
    height: 100px;
    width: 100px;
    display: block;
    border-radius: 2%;
    padding: 2px;
    border: 1px solid gray;
    cursor: pointer;
}
.slider-icon-active {
 border: 1px solid firebrick!important;
}
.slider-view {
    height: 600px;
    margin-left: 20%;
}

iframe {
    border: 0px solid #131415;
}
.slider-deck {
    margin-top: 100px;
}
.disablehover {
}
.disablehover:focus {
    outline: none !important;
}
.config-active {
    background-clip: content-box, padding-box;
    padding: 1px;
}
.paddingTB60 {padding:60px 0px 60px 0px;}
.gray-bg { height: calc(100vh - 75px)}
.about-title {}
.about-title h1 {color: #535353; font-size:45px;font-weight:600;}
.about-title span {color: #AF0808; font-size:45px;font-weight:700;}
.about-title h3 {color: #535353; font-size:23px;margin-bottom:24px;}
.about-title p {color: #7a7a7a;line-height: 1.8;margin: 0 0 15px;}
.about-paddingB {padding-bottom: 12px;}
.about-img {padding-left: 57px;}

/* Social Icons */
.about-icons {margin:48px 0px 48px 0px ;}
.about-icons i{margin-right: 10px;padding: 0px; font-size:35px;color:#323232;box-shadow: 0 0 3px rgba(0, 0, 0, .2);}
.about-icons li {margin:0px;padding:0;display:inline-block;}
#social-fb:hover {color: #3B5998;transition:all .001s;}
#social-tw:hover {color: #4099FF;transition:all .001s;}
#social-gp:hover {color: #d34836;transition:all .001s;}
#social-em:hover {color: #f39c12;transition:all .001s;}
.get-started-position {
    position: relative;
    bottom: 150px;
    z-index: 999;
    left: 45%;
}

.btn-radius {
    border-radius: 25px !important;
}

.btn-danger:hover, btn-danger:active {
    border: solid red 1px;
    background-color: transparent;
    color: red;
}