* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: Cambria;
}

a {
list-style: none;
text-decoration: none;
color: #cc0000;
}

ul {

text-decoration: none;
}

a:hover {
text-decoration: none;
color: #ffffff;
}

/*---------- Header ----------*/

.row1 {
background: #f6f6f6;
}

.topbar {
height: 20px;
background-color: #42abab;
}

.logo-img {
margin-top: 20px;
margin-bottom: 20px;
width: 25%;
height: auto;
}

.top-text1 {
padding-top: 20px;
font-size: 20px;
color: #666666;
}
.top-text2 {
padding-top: 10px;
font-size: 20px;
color: #666666;
}

.e-link {
color: #666666;
}
.e-link1 {
color: #666666;
margin-left: 65px;
}
.e-link:hover {
color: #5f9595;
}
.e-link1:hover {
color: #5f9595;
}

.navbar {
background: #5f9595;
}

.nav-link {
color: #ffffff;
font-weight: bolder;
margin-left: 10px;
}

.navbar-toggler {
padding: 0.25rem 0.75rem;
line-height: 1;
font-size: 25px;
border: 1px solid #ffffff;
border-radius: 0.25rem;
margin-left: 10px;
color: #ffffff;
}

.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
border: 1px solid white;
margin-left: 0 0 0 0rem;
}

.navbar-toggler:not(.disable):not(.disable) {
cursor: pointer;
}

.navbar-toggler {
color: #ffffff;
border-color: #ffffff;
}

.dropdown-item {
background: #5f9595;
color: #ffffff;
}

.dropdown-item:hover {
background-color: #ffffff;
color: #5f9595;
}

.dropdown-menu {
background: #5f9595;
}

/*---------- Legacy ----------*/

.row-2 {
background: #f2f2f2;
}

.headtext {
border: none;
width: 715px;
background: #cc0000;
color: #ffffff;
font-family: Roboto;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
}

.headtext1 {
border: none;
width: 370px;
background: #cc0000;
color: #ffffff;
font-family: Roboto;
padding-left: 13px;
padding-top: 10px;
padding-bottom: 8px;
text-transform: uppercase;
font-size: 24px;
}

.t-text {
color: #5f9595;
font-family: Roboto;
padding-top: 15px;
padding-left: 20px;
}

.t-text1 {
color: #cc0000;
font-family: roboto;
padding-left: 20px;
}

.t-text2 {
text-align: justify;
font-size: 16px;
}

.box1 {
border: 1px solid #5f9595;
width: 370px;
height: 350px;
}
.pic1 {
width: 255px;
height: 55px;
margin-top: -15px;
margin-left: 55px;
border: none;
background: #5f9595;
color: #ffffff;
font-family: Roboto;
font-size: 25px;
text-transform: uppercase;
}

.pic1:hover {
border: 1px solid #5f9595;
color: #5f9595;
background: #ffffff;
}

.pic {
width: 255px;
height: 55px;
margin-top: 20px;
margin-left: 55px;
border: none;
background: #5f9595;
color: #ffffff;
font-family: Roboto;
font-size: 25px;
text-transform: uppercase;
}

.pic:hover {
border: 1px solid #5f9595;
color: #5f9595;
background: #ffffff;
}

.subbox1 {
border: 1px solid #5f9595;
margin-top: 56px;
margin-left: -31px;
width: 368px;
height: 350px;
}

.slide-img {
width: 330px;
height: auto;
margin-left: 20px;
margin-top: 20px;
border: 1px solid #5f9595;
}

.img01-img {
border: 1px solid #5f9595;
}

/*---------- Video ----------*/

.row-4 {
background: #e8e3bd;
}

.subbox3 {
border: 1px solid;
width: 430px;
position: relative;
top: 20px;
left: 20px;
}

.subbox4 {
border: 1px solid;
width: 430px;
position: relative;
top: -24px;
left: 655px;
}


    .product-box {
        border: 1px solid #5f9595;
        background: #5f9595;
        color: #ffffff;
        text-align: center;
        height: 430px;
        margin-bottom: 20px;
        width: 260px;
        margin-left: 20px;
    }

.product-text {
padding-top: 30px;
padding-bottom: 30px;
}

.rs {
padding-top: 20px;
}

.product-img {
width: 90%;
border: 1px solid #666666;
}

.hdtext {
text-align: center;
color: #5f9595;
font-family: Roboto;
padding-top: 20px;
padding-bottom: 20px;
font-size: 35px;
text-transform: uppercase;
}

.more {
width: 200px;
height: 50px;
color: #ffffff;
background: #cc0000;
margin-left: 200px;
border: none;
font-family: Roboto;
font-size: 25px;
margin-bottom: 20px;
margin-top: 20px;
text-transform: uppercase;
}

