body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;font-family:Tahoma, Verdana, Calibri, Arial, Helvetica;}
td {font-family:Tahoma, Calibri, Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration: none;}
tr {font-family:Tahoma, Calibri, Verdana, Arial, Helvetica; font-size:13px; color:#000000; text-decoration: none;}

.carousel-control{width:50px;height:50px;background-color:#003366;top:50%;margin-top:-25px;box-shadow:none;opacity:1 !important;}
.left.carousel-control,.right.carousel-control{background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.0) 100%);}
.carousel-control .fa-chevron-left,.carousel-control .fa-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:50px;height:50px;margin:0;font-size:20px;line-height:50px;text-shadow:none;}
section.about-section{width:100%;float:left;padding:50px 0;}
section.about-section h4{width:100%;margin:0 0 20px;font-size:20px;font-weight: 400;}
.about-img{width:100%;float:left;text-align:center;}
section.diversified-section{width:100%;float:left;background:#f5f5f5;padding:50px 0;}
.wel-box{display:block;height:190px;background:#fff;padding:30px 0 0;position:relative;box-shadow:rgba(0,0,0,0.298039) 0px 1px 4px -1px;}
.wel-box:before{content:'';position:absolute;border:1px dashed #dad6d6;top:10px;left:10px;right:10px;bottom:10px;}
.wel-box .icon-box{text-align:center;}
.wel-box h4{color:#003366;text-align:center;margin:26px 0 0;padding:0;font-size:18px;font-weight:400;text-transform:uppercase;}
.wel-box .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#003366;padding:10px;transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);}
.wel-box .overlay .icon_position_table{border:1px dashed rgba(236,236,236,0.5);display:-webkit-flex;display:flex;height:100%;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.wel-box .overlay .icon_position_table .icon_container{text-align:center;padding:0 5px;}
.wel-box .overlay .icon_position_table .icon_container h2{text-align:center;color:#fff;margin:0;padding:0 0 15px;font-size:18px;text-transform:uppercase;font-weight: 400;}
.wel-box .overlay .icon_position_table .icon_container p{text-align:center;color:#fff;margin:0;padding:0;line-height:30px;}
footer{width:100%;float:left;}
.footer-bottom{width:100%;float:left;background:#3399cc;padding:15px 0;}

@media screen and (min-width:992px){
section.diversified-section .container>.row{margin:0 -5px;}
section.diversified-section .container>.row>.col-md-3{width:20%;padding:0 5px;}
}
@media screen and (max-width:991px){
.logo{text-align:center;}
ul.nav.navbar-nav{width:100%;text-align:center;margin:0;}
.navbar-nav>li{float:none;display:inline-block;}
.progressbar_inner{margin-bottom:30px;}
}
@media screen and (max-width:767px){
.topbar-right{width:100%;text-align:center;}
ul.tp-socials{float:none;display:inline-block;margin-bottom:-6px;}
ul.tp-contacts{text-align:center;}
ul.tp-contacts li{float:none;display:inline-block;}
ul.tp-contacts li+li{padding:0 10px 0;}
.logo{text-align:left;}
.logo>a>img{max-width:330px;}
ul.nav.navbar-nav{background:#fff;}
.navbar-default .navbar-toggle{top:-56px;position:absolute;right:0;padding:0;border:0;background:transparent !important;margin:0;}
nav.navbar.navbar-default{z-index:1;}
.navbar-default .navbar-collapse{position:absolute;z-index:1;}
.navbar-nav>li{float:left;width:100%;text-align:left;}
.navbar-default .navbar-toggle .icon-bar{background-color:#003366;width:30px;height:3px;border-radius:0;}
.carousel-control .fa-chevron-left,.carousel-control .fa-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;font-size:14px;line-height:30px;}
.carousel-control{width:30px;height:30px;margin-top:-15px;}
.copyright{text-align:center;margin-bottom:10px;}
.designby{text-align:center;float:none;}
.contact-details{margin-top:30px;padding:25px 15px;}
.contact-form{padding:25px 15px;}
h1.design-title{font-size:18px;}
h4.small-title{ font-size:14px;}
}

.bottom {font-family:Tahoma, Verdana, Calibri, Arial, Helvetica; font-size:12px; color: #FFFFFF;text-decoration:none;}
a.bottom:hover {text-decoration: none; color:#000000;}

/* MENU CSS START */


/* Add a black background color to the top navigation */
.MainMenu {background-color: #3884d0; font-family:Tahoma, Arial, Helvetica, sans-serif; overflow: hidden; text-transform:uppercase;}

/* Style the links inside the navigation bar */
.MainMenu a {float: left; display: block; color: #FFFFFF; text-align: center; padding: 14px 30px; text-decoration: none; font-size: 17px;}

/* Change the color of links on hover */
.MainMenu a:hover {background-color: #SSS; color: black;}

/* Hide the link that should open and close the MainMenu on small screens */
.MainMenu .icon {display: none;}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the MainMenu (.icon) */
@media screen and (max-width: 600px) {
  .MainMenu a:not(:first-child) {display: none;}
  .MainMenu a.icon {float: right; display: block;}
}

/* The "responsive" class is added to the MainMenu with JavaScript when the user clicks on the icon. This class makes the MainMenu look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .MainMenu.responsive {position: relative;}
  .MainMenu.responsive a.icon {position: absolute; right: 0; top: 0;}
  .MainMenu.responsive a {float: none; display: block; text-align: left;}
}
</style>

<script language="javascript">
/* Toggle between adding and removing the "responsive" class to MainMenu when the user clicks on the icon */
function myFunction() {
    var x = document.getElementById("MyTopNav");
    if (x.className === "MainMenu") {
        x.className += " responsive";
    } else {
        x.className = "MainMenu";
    }
}
</script>
/* MENU CSS END */




/*

single_wel_cont{width:100%;float:left;position:relative;margin-top:10px;}
.transition3s{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

p{line-height:30px;}  
a:focus,a:hover{text-decoration:none;} 
:focus{outline:none !important;}
sup{color:red;}
.form-control{height:40px;border-radius:0;box-shadow:none;}
.form-control:focus{border-color:#003366;}
.btn-default{border:0;border-radius:0;background:#003366;color:#fff;font-weight:400;text-transform:uppercase;padding:10px 25px;}
.btn-default:hover{background:#232323;color:#fff;}
h1.design-title{position:relative;margin:0 0 30px;padding:0 0 10px;font-size: 26px;font-weight: 400;color: #003366;}
h1.design-title:after{content:'';width:80px;background:#003366;position:absolute;height:2px;bottom:-4px;left:0;}
h1.design-title:before{content:'';width:100px;background: #003366;position:absolute;height:2px;bottom:0;left:0;}
h4.small-title{width:100%;margin:20px 0 10px;font-size: 18px;font-weight: 400;}
a.link{color:#003366;font-weight: 400;}
.topbar{width:100%;float:left;background:#003366;padding: 5px;}
ul.tp-contacts{width:100%;float:left;padding:0;margin:0;list-style-type:none;}
ul.tp-contacts>li{float:left;}
ul.tp-contacts>li>a{float:left;padding:8px 10px;color:#fff;transition:0.6s;font-weight:300;}
ul.tp-contacts>li>a:hover{background:#fff;color:#003366;}
ul.tp-contacts>li>a>i{margin-right:8px;}
.topbar-right{float:right; width:auto;}
ul.tp-socials{float:left;padding:0;margin:0;list-style-type:none;}
ul.tp-socials>li{float:left;}
ul.tp-socials>li>a{padding:8px 0;float:left;color:#fff;width:35px;text-align:center;transition:0.6s;}
ul.tp-socials>li>a:hover{background:#ffffff;color:#003366;}
.logo{width:100%;float:left;margin:10px 0;}
.logo>a>img{max-width:100%;}
nav.navbar.navbar-default{background:transparent;border:0;border-radius:0;margin:0;min-height:inherit;}
.navbar-collapse{padding:0;}
ul.nav.navbar-nav{float:left;margin:25px 0;}
.navbar-default .navbar-nav>li>a{color:#333;text-transform:uppercase;font-weight: 400;padding: 10px 15px;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color: #fff;background-color: #003366;}
#banner-slider{width:100%;float:left;}

.single_wel_cont:hover .overlay,.single_wel_cont:focus .overlay{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);}
.wel-content{position:relative;}
.wel-content h1{color:#0e1322;font:2.43em/1em "Playball",sans-serif;margin:0;padding:0;}
.wel-content h2{color:#aaaaaa;font:400 1.15em/1.8em "Open Sans",sans-serif;margin:0 0 1em;padding:0;font-style:italic;position:relative;}
.wel-content h2:after{content:'';position:absolute;bottom:7px;width:60px;height:2px;display:inline-block;background:#a7cc38;margin:0 0 0 12px;}
.wel-content p{color:#898989;margin:0 0 3em;padding:0;font:400 1.0715em/1.8em "Open Sans",sans-serif;}

.footer-top{width:100%;float:left;background:#232323;padding:40px 0;}
.footer-top ul{width:100%;float:left;text-align:center;padding:0;margin:0;list-style-type:none;}
.footer-top ul li{display:inline-block;margin-right:20px;}
.footer-top ul li:last-child{margin-right:0;}
.footer-top ul li a{color:#b3acac;text-transform:uppercase;}
.footer-top ul li a:hover{ color:#003366;}

.copyright{color:#fff;}
.designby{float:right;}
.designby>a{display: block; margin: auto; width: 186px;}
section.default-page{width:100%;float:left;padding:50px 0;background:#f5f5f5;}
section.default-page .table-responsive{margin:30px 0 0;}
section.default-page .table{background:#fff;}
section.contact-page{width:100%;float:left;background:#f5f5f5;}
.contact-map{width:100%;float:left;margin-bottom:50px;}
.contact-map iframe{width:100%;float:left;height: 400px;border-top:3px solid #e2e2e2;border-bottom:3px solid #e2e2e2;}
.contact-form-details{width:100%;float:left;margin-bottom:50px;}
.contact-details{width:100%;float:left;background:#fff;padding:25px 30px;box-shadow:rgba(0,0,0,0.298039) 0px 1px 4px -1px;}
.cont-inner{width:100%;float:left;margin:0 0 18px;}
.cont-inner:last-child{margin-bottom:0;}
.cont-inner>i{font-size:24px;color:#003366;float:left;width:30px;margin-right:5px;}
.cont-inner>p{width:calc(100% - 35px);float:left;margin:0;}
ul.contact-socials{width:100%;float:left;text-align:center;list-style-type:none;padding:0;margin:31px 0 0;}
ul.contact-socials li{display:inline-block;}
ul.contact-socials li a{width:30px;height:30px;text-align:center;background:#003366;float:left;line-height:30px;color:#fff;}
label{font-weight:400;}
.contact-form{width:100%;float:left;background:#fff;box-shadow:rgba(0,0,0,0.298039) 0px 1px 4px -1px;padding:25px 30px;}
.contact-form button.btn.btn-default{margin-top: 20px;}
.projects-main{width:100%;float:left;margin:30px 0 0;}
.project-filter{width:100%;float:left;text-align:center;margin-bottom:30px;}
.project-filter>a{background:#fff;color:#003366;padding:10px 30px;float:none;display:inline-block;font-weight: 400;text-transform:uppercase;box-shadow:rgba(0,0,0,0.298039) 0px 1px 4px -1px;}
.project-filter>a.active{background:#003366;color:#fff;}
.project-viewport{width:inherit;float:left;}
.project-item.col-md-3.col-sm-4.col-xs-12{padding:0 5px;}
.project-logo{margin-bottom:10px;width:100%;float:left;padding:15px;text-align:center;background:#fff;box-shadow:rgba(0,0,0,0.298039) 0px 1px 4px -1px;}
.project-logo img{max-width:100%;}
section.awards_main{width:100%;float:left;background:#fff;padding:50px 0;}
.progressbar_inner{text-align:center;color:#003366;position:relative;padding:30px 20px;width:100%;float:left;background:#f5f5f5;}
.progressbar_inner:before{content:'';position:absolute;border:1px dashed #dad6d6;top:10px;left:10px;right:10px;bottom:10px;}
.plus_number{font-size:50px;text-align:center;font-weight: 400;}
.award_title{font-size:22px;font-weight: 400;text-transform:uppercase;}
*/