html, body
{
   overflow-x:hidden; 
}
.jumbotron{
    margin: 0 auto;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}
h1,h2,h3,h4,h5,h6{
    padding: 0px;
    margin: 0 auto;
}
span,p{
    padding: 0px;
    margin:0 auto;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    float: right;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    float: right;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
    float: right;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
    float: right;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -500px;
   float:left
}
div#container
{
   width: 1200px;
   height: 1000px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Layer2
{
   background-color: #808080;
   -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 500ms linear 0ms 1 normal;
   animation: animate-fade-in 500ms linear 0ms 1 normal;
}
#Layer1
{
   background-color: #A9A9A9;
   -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 500ms linear 0ms 1 normal;
   animation: animate-fade-in 500ms linear 0ms 1 normal;
}
#Layer3
{
   background-color: #FFFFFF;
   -webkit-animation: animate-fade-in 100ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 100ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 100ms linear 0ms 1 normal;
   animation: animate-fade-in 100ms linear 0ms 1 normal;
}
#SlideShow1 .image
{
   border-width: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow1
{
   -webkit-animation: animate-fade-in 250ms linear 100ms 1 normal, hide 100ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 250ms linear 100ms 1 normal, hide 100ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 250ms linear 100ms 1 normal, hide 100ms linear 0ms 1 normal;
   animation: animate-fade-in 250ms linear 100ms 1 normal, hide 100ms linear 0ms 1 normal;
}
#SlideShow1 .caption
{
   margin: 0;
   padding: 0;
   z-index: 10;
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 500px;
   overflow: hidden;
}
#SlideShow1 .caption_background
{
   background-color: #000000;
   filter: alpha(opacity=1);
   opacity: 0.01;
   position: absolute;
   bottom: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
}
#SlideShow1 .caption_text
{
   margin: 5px;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-size: 20px;
   text-align: center;
}
#Image1
{
   border: 0px #000000 solid;
   -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 500ms linear 0ms 1 normal;
   animation: animate-fade-in 500ms linear 0ms 1 normal;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: right;
   -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 500ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 500ms linear 0ms 1 normal;
   animation: animate-fade-in 500ms linear 0ms 1 normal;
}
#wb_Text1 div
{
   text-align: right;
}
#Line1
{
   color: #A0A0A0;
   background-color: #A0A0A0;
   border-width: 0;
   margin: 0;
   padding: 0;
}
#wb_Text13 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text13 div
{
   text-align: left;
}
#Image2
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#RollOver1
{
   -webkit-animation: hide 350ms linear 0ms 1 normal, animate-fade-in 250ms linear 350ms 1 normal;
   -moz-animation: hide 350ms linear 0ms 1 normal, animate-fade-in 250ms linear 350ms 1 normal;
   -ms-animation: hide 350ms linear 0ms 1 normal, animate-fade-in 250ms linear 350ms 1 normal;
   animation: hide 350ms linear 0ms 1 normal, animate-fade-in 250ms linear 350ms 1 normal;
}
#RollOver1 a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver1 a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver1 span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver1 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOver2
{
   -webkit-animation: hide 250ms linear 0ms 1 normal, animate-fade-in 250ms linear 250ms 1 normal;
   -moz-animation: hide 250ms linear 0ms 1 normal, animate-fade-in 250ms linear 250ms 1 normal;
   -ms-animation: hide 250ms linear 0ms 1 normal, animate-fade-in 250ms linear 250ms 1 normal;
   animation: hide 250ms linear 0ms 1 normal, animate-fade-in 250ms linear 250ms 1 normal;
}
#RollOver2 a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver2 a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver2 span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver2 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOver3
{
   -webkit-animation: hide 150ms linear 0ms 1 normal, animate-fade-in 250ms linear 150ms 1 normal;
   -moz-animation: hide 150ms linear 0ms 1 normal, animate-fade-in 250ms linear 150ms 1 normal;
   -ms-animation: hide 150ms linear 0ms 1 normal, animate-fade-in 250ms linear 150ms 1 normal;
   animation: hide 150ms linear 0ms 1 normal, animate-fade-in 250ms linear 150ms 1 normal;
}
#RollOver3 a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver3 a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver3 span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver3 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_Text4 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Text5 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5 div
{
   text-align: center;
}
#Layer4
{
   background-color: #000000;
}
#Layer5
{
   background-color: #000000;
}
#Image3
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#NavigationBar1 ul.navbar
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#NavigationBar1 ul.navbar li
{
   height: 76px;
   width: 75px;
   float: left;
   margin: 0 15px 0 0;
}
#NavigationBar1 ul.navbar li a
{
   display: block;
   position: relative;
}
#NavigationBar1 ul.navbar li a img
{
   position: absolute;
   left: 0;
   z-index: 1;
   border-width: 0;
}
#NavigationBar1 ul.navbar li span
{
   display: block;
   height: 76px;
   width: 75px;
   position: absolute;
   z-index: 2;
}
#Button1
{
   border: 2px #696969 solid;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   background-color: #808080;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   -webkit-animation: animate-fade-in 250ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 250ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 250ms linear 0ms 1 normal;
   animation: animate-fade-in 250ms linear 0ms 1 normal;
}
#Button1:hover
{
   background-color: #EC1F25;
   -webkit-transition: background-color 150ms linear 0ms;
   -moz-transition: background-color 150ms linear 0ms;
   -ms-transition: background-color 150ms linear 0ms;
   transition: background-color 150ms linear 0ms;
}
#Button2
{
   border: 2px #696969 solid;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   background-color: #A9A9A9;
   color: #696969;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   -webkit-animation: animate-fade-in 250ms linear 0ms 1 normal;
   -moz-animation: animate-fade-in 250ms linear 0ms 1 normal;
   -ms-animation: animate-fade-in 250ms linear 0ms 1 normal;
   animation: animate-fade-in 250ms linear 0ms 1 normal;
}
/* MENU SECTION */
#Layer1{
   border-bottom: 4px solid #000;
   padding-top: 5px;
   padding-bottom: 5px;
}
#Layer1 .navbar-default{
   background-color: transparent;
   border:0px;
   box-shadow: none;
   margin-bottom: 0px;
}
#Layer1 .navbar-nav{
   padding-right: 0px;
   float: right;
}
   #Layer1 .navbar-nav > li{
      margin-left: 10px;
      float: right;
      margin-top: 5px;
   }
      #Layer1 .navbar-nav > li > a{
         background-color: transparent;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         max-height: 75px;
         height: 65px;
         width: 66px;
      }
      #Layer1 .navbar-nav li:nth-child(1) a{
         background-image: url(images/img0015.png);
      }
      #Layer1 .navbar-nav li:nth-child(1) a:hover{
         background-image: url(images/img0015_over.png);
      }
      #Layer1 .navbar-nav li:nth-child(2) a{
         background-image: url(images/img0014.png);
      }
      #Layer1 .navbar-nav li:nth-child(2) a:hover{
         background-image: url(images/img0014_over.png);
      }
      #Layer1 .navbar-nav li:nth-child(3) a{
         background-image: url(images/img0013.png);
      }
      #Layer1 .navbar-nav li:nth-child(3) a:hover{
         background-image: url(images/img0013_over.png);
      }
      #Layer1 .navbar-nav li:nth-child(4) a{
         background-image: url(images/img0008.png);
      }
      #Layer1 .navbar-nav li:nth-child(4) a:hover{
         background-image: url(images/img0008_over.png);
      }
      #Layer1 .navbar-nav li:nth-child(5) a{
         background-image: url(images/img0007.png);
      }
      #Layer1 .navbar-nav li:nth-child(5) a:hover{
         background-image: url(images/img0007_over.png);
      }
      #Layer1 .navbar-nav li:nth-child(6) a{
         background-image: url(images/img0006.png);
      }
      #Layer1 .navbar-nav li:nth-child(6) a:hover{
         background-image: url(images/img0006_over.png);
      }
      #Layer1 .navbar-nav li:nth-child(7) a{
         background-image: url(images/img0005.png);
      }
      #Layer1 .navbar-nav li:nth-child(7) a:hover{
         background-image: url(images/img0005_over.png);
      }