.more:hover {
border: 1px solid #cc0000;
color: #cc0000;
background: #ffffff;
}

.hdtext1 {
text-align: left;
color: #52655f;
font-family: Roboto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
font-size: 35px;
text-transform: uppercase;
}

.more1 {
width: 160px;
height: 50px;
color: #ffffff;
background: #2c4156;
margin-left: 255px;
border: none;
font-family: Roboto;
font-size: 25px;
margin-bottom: 20px;
margin-top: 20px;
text-transform: uppercase;
}

.more1:hover {
border: 1px solid #2c4156;
color: #2c4156;
background: #ffffff;
}

/*---------- Services ----------*/

.row-6 {
background: #abc270;
}

.head-text1 {
text-align: center;
font-family: Roboto;
color: #f9fce1;
font-size: 40px;
padding-top: 30px;
text-transform: uppercase;
}

.subbox {
border: 1px solid;
width: 385px;
position: relative;
top: 25px;
}

.subbox2 {
border: 1px solid;
width: 385px;
position: relative;
top: -24px;
left: 730px;
}

.more2 {
width: 260px;
height: 60px;
color: #f7eec7;
background: #5e7151;
margin-left: 425px;
border: none;
font-family: Roboto;
font-size: 25px;
margin-bottom: 20px;
margin-top: 20px;
text-transform: uppercase;
}

.more2:hover {
border: 1px solid #5e7151;
color: #5e7151;
background: #f7eec7;
}

.pbox {
border: none;
width: 20px;
height: 20px;
background: #cc0000;
margin-top: 30px;
}

.p-text {
position: relative;
top: -25px;
left: 30px;
font-size: 25px;
color: #ffffff;
}

/*---------- Why Us ----------*/

.row-10 {
background: #f7eec7;
}

.box4 {
border: 1px solid #b89470;
height: 445px;
}
.titletext{
font-weight: bold;
color: #cc0000;
}
.titletext1{
font-weight: bold;
color: #42abab;
}

.hdtext2 {
text-align: center;
color: #b89470;
font-family: Roboto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
font-size: 35px;
text-transform: uppercase;
}

.subtext {
text-align: justify;
color: #b89470;
}

.ad-img {
border: 1px solid #b89470;
}

.subbox6 {
border: 1px solid;
width: 180px;
position: relative;
top: 20px;
left: 20px;
}

.subbox7 {
border: 1px solid;
width: 180px;
position: relative;
top: -24px;
left: 425px;
}

/*---------- Photo Gallery ----------*/

.row-16 {
background: #e8e3bd;
}

.head-text2 {
text-align: center;
font-family: Roboto;
color: #5f9595;
font-size: 40px;
padding-top: 30px;
padding-bottom: 20px;
text-transform: uppercase;
}
.subboxg{
border: 1px solid;
width: 430px;
position: relative;
top: 24px;
left: 20px;
}
.subboxg1{
border: 1px solid;
width: 430px;
position: relative;
top: -24px;
left: 655px;
}

.galery-text {
text-align: center;
color: #5f9595;
padding-top: 20px;
}

.more4 {
width: 260px;
height: 60px;
color: #ffffff;
background: #5f9595;
margin-left: 425px;
border: none;
font-family: Roboto;
font-size: 25px;
margin-bottom: 20px;
margin-top: 20px;
text-transform: uppercase;
}

.more4:hover {
border: 1px solid #5f9595;
color: #5f9595;
background: #ffffff;
}
.gallery-img{
border: 1px solid #000;
}

/*---------- Footer ----------*/

.scroll_To_Top {
color: #cc0000;
text-decoration: none;
position:fixed;
padding:10px; 
text-align:center; 
bottom:14px;
right:10px;
}

.scroll_To_Top:hover {
color: #cc0000;
text-decoration: none;
}

.scroll_To_Top i {
color: #cc0000;
font-size: 20px;
border: 2px solid #cc0000;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 28px;
display: block;
text-align: center;
padding:0 !important;
}

#tbFeedback {
width: 300px;
height: 150px;
border-radius: 10px;
margin-bottom: 10px;
background-color: #e1e1e1;
padding: 20px;
border: none;
}

#tbName {
width: 300px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
border: none;
margin-left: -5px;
}

#tbEmail {
width: 300px;
height: 50px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-bottom: 10px;
border: none;
}

#tbPhone {
width: 300px;
height: 50px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-bottom: 10px;
border: none;
}

#msg1 {
width: 300px;
height: 50px;
border: none;
background-color: #cc0000;
color: #ffffff;
text-align: center;
text-transform: uppercase;
border-radius: 10px;
font-family: Roboto;
margin-bottom: 20px;
font-size: 20px;
text-transform: uppercase;
}

