body { font-family: arial;border: 0px solid #565a60;padding-top: 10px }

p {font-size: 16px;}  
  .logo{width: auto;height: auto;}
  .navbar-brand{position: absolute;left: 7%;margin-left: 0}

  .bg-1 {background-color: rgba(204,102,0,0);
      color: #ffffff;position: relative;height: 537px;width: auto}
  .titlep{font-size: 350%; font-weight: bold;color: #ccc}
  .descriptionp{color: #ccc;text-decoration: underline;}
  .bottom-down{width: 64px;height: 64px;margin-top: 60px}

  .bg-2 {background: -moz-linear-gradient(top, rgba(190,150,0,0.85) 0%, rgba(190,150,0,0.95) 100%);background: -webkit-linear-gradient(top, rgba(190,150,0,0.85) 0%,rgba(190,150,0,0.95) 100%);background: linear-gradient(to bottom, rgba(190,150,0,0.85) 0%,rgba(190,150,0,0.95) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff6600', endColorstr='#a6ffff00',GradientType=0 );
      color: #ffffff;margin-top: 300px;position: relative;}
  .title2{color: #ccc;font-weight: bolder;text-decoration: underline;font-size: 180%;margin-top: 20px}
  .description2{padding-left: 10%;padding-right: 10%;margin-top: -10px; font-size: 110%;font-weight: bolder;color: #ccc}
  .carru{margin-top: 50px;height: 300px;width: 100%}
  .imgcarru{width: 100%;height: 300px}
  .infocarru{color: #ccc;font-size: 75%;font-weight: bolder;margin-bottom: 50px}
  .letter-carru{font-size: 120%}

  .bg-3 {background-color: rgba(255,102,0,0.9);color: #ffffff; margin-top: 0px;position: relative;}
  .title3{color: #ccc;font-weight: bolder;text-decoration: underline;font-size: 200%;margin-top: 20px}
  .infothird{padding-left: 10%;padding-right: 10%;margin-top: -30px; font-size: 130%;font-weight: bolder;color: #ccc}
  .map3{margin-top: 30px;width: 465px;height: 245px}

  .bg-4 {background-color: #4a4d52;color: #555555;margin-top: 0px;position: relative;}
  .title4{color: #ccc;font-weight: bolder;text-decoration: underline;font-size: 200%}
  .infofourth{padding-left: 10%;padding-right: 10%;margin-top: -30px; font-size: 130%;font-weight: bolder;color: #ccc}
  .infofourth1{padding-left: 10%;padding-right: 10%;margin-top: -10px; font-size: 120%;font-weight: bolder;color: #ccc}
  .srj{margin-top: 30px;width: 256px;height: 256px}
  .in{position: absolute;left: 50%; margin-left: 170px;top: 500px;width: 74px;height: 74px}
  .tw{position: absolute;left: 50%; margin-left: 170px;top: 600px;width: 74px;height: 74px}
  .fb{position: absolute;left: 50%; margin-left: 170px;top: 700px;width: 74px;height: 74px}

  .bg-5 { background: -moz-linear-gradient(top, rgba(255,102,0,0.65) 0%, rgba(255,255,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(255,102,0,0.65) 0%,rgba(255,255,0,0.65) 100%);background: linear-gradient(to bottom, rgba(255,102,0,0.65) 0%,rgba(255,255,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff6600', endColorstr='#a6ffff00',GradientType=0 );
      color: #555555;}
  .title5{font-size: 250%;text-decoration: underline;color: #ccc}
  .mpa{position: relative;left: 50%; margin-left: -340px;width: 680px}
  .pr1{color: #e5764d;text-decoration: underline;font-variant: small-caps;font-size: 130%}
  .prlogo{width:94px;height: 80px;position: relative;top:80px;left: 50%;margin-left: -47px}
  .buttom-pr{width: 200px;height: 50px;border-radius: 10px;border: solid 5px #e5764d;position: relative;top:50px;left: 50%;margin-left: -100px}
  .buttom-inner{color: #e5764d;text-decoration: underline;font-size: 18px;font-style: italic; font-weight: bolder}

  .col-sm-4{background-color: #ccc;margin-left: 20px; width: 300px;height: 370px; border-radius: 10px}
  .foot-title{color: #ccc;text-decoration: underline;font-variant: small-caps;font-size: 130%}


.text-t { color: #666666;font-weight: bold;font-size: 120% }
.text-p { color: #666666;font-weight: bold;font-size: 100% }

  .left-footer {
    padding-left:17%;
}
.right-footer {
    padding-right:17%;
}
.bottom-footer {
    padding-top:27px;
}
@media screen and (max-width: 1199px){
  .text-p { color: #666666;font-weight: bold;font-size: 80% }
   .left-footer {
    padding-left:0%;
}
.right-footer {
    padding-right:0%;
} 
.bottom-footer {
    padding-top:0;
}
}

  .margin {margin-bottom: 45px;}

  .bg-6 {background-color: white; /* Black Gray */
      color: #fff;}

  .container-fluid {padding-top: 0px;padding-bottom: 0px;  }

.nav {
  margin-bottom: 1.5rem;
}
.tab-content { padding: 10px;width: 870px;left: 70%;margin-left: -350px;position: relative; }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87); height: 277px;text-align: left;font-size: 14px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 33%;height: 70%;margin-left: 1.7px }
.img-fo { width: 16px;height: 16px }


  .navbar {background-color: #b78e0d;
      padding-top: 0px;padding-bottom: 0px;border: 0;border-radius: 0;margin-bottom: 0;font-size: 16px;letter-spacing: 1px;;z-index: 99}
  .navbar-nav {color: #ff6633}
  .navbar-nav  li a:hover {color: brown !important;}
  .navbar-right{position: absolute;right: 2%}


@media screen and (max-width: 800px){
  .navbar-nav {display: none}
}


.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(255,255,255,0.87);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 28px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: brown;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/*--/model--*/
.modal-header h4 {
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  color:#0c0d0d;
}
.modal-dialog {
    width: 95%;
    margin: 10px auto;
}
/*--//model--*/

/*New code*/
  .lang{position: fixed;right: 10px;top: 10px}
  .spa{width: 30px;height: 16px}
  .eng{width: 30px;height: 16px}
 
  .bg-7 {  margin-top: 50px;padding-top: 0px;
      background-color: rgba(74,77,82,0.5); /* White */
      color: #555555;}
 
  .form-logo{margin-top: 10px;width: 193px;height: 198px}  
  .buttom-pr-c{width: 200px;height: 50px;border-radius: 10px;border: solid 5px #ccc;position: relative;top:50px;left: 50%;margin-left: -100px}
  .buttom-inner-c{color: #ccc;text-decoration: underline;font-size: 18px;font-style: italic; font-weight: bolder}

  .bg-8 {  margin-top: 0px;padding-top: 0px;
      background-color: rgba(255,255,255,0.9); /* White */
      color: #333333;}
  .title6{font-size: 250%;text-decoration: underline;color: #333333}
  .form-horizontal{padding-right: 200px;padding-left: 200px}
  .checkbox{margin-left: -400px;font-size: 18px}

  .idiom{position: absolute;right: 0;top:200px;}


.clear { clear: both; }


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/*New code*/
.dropdown { position: absolute;left: 50%;margin-left: -50px;width: 100px; top: 47px;z-index: 99999;height: 27px;text-align: center; }
.dropdownt { position: absolute;left: 0%;margin-left: 0px;width: auto; top: 0px;z-index: 99999;height: 100%;text-align: center; }
.dropdownm { position: absolute;left: 0%;margin-left: 0px;width: auto; top: 0px;z-index: 99999;height: 100%;text-align: center; }

  @media only screen and (max-width: 550px) {
    .dropdown { position: absolute;left: 50%;margin-left: -50px;width: 100px; top: 47px;height: 27px; }
    .dropdownt { position: absolute;left: 0%;margin-left: 0px;width: auto; top: 0px;height: 100%; }
      .text-p { color: #666666;font-weight: bold;font-size: 80% }

  }

.dropdown-toggle { background-color: rgba(255,255,255,0);color: black;border-color: #565a60 }
.dropdown-menu { position: relative;top: 0;width: 100px;background-color: rgba(255,255,255,0.87);text-align: center;color: black;margin-left: -27px }

.mobile-menu{font-size:28px;cursor:pointer;position: absolute;top: 24px;right: 3%;display: none;color: #666}
  @media only screen and (max-width: 800px) {
    .mobile-menu{display: block}
  }
.dropdown-item { display: block }
.bg-i { width: 63%;height: 234px;position: absolute;top: 7px;left: -27px; border-radius: 5px;opacity: 1;z-index: 9;border-left: 27px solid #565a60 }
.well { background-color: rgba(255,255,255,0);margin-top: 0px }
.h-title { font-size: 200% }
.h-button { background-color: #555555;border: none;border-radius: 3px; color: white;padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;  font-size: 16px;margin: 4px 2px;cursor: pointer; }
.social-media { float: right; position: relative;right: 5px;top: 5px; width: 400px;height: 77px; }
.pro-ject { width: 100%;height: 100% }
.s-logo { float: left;margin-left: 5px }
.directory { height: 180px; }
.right-form { position: absolute;top: -10px;right: 17px;width: 450px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999;display: block }
.f-title { font-weight: bold;font-size: 120% }
.f-text { text-align: justify;padding: 17px;font-size: 12px;font-weight: bold }
form { padding-left: 30px;padding-right: 30px }

.navbar-header { z-index: 99999;width: 100% }
.navbar { position: absolute;top: 0;right: 0;width: 100%;height: 87px;background-image: url(../images/back.png);border-top: 0px solid #565a60; }

.mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: none }
#contact { display: block }
#cont { display: none }



  @media only screen and (max-width: 800px) {
    .navbar-brand{position: absolute;left: 50%;top: -7px;}
      .navbar-right{display: none}
       .logo{width: 178.8px;height: 34.2px;position: absolute;}


.right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }


.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 14px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 30%;height: 70%;margin-left: 1.7px }
.img-fo { width: 16px;height: 16px }
  }

@media only screen and (max-width: 1115px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }


.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 13px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 33%;height: 70%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
  }

@media only screen and (max-width: 1024px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }


.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 13px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 33%;height: 70%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: 5px;top: 5px; width: 300px;height: 77px; }
  }  

  @media only screen and (max-width: 970px) {

.bg-i { width: 100%;height: 234px;position: absolute;top: 7px;left: -27px; border-radius: 5px;opacity: 1;z-index: 9;border-left: 27px solid #565a60 }


 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999;display: none }
#contact { display: none }
#cont { display: block }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 10px;margin-left: 0%;left: 2%; width: 98% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 13px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 33%;height: 70%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: 5px;top: 5px; width: 300px;height: 77px; }

  }



  @media only screen and (max-width: 770px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 10px;margin-left: 5%; width: 90% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 12px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 33%;height: 70%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: 5px;top: 5px; width: 300px;height: 77px; }


  .mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: block }
  }

    @media only screen and (max-width: 640px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 10px;margin-left: 0%; width: 100% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 12px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px}
.project { float: left;width: 33%;height: 70%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: 0px;top: 5px; width: 300px;height: 77px; }


  .mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: block }

.project { float: left;width: 20%;height: 50%;margin-left: 1.7px }
  }



      @media only screen and (max-width: 560px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 10px;margin-left: 0%; width: 100% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 12px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px;}
.project { float: left;width: 30%;height: 50%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: 0px;top: 5px; width: 300px;height: 77px; }


  .mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: block }
.directory { height: auto }
  .bg-1 {background-color: rgba(204,102,0,0);
      color: #ffffff;position: relative;height: 600px;width: auto}
  }



        @media only screen and (max-width: 510px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 10px;margin-left: 0%; width: 100% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 12px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px;height: 350px}
.project { float: left;width: 30%;height: 50%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: -10px;top: 5px; width: 300px;height: 77px; }


  .mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: block }
.directory { height: auto }
  .bg-1 {background-color: rgba(204,102,0,0);
      color: #ffffff;position: relative;height: 670px;width: auto}
  }


          @media only screen and (max-width: 400px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 5px;margin-left: 0%; width: 100% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 12px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px;height: 435px}
.project { float: left;width: 30%;height: 50%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: -20px;top: 5px; width: 300px;height: 77px; }


  .mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: block }
.directory { height: auto }
  .bg-1 {background-color: rgba(204,102,0,0);
      color: #ffffff;position: relative;height: 750px;width: auto}
  }

            @media only screen and (max-width: 319px) {
 .right-form { position: absolute;top: -10px;right: 17px;width: 350px;height: 460px;background-image: url(../form.png);border-radius: 5px;z-index: 99999 }

form { padding-left: 30px;padding-right: 30px }

.tab-content { padding: 5px;margin-left: 0%; width: 100% }
.tab-pane {color: #666666;background-color: rgba(255,255,255,0.87);text-align: left;font-size: 12px;border-radius: 5px;padding: 5px;font-weight: bold;padding-left: 27px;height: 505px}
.project { float: left;width: 30%;height: 50%;margin-left: 1.7px }
.img-fo { width: 32px;height: 32px }
.social-media { float: right; position: relative;right: -50px;top: 5px; width: 300px;height: 77px; }


  .mob { position: relative;float: right;z-index: 99999 }
.nmob { position: absolute;top: 10px;right: 10px;display: block }
.directory { height: auto }
  .bg-1 {background-color: rgba(204,102,0,0);
      color: #ffffff;position: relative;height: 850px;width: auto}
  }