body{
    background: black;
}
.lgim{
    width: 35%;
}
.nvbr{
    background: transparent !important;
}
.hme{
    margin-left: -12rem;
    transition: 0.5s;
}
.hme:hover, .pge:hover{
    border-bottom: 2px solid #D16527;
    color: #D16527 !important;
    width: 4.03rem;
    transition: 0.5s;
}
.pge{
    margin-left: -7rem;
    transition: 0.5s;
}
.ser{
    margin-left: -2rem;
    transition: 0.5s;
}
.ser:hover,.blg:hover, .shp:hover{
    border-bottom: 2px solid #D16527;
    color: #D16527 !important;
    transition: 0.5s;
}
.blg{
    margin-left: 1rem;
    transition: 0.5s;
}
.shp{
    margin-left: 1rem;
    transition: 0.5s;
}
.cntc{
    border: 2px solid #D16527;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 10rem;
    padding: 7px;
    transition: 1s;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.cntc:hover{
    background: #D16527;
    transition: 1s;
}
.banner{
    background: #0c0c0c;
}
.slone{
    margin-top: 13rem;
    margin-left: 7.5rem;
    position: absolute;
}
.slone h3{
    font-weight: 700;
    font-size: 4rem;
    color: white;
    font-family: 'Chakra Petch', sans-serif;
}
.slone p{
    width: 73%;
    font-size: 18px;
    text-align: justify;
    color: #ccd0d3;
    margin-top: 1rem;
}
.slone button{
    letter-spacing: 1px;
    background: #D16527;
    color: white;
    font-size: 2rem;
    font-weight: 500;
    font-family: 'Chakra Petch', sans-serif;
    transition: 1s;
    width: 15rem;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.slone button:hover{
    background: black;
    border: 2px solid #D16527;
    transition: 1s;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.slim{
    margin-top: 7rem;
    background: url(../images/slider-bg-05\ \(1\).png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 28rem;
    margin-left: 41rem;
}
.slim h3{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 7rem;
    font-weight: 600;
    margin-left: -31rem;
    margin-top: -3rem;
}
.slim img{
    margin-top: 1rem;
    width: 33%;
    height: 40%;
    display: none;
}

.lght{
    margin-left: 14.3rem !important;
    position: absolute;
    width: 17% !important;
    height: 30% !important;
}

.rotat{
    animation: rota infinite 30s;
    width: 3.6%;
    height: 8%;
    position: absolute;
    margin-left: 60.4rem;
    margin-top: -13.71rem;
}

@keyframes rota{
    0% {
        background: url(../images/slider-bg-06.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        transform: rotate(1440deg);
        transition: 15s;
}
    100% {
            background: url(../images/slider-bg-06.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
    }
    
}

.srnm{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.srnm h2{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 3rem;
    font-weight: 700;
    padding: 1rem;
    border-bottom: 2px solid gray;
    transition: 0.8s;
}
.srnm h2:hover{
    border-bottom: 2px solid #D16527;
    transition: 0.8s;
}
.srnm p{
    color: #c9cdcf;
    font-size: 17px;
}
.srnm p:hover{
    border-top: 2px solid #D16527;
    margin-top: -10px;
    padding-top: 8px;
}
.ouhd{
    margin-top: 3rem;
}
.orsr{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 3rem;
    font-weight: 700;
}
.allbt{
    letter-spacing: 1px;
    background: #D16527;
    color: white;
    font-size: 2rem;
    font-weight: 500;
    font-family: 'Chakra Petch', sans-serif;
    transition: 1s;
    width: 15rem;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
    margin-left: 19.1rem;
}
.allbt:hover{
    background: black;
    border: 2px solid #D16527;
    transition: 1s;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.fnts{
    font-size: 4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.fnts:hover{
    color: #D16527 !important;
}
.services{
    background: #0c0c0c;
}
.oser{
    border-top: 2.5px solid gray;
    margin-left: 14px;
    width: 32%;
    margin-top: 3rem;
}
.oser:hover{
    border-top: 2.5px solid #D16527;
}
.oser h3{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
.osrtx{
    color: #c9cdcf;
    font-size: 17px;
}
.dsr{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 2rem;
}
.dsr:hover{
    color: #D16527;
}
.angl{
    background: #D16527;
    width: 5%;
    text-align: center;
    font-size: 18px;
    margin-right: 1rem;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.maintenance{}
.mnhd{}
.mnhd h2{}
.vdo{
    margin-top: 2rem;
    width: 100%;
    border-top: 2px solid gray;
    transition: .5s;
    margin-bottom: 3rem;
}
.vdo iframe{
    width: 100%;
    height: 25rem;
    margin-top: 2rem;
}
.vdo:hover{
    padding: 9px !important;
    transition: .5s;
    border-top: 2px solid #D16527;
}
.pricing{
    background: #0c0c0c;
}
.price{
    margin-top: 4rem;
}
.price h2{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    letter-spacing: 2px;
}
.price p{
    color: #c9cdcf;
    width: 90%;
    margin-bottom: 2rem;
}
.price li{
    font-family: 'Chakra Petch', sans-serif;
    color: #D16527;
    list-style: square;
    font-size: 1.5rem;
}
.price li a{
    color: white !important;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.pers{
    margin-top: 4rem;
    background: #060606;
    margin-right: 34px;
    width: 30%;
    padding: 2.5rem;
    margin-left: 4px;
    margin-bottom: 4rem;
}
.pers h5{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    margin-top: 0.5rem;
}
.pers h2{
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 3rem;
    font-weight: 600;
}
.pers h6{
    color: #c9cdcf;
    border-bottom: 2px solid gray;
    margin-bottom: 2rem;
    padding: 2rem;
    margin-top: -2rem;
}
.pers p{
    color: #c9cdcf;
    font-size: 15px;
}
.ichk{
    margin-left: 6.98rem;
}
.ichko{
    margin-left: 3.6rem;
}
.ichkt{
    margin-left: 2.2rem;
}
.ichkth{
    margin-left: 5.3rem;
}
.ichkf{
    margin-left: 6.1rem;
}
.dsab{
    color: gray !important;
}
.prbtn{
    letter-spacing: 1px;
    background: #D16527;
    color: white;
    font-size: 2rem;
    font-weight: 500;
    font-family: 'Chakra Petch', sans-serif;
    transition: 1s;
    width: 14rem;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
    margin-left: 1rem;
    margin-top: 1.5rem;
}
.prbtn:hover{
    background: black;
    border: 2px solid #D16527;
    transition: 1s;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.detserv{}
.dtsrim{
    height: 31rem;
}
.dttx{}
.dttx h2{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 5rem;
    margin-top: 7rem;
}
.dttx h3{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 3rem;
    font-weight: 600;
    color: white;
    position: absolute;
    margin-top: -3.8rem;
}
.srcl{
    margin-top: 5rem;
}
.srcl li{
    list-style: square;
    color: #D16527;
    font-size: 1.3rem;
}
.srcl li a{
    font-family: 'Chakra Petch', sans-serif;
    color: #c9cdcf !important;
    font-size: 1rem;
    font-weight: 600;
}
.dttx p{
    color: #ccd0d3;
    margin-top: 5rem;
    font-size: 1.3rem;
}
.plsi{
    font-size: 3rem !important;
    font-weight: 600;
    color: white;
    position: absolute;
    margin-top: -0.5rem !important;
}
.dtbt{
    margin-left: 0px;
}
.sercar{
    background: #0c0c0c;
}
.scar{
    margin-top: 4rem;
}
.scar h2{
    font-family: 'Chakra Petch', sans-serif;
    font-family: 'Chakra Petch', sans-serif;
    color: white;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.scar p{
    color: #ccd0d3;
    margin-top: 2rem;
}
.scars{
    margin-top: 4.7rem;
    border-top: 2px solid gray;
    margin-right: 15px;
    width: 32%;
    transition: 0.5s;
}
.scars:hover{
    border-top: 2px solid #D16527;
    transition: 0.5s;
}
.scars h3{
    font-family: 'Chakra Petch', sans-serif;
    margin-top: 2rem;
    font-size: 1.54rem;
    font-weight: 600;
    color: #D16527;
}
.crtx{
    color: white;
    margin-left: 20px;
    letter-spacing: 1px;
}
.scars p{
    color: #ccd0d3;
    margin-top: 1.5rem;
}
.twcr{
    margin-top: 0rem;
    margin-bottom: 2.5rem;
}
.articles{}
.athd{}
.athd h2{
    font-family: 'Chakra Petch', sans-serif;
    margin-top: 2rem;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
}
.arti{
    margin-top: 3rem;
    border-top: 2px solid gray;
    padding-top: 2rem;
    width: 92%;
    margin-left: 13px;
}
.arti:hover{
    border-top: 2px solid #D16527;
}
.artim{}
.arti h2{
    font-family: 'Chakra Petch', sans-serif;
    margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
}
.dte{
    color: white;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
}
.sqr{
    font-size: 10px;
    margin-left: 6px;
    margin-right: 6px;
    color: #D16527;
}
.imtx{
    position: absolute;
    margin-top: -5rem;
    margin-left: 1rem;
}
.imtx h2{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    border-top: 2px solid #D16527;
    padding-top: 0.5rem;
}
.imtx h2:hover{
    color: #D16527;
}
.contact{
    background: #0c0c0c;
}
.cntus{}
.cntus h2{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 3.7rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 4rem;
}
.cntus h3{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
    position: absolute;
    margin-top: -3.2rem;
}
.cntus p{
    width: 60%;
    color: #ccd0d3;
    font-size: 22px;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}
.frm{}
.frm h3{
    font-size: 1rem;
    margin-top: 1rem;
    position: relative;
}
.frm input{
    border: none;
    background: transparent;
    border-bottom: 1.6px solid gray;
    margin-bottom: 3rem;
    width: 100%;
    outline: none;
    color: white;
}
.dscr input{
    width: 100%;
    border-bottom: 1.6px solid #D16527;
}
.frm input::placeholder{
    font-family: 'Chakra Petch', sans-serif;
    letter-spacing: 1px;
}
.frbt{
    width: 17rem;
    margin-left: 0px;
    margin-top: 0.5rem;
    margin-bottom: 3rem;
}
.enlgim{
    width: 15rem;
}
.enhd{
    margin-top: 4rem;
    margin-left: 13px;
    width: 23%;
    margin-bottom: 2rem;
}
.entx{
    color: #ccd0d3;
    margin-top: 2rem;
}
.entxt{
    color: #ccd0d3;
}
.enhd h4{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
}
.enhd h3{
    font-family: 'Chakra Petch', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
    margin-top: 12px;
}
.enhd li{
    list-style: square;
    color: #D16527;
    margin-top: 0.75rem;
}
.enmr{
    margin-top: 3rem !important;
    color: white;
    font-family: 'Chakra Petch', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
}
.enhd li a{
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #ccd0d3;
    transition: 0.5s;
}
.enhd li a:hover{
    color: #D16527;
    border-bottom: 2px dashed #ccd0d3;
    transition: 0.5s;
}
.popu{
    margin-left: -5rem;
    width: 33%;
    margin-right: 1rem;
}
.ppsr{
    margin-left: 5rem;
}
.enab{
    margin-left: 30px
}
.brkr{
    margin-top: 2.5rem !important;
}
.enhd h5{
    margin-top: 3.2rem !important;
}
.intx{
    border: none;
    background: transparent;
    border-bottom: 1.9px solid gray;
    margin-top: 10px;
    width: 100%;
    outline: none;
    color: white;
}
.intx::placeholder{
    font-family: 'Chakra Petch', sans-serif;
    letter-spacing: 1px;
}
.enbtn{
    width: 12rem;
    font-size: 1.5rem;
    margin-top: 1.2rem;
}
.lgen{
    margin-left: -2px !important;
}
.design{
    border-top: 1px solid #D16527;
}
.design p{
    color: #ccd0d3;
    padding-top: 10px;
}



::selection{
    background: #D16527;
}

@media only screen and (min-width:320px) and (max-width:425px){
    .slim h3 {
        font-size: 4rem;
        margin-left: -0.5rem;
        margin-top: -24.5rem;
    }
    .slone h3 {
        font-size: 3rem;
        margin-left: -8.4rem;
        width: 100%;
        margin-top: -6.5rem;
    }
    .slone p {
        width: 95%;
        margin-left: -8rem;
    }
    .slone {
        margin-left: 8.6rem;
    }
    .slone button{
        margin-left: -4.5rem;
    }
    .slim{
        margin-left: 0rem;
        margin-top: 29rem !important;
        height: 20rem;
        width: 40rem;
    }
    .srnm {
        text-align: center;
    }
    .slim img {
        margin-top: 24.3rem;
    }
    .lght{
        margin-left: 9.5rem !important;
        width: 23% !important;
        height: 31% !important;
        margin-top: 21.5rem !important;
    }
    .angl{
        width: 10%;
    }
    .rotat {
        width: 7.1%;
        height: 4.3%;
        margin-left: 10.7rem;
        margin-top: -9.7rem;
    }
    .orsr {
        text-align: center;
    }
    
    .tgic{
        background: #D16527;
        position: absolute;
        margin-top: -37px;
        margin-left: 19rem;
    }
    .ser, .pge, .hme, .blg, .shp {
        margin-left: 0rem;
    }
    .cntc{
        margin-left: 0rem;
        width: 41%;
    }
    .allbt{
        display: none;
    }
    .oser{
        width: 94%;
    }
    .vdo iframe {
        height: 10rem;
    }
    .pers{
        width: 92%;
        margin-left: 16px;
        margin-right: 20px;
    }
    .srcl li {
        margin-top: 4rem;
        width: 95%;
    }
    .dtbt {
        margin-left: 4rem;
    }
    .plsi{
        margin-top: 3.5rem !important;
    }
    .dttx p {
        margin-top: 8rem;
    }
    
    .ichk {
        margin-left: 5.8rem;
    }
    .ichko {
        margin-left: 2.5rem;
    }
    .ichkt {
        margin-left: 1rem;
    }
    .ichkth {
        margin-left: 4.1rem;
    }
    .ichkf {
        margin-left: 4.9rem;
    }
    .price h2{
        text-align: center;
    }
    .price p{
        text-align: center;
        margin-left: 2rem;
    }
    .dtsrim {
        margin-top: 3rem;
        width: 100%;
    }
    .scar h2{
        text-align: center;
    }
    .scars{
        width: 90%;
        margin-left: 1rem;
    }
    .crtx {
        font-size: 1.4rem;
    }
    .imtx h2{
        font-size: 0.8rem;
    }
    .imtx{
        margin-top: -4.3rem;
    }
    .arti {
        margin-left: 7px;
    }
    .arti h2{
        font-size: 14px;
    }
    .mvdn{
        display: none;
    }
    .chkcm{
        display: none;
    }
    .cntus p {
        width: 100%;
        margin-top: 7rem;
    }
    .enhd{
        width: 95%;
    }
    .enhd h3 {
        font-size: 1.5rem;
    }
    
    .enab {
        margin-left: 5rem;
        margin-top: 0px;
    }
    .popu {
        margin-left: 0.3rem;
        width: 100% !important;
        margin-top: 0px;
    }
    .ppsr {
        margin-left: 3.5rem;
    }
    .ensubs{
        margin-top: 0px;
    }
    .ensubs h3{
        margin-left: 6rem;
    }
    .enmr {
        margin-top: 2rem !important;
    }
    .lgen {
        margin-left: 0px !important;
        text-align: center;
    }
    .frbt {
        margin-left: 3rem;
    }
    .enbtn {
        margin-left: 4.5rem;
    }
    .nvbr{}
    .hdr{}

}

@media only screen and (min-width:426px) and (max-width:768px){
    .slim h3 {
        font-size: 4rem;
        margin-left: 7.9rem;
        margin-top: -21rem;
    }
    .slone h3 {
        font-size: 3rem;
        margin-left: 3.3rem;
        width: 70%;
        margin-top: -6.5rem;
    }
    .slone p {
        width: 63%; 
        margin-left: 0rem;
    }
    .slone {
        margin-left: 8.6rem;
    }
    .slone button{
        margin-left: 7rem;
    }
    .slim{
        margin-left: 3.5rem;
        margin-top: 26rem !important;
        height: 20rem;
        width: 40rem;
    }
    .srnm {
        text-align: center;
    }
    .slim img {
        margin-top: 20.6rem;
    }
    .lght{
        margin-left: 14.4rem !important;
        width: 25% !important;
        height: 34% !important;
        margin-top: 20.8rem !important;
    }
    .rotat {
        width: 6%;
        height: 13%;
        margin-left: 21.7rem;
        margin-top: -10rem;
    }
    .tgic{
        background: #D16527;
        position: absolute;
        margin-top: -1rem;
        margin-left: 0rem;
    }
    .ser, .pge, .hme, .blg, .shp {
        margin-left: 0rem;
    }
    .cntc{
        margin-left: 0rem;
        width: 21%;
    }
    .allbt{
        display: none;
    }
    .oser{
        width: 47%;
    }
    .vdo iframe {
        height: 17rem;
    }
    .pers{
        width: 45%;
        margin-left: 16px;
        margin-right: 20px;
    }
    .ichk {
        margin-left: 5.8rem;
    }
    .ichko {
        margin-left: 2.5rem;
    }
    .ichkt {
        margin-left: 1rem;
    }
    .ichkth {
        margin-left: 4.1rem;
    }
    .ichkf {
        margin-left: 4.9rem;
    }
    .price h2{
        text-align: center;
    }
    .price p{
        text-align: center;
        margin-left: 2rem;
    }
    .dtsrim {
        margin-top: 3rem;
        width: 100%;
    }
    .scar h2{
        text-align: center;
    }
    .scars{
        width: 47%;
        margin-left: 6px;
    }
    .chkcm{
        display: none;
    }
    .cntus p {
        width: 100%;
    }
    .enhd{
        width: 95%;
    }
    .enhd h3 {
        font-size: 1.5rem;
    }
    
    .enab {
        margin-left: 16rem;
        margin-top: 0px;
    }
    .popu {
        margin-left: 5rem;
        width: 100% !important;
        margin-top: 0px;
    }
    .ppsr {
        margin-left: 8rem;
    }
    .ensubs{
        margin-top: 0px;
    }
    .ensubs h3{
        margin-left: 16rem;
    }
    .enmr {
        margin-top: 2rem !important;
    }
    .lgen {
        margin-left: 0px !important;
        text-align: center;
    }
    .frbt {
        margin-left: 13rem;
    }
    .enbtn {
        margin-left: 14.5rem;
    }
    
    
}

@media only screen and (min-width:769px) and (max-width:1024px){
    .cntc {
        margin-left: 6rem;
        width: 10rem;
        margin-right: 0rem;
    }
    .slim h3{
        margin-left: -16rem;
        margin-top: -12rem;
    }
    .slone h3{
        margin-left: -6rem;
    }
    .slone p{
        margin-left: -6rem;
    }
    .slone button{
      
    }
    .slim{
        margin-left: 27.5rem;
        margin-top: 15rem !important;
        height: 21rem;
        width: 37rem;
        margin-bottom: 2rem;
    }

    .slim img {
        margin-top: 8.2rem;
    }
    .lght{
        margin-left: 12.1rem !important;
        width: 21% !important;
        height: 34% !important;
        margin-top: 8.6rem !important;
    }
    .rotat {
        width: 4%;
        height: 12%;
        margin-left: 44.4rem;
        margin-top: -12.3rem;
    }
    .allbt{    
        margin-left: 13.1rem;
    }
    .oser{
        width: 48%;
    }
    .vdo{
        width: 100%;
    }
    .vdo iframe {
        height: 20rem;
    }
    .pers{
        margin-right: 23px;
        margin-left: 9px;
    }
    .pers p{
        font-size: 14px;
    }
    .ichk {
        margin-left: 4.2rem;
    }
    .ichko {
        margin-left: 17px;
    }
    .ichkt {
        margin-left: -4px;
    }
    .ichkth {
        margin-left: 2.6rem;
    }
    .ichkf {
        margin-left: 3.4rem;
    }
    .prbtn{
        margin-left: 0px;
    }
    .srcl {
        margin-top: 8rem;
        margin-right: -20px;
    }
    .dtbt {
        margin-bottom: 2rem;
    }
    .scars{
        width: 31%;
    }
    .scars h3{
        font-size: 1.2rem;
    }
    .mvdn, .crfs{
        display: none;
    }
    .enab {
        margin-left: 10px;
    }  
    .popu{
        margin-right: -2rem;
        width: 39%;
        margin-left: -71px;
    }  
    .ensubs{
        margin-left: 18px;
    }
    .intx{
        width: 107%;
    }
    


}