#msg1:hover {
background-color: #ffffff;
color: #cc0000;
border: 1px solid #cc0000;
}

.row-20 {
background: #5f9595;
}

.footerlogo-img {
width: 50%;
}

.foottext1 {
color: #ffffff;
font-family: Roboto;
text-transform: uppercase;
font-size: 22px;
}
.foottext3 {
text-align: center;
color: #ffffff;
font-family: Roboto;
text-transform: uppercase;
font-size: 22px;
}

.fst {
text-align: center;
color: #cc0000;
}

.f-t1 {
text-align: center;
color: #ffffff;
}

.foottext {
color: #ffffff;
font-family: Roboto;
padding-top: 20px;
text-transform: uppercase;
}

.foottext2 {
color: #ffffff;
font-family: Roboto;
text-transform: uppercase;
}

.f-t {
color: #ffffff;
}

#tbEmail1 {
width: 220px;
height: 40px;
border: none;
padding-left: 20px;
}

#msg2 {
height: 40px;
width: 100px;
background: #cc0000;
color: #ffffff;
font-family: Roboto;
border: none;
font-size: 14px;
text-transform: uppercase;
}

#msg2:hover {
background: #ffffff;
border: 1px solid #cc0000;
color: #cc0000;
}

.copyright-text {
text-align: center;
color: #ffffff;
}

.send1 {
position: relative;
top: -40px;
left: 220px;
}

.icon {
margin-left: 0px;
margin-bottom: 20px;
}

.icon1 {
color: #ffffff;
margin-left: 10px;
}

.query {
width: 100px;
height: 35px;
border: none;
background: #ffffff;
text-transform: uppercase;
font-family: Roboto;
color: #5f9595;
text-align: center;
margin-top: 10px;
}

.query:hover {
background: #5f9595;
border: 1px solid #ffffff;
color: #ffffff;
}

.service-img{
border: 1px solid #000;
}

/*---------- About ----------*/

.row-1-al{
background-color: #f2f2f2;
align-items: center;
}

.headtextal{
text-align: center;
font-family: Roboto;
font-size: 40px;
padding-top: 50px;
color: #51645e;
text-transform: uppercase;
}

.divider-img{
margin-left: 380px;
margin-bottom: 50px;
width: 30%;
}
.al-img {
width: 60%;
margin-left: 80px;
margin-top: 250px;
}

.textal{
text-align: justify;
line-height: 35px;
}

/*---------- Contact ----------*/

.foottextal{
text-align: center;
color: #000;
}

.fst2{
text-align: center;
color: #cc0000;
}

.fs-t1{
text-align: center;
}

.feedback2 {
margin-left: 140px;
}
#tbName3 {
width: 335px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
border: none;
margin-left: 15px;
}

#tbEmail3 {
width: 335px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
border: none;
margin-left: 20px;
}

#tbPhone3 {
width: 335px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
border: none;
margin-left: 20px;
}

#tbFeedback3 {
width: 335px;
height: 150px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
border: none;
margin-left: 20px;
}

#msg4 {
width: 335px;
height: 50px;
border: none;
background-color: #cc0000;
color: #ffffff;
text-align: center;
text-transform: uppercase;
border-radius: 10px;
font-family: Roboto;
margin-bottom: 20px;
font-size: 20px;
margin-left: 20px;
}

/*---------- Feedback ----------*/

#tbName1{
width: 400px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-left: 335px;
}

#tbPhone1{
width: 400px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-left: 340px;
}

#tbEmail2{
width: 400px;
height: 50px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-left: 340px;
}

#tbFeedback1{
width: 400px;
height: 250px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-left: 340px;
}

#msg3{
width: 400px;
height: 50px;
border: none;
background-color: #cc0000;
color: #ffffff;
text-align: center;
text-transform: uppercase;
border-radius: 10px;
font-family: Roboto;
margin-bottom: 20px;
font-size: 20px;
margin-left: 340px;
}

#msg3:hover{
background-color: #ffffff;
color: #cc0000;
border: 1px solid #cc0000;
}

#product{
width: 400px;
height: 70px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #e1e1e1;
padding: 20px;
margin-left: 340px;
}
.icon2{
margin-left: 105px;
color: #ffffff;
}

.pro-text{
font-size: 30px;
padding-bottom: 30px;
}

/*-------------achievement-----------*/

.a-text{
    padding-left: 20px;
    padding-top: 50px;
    text-align: justify;
}
.achive-img{
    margin-left: 150px;
    margin-bottom: 20px;
}
.achive2-img{
    margin-left: 70px;
    margin-bottom: 20px;
}