@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { margin: 0; padding: 0;   font-family: "Poppins", sans-serif; overflow-x: hidden; color: #212121}
p, li {color: #212121;font-size: 15px;line-height: 27px;font-weight: 400;margin: 0 0 15px 0;letter-spacing: .7px;  font-family: "Poppins", sans-serif;}
.main-table li {color: #212121; font-size: 15px;line-height: 25px;margin: 0 0 10px 0;   font-family: "Poppins", sans-serif;}
a { text-decoration: none !important;   font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 {   font-family: "Poppins", sans-serif; color: #212121}

.main-table {text-align: left;padding: 4% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #ffffff;font-size: 14px;padding: 15px 0;font-weight: 500;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;}

#HomepagecontentControl_C, #HomepagecontentControl { min-height: 100px !important}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter,
#HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light { --bs-bg-opacity: 1; background-color: transparent !important; height: 100%;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #MenuControl, #MenuControl_C {height: 85px !important;}

@media (min-width: 320px) and (max-width: 768px ){ 
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important;background: #000000;}
  .navbar-collapse {background: #000000;margin-top: -10px;padding: 0 20px;}
}

@media (min-width: 769px)  {
  #HeaderControl {position: absolute;left: 0;top: 50px;z-index: 2;width: 25%;text-align: center;}
  #MenuControl {position: absolute;right: 0;top: 50px;z-index: 8 !important;width: 75%;}
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}


.main-table{ font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{ font-weight:bold; Font-size: 20px; color:#222; text-align:left; line-height:30px; border-bottom:1px #ccc dashed; text-transform:uppercase; margin-bottom:10px;}
.sub-heading{ font-size: 24px; color: #222; font-weight: 700; margin: 0 0 15px 0; border-bottom: 1px dashed #a5a5a5; padding: 5px 0;}
.team-title{ font-weight:bold; Font-size:14px; color:#222; line-height:30px; text-align:left;}
.maps{ text-align:center;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.RadDock .rdContent{font-family:Poppins !important; }


h1,h2,h3,h4,h5,h6{font-family:Libre Baskerville !important;}
.text-justify{text-align: justify;}
.text-1{color: #cca876;}
.bg-1{background-color: #cca876;}
.ls-4px{letter-spacing: 4px;}
.ls-3px{letter-spacing: 3px;}
.ls-2px{letter-spacing: 2px;}
.border-color-1{border-color: #cca876 !important;}
.bg-black { background: #000}
.rounded-5 { border-radius: 2rem;}

.abt-section img.abt-img{z-index: 9; background-color: #ebcf47}
.w-120px{max-width: 120px;}
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: #ffffff00 !important;height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{background-color:#000 !important; color:#fff !important;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.nav-item a{font-size:15px;}
.navbar-brand{margin:0;}
.RadGrid_Default .rgHoveredRow{background:#c5c5c5 !important;}
.navbar-toggler{background: #fff;}
/*nav-bar*/
.text-justify{text-align: justify;}
/*fix menu*/
@media (min-width: 991px){
#HeaderControl, #MenuControl{ transition:.3s;}
.body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}
}
/*animation*/
@-webkit-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: -5%;
	top: 5%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 5%;
	top: 80%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 10%;
	top: 40%;
	
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 20%;
	top: 0;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 30%;
	top: 50%;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 50%;
	top: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 65%;
	top: 70%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 80%;
	top: 10%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 90%;
	top: 50%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 80%;
	top: 80%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
    /* -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1); */
	
    height: 50px;
	position: absolute;
	width:50px;
}

.bubble:after {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	
	content: "";
    height: 40px;
	left: 10px;
	position: absolute;
	width: 40px;
}
/*animation*/
/*fix menu*/
#header{position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;}
.top-bar {position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    color: #fff;
      font-size: 0.9rem;
      padding: 5px 0;
    }
    .social-icons a {
      color: white;
      margin-right: 5px;
    }
    .fa-facebook { background-color: #3b5998; }
    .fa-twitter { background-color: #1da1f2; }
    .fa-youtube { background-color: #ff0000; }
    .icon-box i { margin-right: 5px;}
    .icon-box {
      display: flex;
      align-items: center;
      margin-left: 20px;
    }
    .hero-section {
      background: url('../image/slide-1.jpg') no-repeat center center;
      background-attachment: fixed;
      background-size: cover;
      position: relative;
      height: 700px;
      color: white;
      display: flex;
      align-items: center;
    }

    .hero-overlay {
      background: rgba(0, 0, 0, 0.75);
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .hero-content h1 {
      font-size: 3rem;
      color: #fff;
      font-weight: 600;
    }
    a.btn-1{ color: #fff;
      -webkit-box-shadow: 0 0 0 1px #000 inset;
      transition: .5s;
      box-shadow: 0 0 0 1px #fff inset;
      background-color: transparent;}
    a.btn-1:hover {
          box-shadow: 0 0 0 3em #fff inset;
          color:  #000;
          background-color: #fff;
      }
    a.btn-1:hover {background-color:  #fff !important;}
    .hero-content p {
      font-size: 1.1rem;
      margin-top: 15px;
      margin-bottom: 30px;
    }
.bnr-btm{ background-image: url(../image/bg-1.jpg); background-size: cover; background-repeat: no-repeat;}
.bnr-btm a{font-size: 14px; transition: all .5s;}
.bnr-btm a:hover{color:#000;}
.bnr-btm .bnr-btm-bg { background: rgba(255, 255, 255, .7)}

    @media (max-width: 768px) {
      .hero-content {
        margin: 0 auto;
        text-align: center;
      }
      .hero-content h1 {
        font-size: 2.2rem;
      }
    }
    .section-heading {
      font-size: 2.5rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 20px;
    }

    .intro-subtitle {
      text-align: center;
      font-size: 1.25rem;
      margin-bottom: 10px;
    }

    .main-title {
      font-size: 2.3rem;
      font-weight: 700;
      color: #1d1b38;
      text-align: center;
      max-width: 1000px;
      margin: 0 auto 40px auto;
    }

    .highlight {
      color: #000;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 10px;
      display: inline-block;
      font-size: 1rem;
      border-bottom: 2px solid #000;
    }

    .section {
      padding: 60px 20px;
    }

    @media (max-width: 768px) {
      .main-title {
        font-size: 1.8rem;
      }

      .section-heading {
        font-size: 1.8rem;
      }
    }
     /* Quote Banner */
    .quote-banner {
      background-color: #edcc59;
      color: #000;
      text-align: center;
      padding: 20px 10px;
      font-size: 1.1rem;
      font-weight: 500;
    }

    /* Section Header */
    .section-header {
      text-align: center;
      font-weight: bold;
      font-size: 1.8rem;
      color: #000;
      margin-top: 40px;
      margin-bottom: 10px;
    }

    .section-header::after {
      content: '';
      display: block;
      width: 80px;
      height: 2px;
      background-color: #000;
      margin: 10px auto;
    }

    /* Ser-sec */
    .ser-sec{background-image: url(../image/ser-bg.jpg); background-attachment: fixed; padding: 60px 0;}
    .ser-sec .section-header::after{background-color: #fff;}
    .ser-sec .company-card figure{font-size: 50px;}
    .ser-sec .company-card{transition: .5s;}
    .ser-sec .company-card:hover{background-color: rgb(204 168 118 / .75); box-shadow: 8px 8px 0px #fff;}
    .ser-sec .company-card:hover h4{color: #fff !important;}
    .ser-sec .company-card:hover figure .fa-solid{color: #fff !important; background: #000; padding: 10px; font-size: 40px; border-radius: 50%;}
    .ser-sec .company-card figure .fa-solid{width: 70px; height:70px; transition: .5s; line-height: 50px;}

     /* Ser-sec */

    .footer {position: relative;
      background: url('../image/footer-bg.jpg');
      color: white;
      font-family: 'Poppins', sans-serif;
    }
    .footer::before{position: absolute;content:''; top: 0; left: 0; right: 0; width: 100%; z-index: 1; background-color: #000; height: 100%;}
    .footer a, .footer p { font-size: 14px;
      color: #c1c1c1;
      text-decoration: none;
    }
	.footer h4 { color: #fff}

    .footer a:hover {
      color: #ffc107;
    }
    .footer .container{position: relative; z-index: 9;}
    .footer h6 {
      color: #f4d03f;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .footer i {
      color: #fff;
      margin-right: 10px;
    }
.social-icons .fa-brands{width: 35px; height: 35px; line-height: 20px; transition: .5s; }
.social-icons .fa-brands:hover{border-radius: 50%;}
    .footer-bottom {
      text-align: center;
      padding: 10px 0;
      font-size: 14px;
      position: relative;
      z-index: 9;
    }

    .social-icons a {
      margin-right: 10px;
      color: white;
    }

    .social-icons a .svg-inline--fa{border-radius: 0px; transition: .5s;}
    .social-icons a .svg-inline--fa:hover{border-radius: 50%;color: #fff;}
    @media (max-width: 576px) {
      .footer {
        text-align: center;
      }
    }
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{/* height: initial !important; */}
.navbar-expand-md .navbar-nav .nav-link, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
	}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{/* height:initial !important; */}
}
a, a:hover{text-decoration:none !important;}
@media (max-width: 767px){
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

@media(max-width:568px){
	
}
@media(max-width:480px){
	
}



@media (max-width: 414px){


}
.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important;border: 0; padding:0;
}

/*callus*/
.callus {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
    position: fixed;
    bottom: 40%;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 99999;
}
.callus .fa{
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    background: #eb1d39;
    color: #fff;
    margin: 0 20px 0 0;
    -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
    -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
    box-shadow: 0px 0px 0px 7px #dc354536;
    -webkit-animation: tada 1.25s infinite;
    -moz-animation: tada 1.25s infinite;
    -ms-animation: tada 1.25s infinite;
    animation: tada 1.25s infinite;
}
/*callus*/
  /*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    bottom: 20%;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
	 animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes waves {
           from {
           transform: scale(.55, .55);
           opacity: .6;
           }

           to {
              transform: scale(1.8, 1.8);
              opacity: 0;
              }
           }

.cont-page h2 {
    font-weight: bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 10px;
}
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}
.cont-page .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page .st-feature-box {
    background: #23527c;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 70px;
    position: relative;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-page .feature-box-image .fa{color:#fff; line-height:30px; font-size:30px; margin-top: 20px;}
/*cont-page*/

.heading-innerpage { padding: 7% 0 5% 0; background-image: linear-gradient(22deg, #000, #cca876);}
.heading-innerpage h2 {color: #fff;font-size: 42px;font-weight: 600;margin: 0;text-transform: uppercase;letter-spacing: 2px;text-align: center;position: relative;}
.heading-innerpage h2::after { position: absolute; content: ''; background: #ffff; width: 140px; height: 2px; top: 60px; left: 0; right: 0; margin: 0 auto;} 

.contact-info {background: #080808; padding: 30px; margin: 0 0 13px 0;}
.contact-info i { color: #e4e4e4; font-size: 30px;}
.contact-info h5 {color: #cca876; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: .5px; }
.contact-info p, .contact-info p a { color: #e0e0e0; margin: 0;}

center #form1 #WidgetControl4 .top-bar { background: #000; border-bottom: 1px solid #ddd}
center #form1 #WidgetControl4, center #form1 #HeaderControl, center #form1 #MenuControl{ position: relative !important;}
center #form1 #HeaderControl{background: #000000;}
center #form1 #MenuControl{background: #000000 !important;}

header { text-align: center;}
header img { padding: 15px; width: 370px}

@media (min-width: 320px) and (max-width: 768px) {
	.top-bar { display: none;}
	
	header { text-align: start;}
	header img { padding: 8px; width: 320px}
}