/* LOGO SECTION */
#Layer1 .logo_holder{
   float: right;
}
#Layer1 .company_name{
   float: right;
   padding-top: 10px;
   padding-right: 20px;
}
#Layer1 .login_holder{
   float: right;
   padding-top: 10px;
   padding-right: 20px;
}
   #Layer1 .login_holder input[type="button"]{
      float: right;
      clear: both;
      width: 65px; 
      padding-top: 5px;
      padding-bottom: 5px;
   }
   #Layer1 .login_holder input[type="button"]:nth-child(1){
      margin-bottom: 5px;
   }
/* SLIDER SECTION */
#slider{
   margin-top: 20px;
   margin-bottom: 50px;
}
   #slider .col-md-10{
      float: none;
      margin: 0 auto;
   }
   #slider #SlideShow1{
      height: 496px;
      width: 100%;
      border:2px solid #ddd;
   }
      #slider #SlideShow1 img{
         object-fit:cover;
         object-position:center;
      }
/* OTHER SECTION */
#other{
   margin-top: 10px;
   margin-bottom: 30px;
   text-align: center;
}
   #other .col-md-3{
      float: none;
      margin: 0 auto;
      display: inline-block;
   }
   #other a{
      text-decoration: none;
   }
   #other .hover{
      display: none;
      margin: 0 auto;
   }
   #other .main_pic{
      margin: 0 auto;
   }
   #other a:hover .hover{
      display: block
   }
   #other a:hover .main_pic{
      display: none;
   }
   #other p{
      color: #000000;
      font-family: Arial;
      font-size: 15px;
      font-weight: bold;
      margin-top: 15px;
      line-height: normal;
      min-height: 50px;
   }
   #other a .more{
      margin-top: 35px;
   }
      #other .more{
         font-size: 16px;
         color: #000;
         font-weight: bold;
      }
      #other .more:hover{
         color: #EC1F25;
      }
/* FOOTER SECTION */
.footer{
   background-color: #808080;
   border-top: 3px solid #000;
   padding-top:50px;
   padding-bottom: 50px;
}
   .footer .col-md-4{
      text-align: center;
      min-height: 102px;
      line-height: 102px;
   }
@media(max-width: 768px){
   #Layer1 .navbar-nav {
      width: 100%;
   }
   #Layer1 .navbar-nav > li{
      width: 100%;
      clear: both;
   }
   #f_logo img{
      float: none;
      margin: 0 auto;
   }
   #tel img{
      float: none!important;
      margin: 0 auto;
      display: inline-block;
      margin-top: 0px!important;
   }
   #tel div{
      float: none!important;
      margin: 0 auto;
      display: inline-block;
   }
}