/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*html, body, div, span, applet, object, iframe,*/
/*h1, h2, h3, h4, h5, h6, p, blockquote, pre,*/
/*a, abbr, acronym, address, big, cite, code,*/
/*del, dfn, em, img, ins, kbd, q, s, samp,*/
/*small, strike, strong, sub, sup, tt, var,*/
/*b, u, i, center,*/
/*dl, dt, dd, ol, ul, li,*/
/*fieldset, form, label, legend,*/
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
/*article, aside, canvas, details, embed, */
/*figure, figcaption, footer, header, hgroup, */
/*menu, nav, output, ruby, section, summary,*/
/*time, mark, audio, video {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	border: 0;*/
/*	font-size: 100%;*/
/*	font: inherit;*/
/*	vertical-align: baseline;*/
/*}*/
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, */
/*footer, header, hgroup, menu, nav, section {*/
/*	display: block;*/
/*}*/
/*body {*/
/*	line-height: 1;*/
/*}*/
/*ol, ul {*/
/*	list-style: none;*/
/*}*/
/*blockquote, q {*/
/*	quotes: none;*/
/*}*/
/*blockquote:before, blockquote:after,*/
/*q:before, q:after {*/
/*	content: '';*/
/*	content: none;*/
/*}*/
/*table {*/
/*	border-collapse: collapse;*/
/*	border-spacing: 0;*/
/*}*/




/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* Reset Code */
body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: 'Open Sans', Arial;
}



/* Municipality bannner top and side */

.bannerB1
{
    background: #32CEE8;
}

.col-lg-4 .left_bar .bannerB1 
{
    background: #32CEE8;
}
.col-md-12 .left_bar .bannerB1 
{
    background: #32CEE8;
}
.col-sm-12 .left_bar .bannerB1 
{
    background: #32CEE8;
}
#bannerB1 
{
    background: #32CEE8;
}


/* Media Room bannner top and side */

.bannerB2
{
    background: #32CEE8;
}

.col-lg-4 .left_bar .bannerB2
{
    background: #32CEE8;
}
.col-md-12 .left_bar .bannerB2
{
    background: #32CEE8;
}
.col-sm-12 .left_bar .bannerB2
{
    background: #32CEE8;
}

#bannerB2 
{
    background: #32CEE8;
}


/* Tenders bannner top and side */

.bannerB3
{
    background: #32CEE8;
}

.col-lg-4 .left_bar .bannerB3
{
    background: #32CEE8;
}
.col-md-12 .left_bar .bannerB3
{
    background: #32CEE8;
}
.col-sm-12 .left_bar .bannerB3 
{
    background: #32CEE8;
}

#bannerB3 
{
    background: #32CEE8;
}


/* Vacancies bannner top and side */

.bannerB4
{
    background: #32CEE8;
}

.col-lg-4 .left_bar .bannerB4 
{
    background: #32CEE8;
}
.col-md-12 .left_bar .bannerB4 
{
    background: #32CEE8;
}
.col-sm-12 .left_bar .bannerB4 
{
    background: #32CEE8;
}
#bannerB4 
{
    background: #32CEE8;
}


/* Documenets bannner top and side */

.bannerB5
{
    background: #32CEE8;
}

.col-lg-4  .left_bar .bannerB5
{
    background: #32CEE8;
}

#bannerB5 
{
    background: #32CEE8;
}


body a,
body button {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover,
body button:hover {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:focus,
a:hover {
    text-decoration: none;
    color: #C0C0C0;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'arial';
}

p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #212529;
    font-family: 'arial';
}

ul,
ol {
   
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

/* //Reset Code */

/* colors code */
.text-bl {
    color: #343a40;
}

.text-wh {
    color: #fff;
}

.text-li {
    color: #f8f9fa;
}

.bg-li {
    background: #f8f9fa;
}

.bg-wh {
    background: #fff;
}

.let {
    letter-spacing: 1px;
}

/* //colors code */

/* move top icon */
a.move-top {
    width: 34px;
    height: 34px;
    background: url(../images/move-top.png) no-repeat;
    display: inline-block;
    position: fixed;
    bottom: 4%;
    right: 2%;
    z-index: 0;
}

/* //move top icon */

/* header */
/* top header */
.header-top_w3layouts {
    padding: 0 .5em;
}

/* social icons */
.top-right-info li {
    display: inline-block;
}

.top-right-info li span {
    color: #343a40;
    font-size: 14px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -ms-transition: 0.5s all;
	opacity:0.7;
}

.top-right-info li span:hover,
a.login-button-2:hover {
    color: #343a40;
	opacity:1;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* //social icons */

.header-top_w3layouts p,
.header-w3layouts p,
.top-w3layouts p {
    font-size: 14px;
}

.top-w3layouts p a:hover,
.w3l-footer ul li a:hover {
    opacity: .7;
}

a.login-button-2 {
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 500;
    opacity: .7;
}

/* //top header */

/* second header */
#home {
    position: relative;
    max-height: inherit;
   margin-bottom: -0.8em; 
}

.main-top {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

/* navigation */
input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('images/searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  
}

input[type=text]:focus {
  width: 100%;
}
/* CSS Document */
.toggle-2,
.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin-top: 2em;
    padding: 0;
}

/* logo */
#logo a {
  position: absolute;
  left:150px;
  top:30px;
  
}



/* //logo */

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;

}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    float: right;
    padding:0;
    margin:0 ;
    list-style: none;
    position: relative;
}

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
    
  
}

/* Styling the links */
nav a {

    padding: 0;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

nav ul li ul li:hover {
    color: #000;
    background: #f8f9fa;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* Background color change on Hover */

.menu li a.active{
    color: #fff;
    text-shadow: 1px 1px #000;}
.menu li a:hover {
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    color: #000;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    top: 25px;
    background: #00ABCA;
    padding:5px;
    border-radius: 4px;
    z-index: 9;
}

/* Display Dropdowns on Hover */
nav ul li:hover>ul {
    display: block;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
    margin-bottom: 5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

nav ul ul li:nth-child(4) {
    margin-bottom: 5px;
}

nav ul ul li a {
    color: #fff;
    padding: 5px 5px;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 120px;
}


/* Change ' +' in order to change the Dropdown symbol */
li>a:only-child:after {
    content: '';
}

a.reqe-button {
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 4px;
}

/* Media Queries
--------------------------------------------- */
@media(max-width: 800px) {
    nav a {
        font-size: 12px;
    }
}

@media all and (max-width : 1024px) {
   
    nav {
        margin: 0;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle+a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        padding: 8px 8px;
        font-size: 15px;
        text-decoration: none;
        border: none;
        float: right;
        background-color: #fff;
        color: #000;
        border-radius: 4px;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        max-width: 128px;
        padding: 5px;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #000;
        font-weight: 500;
    }

    .toggle:hover {
        color: #d84315;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked+ul {
        display: block;
        background: #fff;
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        padding: 5px 0;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: transparent;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 10px 20px;
        color: #000;
        font-size: 17px;
    }

    /* 
    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    } */

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #37C5DC;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */

    }

   

    nav ul ul li a {
        color: #000;
    }

    nav ul ul li a {
        font-size: 14px;
    }

    .menu li a.active,
    .menu li a:hover {
        color: #37C5DC;
        background: transparent;
    }
}

@media all and (max-width : 375px) {

    nav a,
    .menu .toggle {
        font-size: 14px;
    }

    .toggle {
        padding: 7px 12px;
        font-size: 14px;
    }
}

/* dropdown */
#demo {
    margin: 10px 0 0px 0;
}

#demo .wrapper {
    display: inline-block;
    position: relative;
}

#demo .parent {
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    color: #fff;
    z-index: 2;
    position: relative;
    -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
    -webkit-transition-delay: .8s;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    padding-left: 0;
    padding-right: 0;
}

#demo .parent:hover,
#demo .content:hover~.parent {
    -webkit-transition-delay: 0s, 0s, 0s;
}

#demo .content:hover~.parent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 0;
}

#demo .content {
    position: absolute;
    top: 0;
    display: block;
    z-index: 1;
    height: 0;
    width: 150px;
    padding-top: 30px;
    -webkit-transition: height .5s ease;
    -webkit-transition-delay: .4s;
}

#demo .wrapper:active .content {
    height: 150px;
    z-index: 3;
    -webkit-transition-delay: 0s;
}

#demo .content:hover {
    height: 150px;
    z-index: 3;
    -webkit-transition-delay: 0s;
}


#demo .content ul {
    background: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#demo .content ul a {
    text-decoration: none;
    padding: 0;
}

#demo .content li:hover {
    background: #f8f9fa;
}

#demo .content li {
    list-style: none;
    text-align: left;
    color: #999;
    font-size: 16px;
    line-height: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    border-top: 1px solid #eee;
}

#demo .content li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* //dropdown */
/* //navigation */
/* //text over image */
.text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
 
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  
  
}






.text-block2 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-60px;
  
 width:32.6%;
 
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
}

.text-block22 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-60px;
 width:32.6%;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
  
}
.text-block23 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-60px;
 width:32.6%;
  
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
}
/* //text over image */

/* //highlighting paragraph when hovering over notices */
.triple-sec ul {display:block !important;
background: transparent;} 
.triple-sec ul  :hover {background: rgb(0, 0, 0, 0.6);}
 /* //text over image */ 
  
  

/* banner */
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
   background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
     height: auto;
  
 
}

/* Next & previous buttons */
/*.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.9s ease-in-out;
  border-radius: 0 3px 3px 0;
  user-select: none;
}*/

/* Position the "next button" to the right */
/*.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}*/

/* On hover, add a black background color with a little bit see-through */
/*.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}*/



/* The dots/bullets/indicators 
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px; 
  
  background-color: #fff;
  border-radius: 50%;
  display: none;
  transition: background-color 8s ease-in-out;
/* margin-top:-50em; 

}

.active, .dot:hover {
 color: #E81D27;
}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.1s;
  animation-name: fade;
  animation-duration: 8s;
}

@-webkit-keyframes fade {
  from {opacity: .5} 
  to {opacity: 1 }
}

@keyframes fade {
  from {opacity: .5} 
  to {opacity: 1}
}


/*---Search bar---*/
.tb
{
    display: table;
    width: 100%;
}

.td
{
    display: table-cell;
    vertical-align: middle;
}

 button
{
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;

}
input
{
    color: #808080;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;

}

#cover
{
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 700px;
    padding: 20px;
    margin: -83px auto 0 auto;
    background-color: rgb(0,0,0,0.3);
    background-color: rgba(0,0,0,0.3);
    border-radius: 8px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}

form
{
   height: 65px;
}

input[type="text"]
{
    width: 100%;
   height: 60px;
    font-size: 18px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:25px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -8px;
    left: 0;
    width: 25px;
    height: 25px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}

button span
{
    position: absolute;
    top: 20px;
    left: 10px;
    display: block;
    width: 18px;
    height: 2px;
    background-color: transparent;
    border-radius: 10px;
    transform: rotateZ(52deg);
    transition: 0.5s ease all;
}

button span:before, button span:after
{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 19px;
    height: 5px;
    background-color: #188ABE;
    border-radius: 10px;
    transform: rotateZ(0);
    transition: 0.5s ease all;
}

#s-cover:hover #s-circle
{
    top: -1px;
    width: 27px;
    height: 5px;
    border-width: 0;
    background-color: #188ABE;
    border-radius: 20px;
}

#s-cover:hover span
{
    top: 60%;
    left: 28px;
    width: 25px;
    margin-top: -4px;
    transform: rotateZ(0);
}

#s-cover:hover button span:before
{
    bottom: 5px;
    transform: rotateZ(52deg);
}

#s-cover:hover button span:after
{
    bottom: -5px;
    transform: rotateZ(-52deg);
}
#s-cover:hover button span:before, #s-cover:hover button span:after
{
    right: -7px;
    width: 20px;
    background-color: #188ABE;
}
/*---Search bar end---*/

.new {
	            margin-top: 1em;
	        }

/*---Table--*/

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
thead {
  width: 100%;
  font-style: bold;
  text-align: left;
  padding: 8px;
}
 th {
  border: 2px solid #dddddd;
  text-align: left;
  padding: 8px;
}

td {
    border: 1px solid #dddddd;
  border-collapse: collapse;
  text-align: left;
  padding: 12px;
}

/*--End table--*/

/*----Form---*/
input[type=text], input[type=email], input[type=tel],select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 30%;
  background-color: #188ABE;
  color: white;
  padding: 12px 12px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}

input[type=submit]:hover {
  background-color: #188ABE;
}



/*---end form---*/
/*--notices--*/
.notices{
    padding-top: 5px;
    padding-bottom: 5px;
}
.notices img{
    padding-top: 5px;
    padding-bottom: 5px;
}

.publication :hover{
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background: #0A6F80;
}

h6.notices{
    font-size:26px;
    font-weight: 500px;
    color: #fff;
}

/*--end of notices--*/
/*---Side Bar--*/
/*--/blog--*/

.blog_info_wthree h4 {
    text-transform: capitalize;
    font-size: 1em;
    color: #168eea;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 600;
}

.blog_info_wthree h5 a,
.single-left1 h5 {
    font-size: 1.3em;
    color: #313131;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 600;
}

ul.blog_list li {
    display: inline-block;
    color: #212121;
}

ul.blog_list li span {
    color: #ee4f4f;
    padding-right: 1em;
}

ul.blog_list li i {
    padding: 0 1em;
}

ul.blog_list li a {
    text-decoration: none;
    color: #212121;
}

.blog_info_wthree h5 {
    margin: 1em 0;
}

.search input[type="email"] {
    outline: none;
    border: 1px solid #c4c5c5;
    background: none;
    color: #212121;
    padding: 10px 15px;
    width: 80%;
    float: left;
    font-size: 14px;
    letter-spacing: 2px;
}

.search input[type="submit"] {
    outline: none;
    border: 1px solid #00acee;
    background: #00acee;
    color: #212121;
    padding: 10px 0;
    width: 20%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-left: none;
}

.search input[type="submit"]:hover {
    background: #212121;
    color: #fff;
}

.author,
.recent_posts {
    margin: 1em 0 2em 0;
}

ul.pagination.w3_pagination li a {
    padding: 10px 15px !important;
}

.left_bar {
    border: 1px solid #ddd;
    padding: 1.5em 1em;
    border-radius:3px;
}

.left_bar h3,
.comments_agileits h3 {
    text-transform: capitalize;
    font-size: 1em;
    color: #212121;
    padding-bottom: .5em;
    letter-spacing: 1px;
    background: #F1B88D;  

color: white; 
padding: 4px; 


}

.comments_agileits h3 span {
    font-weight: 100;
}

ul.blog_list.single {
    margin-bottom: 1em;
}

.single-left1 h5 {
    line-height: 1.7em;
    margin: 1em 0;
}

.author_grid_agile_w3{
    padding: 2.5em 1.5em 1.5em;
    background: #f5f5f5;
    position: relative;
    margin: 5em 0 0;
    text-align:center;
}

.categories {
    margin-top: 2em;
}

.blog_img:nth-child(3),
.blog_img:nth-child(4) {
    margin: 1em 0;
}

.author_grid p {
    line-height: 2em;
    text-align: center;
    font-size: 0.9em;
}

.author_grid_pos {
    position: absolute;
    top: -26%;
    left: 37%;
    width: 80px;
    height: 80px;
}

.author_grid_pos img {
    border-radius: 50%;
}

.blog_info_wthree p {
    margin-top: 0.5em;
}

.pa_italic i {
    left: -1em;
    font-size: 11px;
    color: #000;
}

.pa_italic span {
    display: none;
}

.collapsed span {
    display: inline-block;
    left: -1em;
    font-size: 11px;
    color: #000;
}

.collapsed i {
    display: none;
}

.panel-heading {
    padding: 10px 35px;
}

.panel-title {
    font-size: 1em;
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
}

.panel-default {
    border-color: #FFF;
    background: #f5f5f5;
}

.panel-default>.panel-heading {
    border-color: #FFF;
    color: #fff;
    background-color: #8D8D8D;
}

.panel-body {
    padding: 2em;
    font-size: 14px;
    line-height: 2em;
    color: #666;
}

a.pa_italic label {
    cursor: pointer;
    font-weight: 500;
}

a.pa_italic:focus {
    outline: none;
    text-decoration: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}

.blog_panel {
    margin: 2em 0 0;
}

.recent_posts_gridl {
    float: left;
    width: 30%;
}

.recent_posts_gridr {
    float: right;
    width: 65%;
}

.recent_posts_gridr h4 a {
    font-size: 1em;
    text-decoration: none;
    color: #212121;
    line-height: 1.5em;
    text-transform: capitalize;
}

.recent_posts_gridr h4 a:hover {
    color: #999;
}

.recent_posts_gridr ul li {
    display: inline-block;
    margin-right: 1.5em;
    color: #999;
}

.recent_posts_gridr ul li:last-child {
    margin: 0;
}

.recent_posts_gridr ul li span {
    padding-right: .5em;
    color: #ee4f4f;
}

.recent_posts_gridr ul li a {
    color: #999;
    text-decoration: none;
}

.recent_posts_gridr ul li a:hover {
    color: #ff9900;
}

.agileits_recent_posts_grid:nth-child(2) {
    margin: 2em 0 1em;
}

.agileits_recent_posts_grid:nth-child(3) {
    margin: 0em 0 1em;
}

.categories ul {
    padding: 2em 0 0;
}

.categories ul li {
    display: block;
    margin-bottom: 1.35em;
}

.categories ul li:last-child {
    margin: 0;
}

.categories ul li a {
    color: #212121;
    text-transform: capitalize;
    text-decoration: none;
}

.categories ul li a:hover {
    color: #00acee;
}

.single-left1 p i {
    color: #168eea;
    margin: 1em 0;
    display: block;
    font-weight: 600;
}

.comments-grid-left img {
    padding: .3em;
    border: 2px solid #eff3f3;
    border-radius: 50%;
}

.comments-grid-right {
    float: right;
    width: 75%;
}

.comments-grid-left {
    float: left;
    width: 15%;
}

.comments-grid-right ul {
    padding: 1em 0;
}

.comments-grid-right ul li {
    display: inline-block;
    color: #888;
    font-weight: 600;
    font-size: 0.9em;
    letter-spacing: 1px;
}

.comments-grid-right ul li a {
    color: #ee4f4f;
    text-decoration: none;
}

.comments-grid-right p {
    font-size: 14px;
    color: #555;
    line-height: 1.8em;
    margin: 0;
}

.comments-grid-right h4 a {
    font-size: 1em;
    color: #313131;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 600;
}

.comments-grid:nth-child(2) {
    margin: 2em 0;
}

.comments h3 {
    margin: 2em 0;
}


.categories ul li a span {
    padding-right: 1em;
    color: #00acee;
}

.agileinfo_calender_grid {
    margin: 2em 0 0;
}

.wthree_faq,
.agileits_comment {
    margin: 3em 0 0;
}

.blog_img {
    padding-left: 0;
}

.left_bar h3 span {
    font-weight: 100;
}

.blog_info_wthree {
    margin-top: 1em;
}

.single-left1.blog_info_wthree {
    margin: 0;
}

.blog_con {
    padding: 1em;
    border: 1px solid #ddd;
}

ul.blog_list li a {
    font-weight: 400;
}

ul.pagination {
    margin: 3em 0 0 0;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #292929;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #fff;
    background-color: #168eea;
    border-color: #168eea;
}

.single-left1 p i {
    color: #168eea;
    margin: 1em 0;
    display: block;
    font-weight: 600;
}

.comments_agileits-grid-left img {
    padding: .3em;
    border: 2px solid #eff3f3;
    border-radius: 50%;
}

.comments_agileits-grid-right {
    float: right;
    width: 75%;
}

.comments_agileits-grid-left {
    float: left;
    width: 15%;
}

.comments_agileits-grid-right ul {
    padding: 1em 0;
}

.comments_agileits-grid-right ul li {
    display: inline-block;
    color: #888;
    font-weight: 600;
    font-size: 0.9em;
    letter-spacing: 1px;
}

.comments_agileits-grid-right ul li a {
    color: #ee4f4f;
    text-decoration: none;
}

.comments_agileits-grid-right p {
    font-size: 14px;
    color: #555;
    line-height: 1.8em;
    margin: 0;
}

.comments_agileits-grid-right h4 a {
    font-size: 1em;
    color: #313131;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 600;
}

.comments_agileits-grid:nth-child(2) {
    margin: 2em 0;
}

.comments_agileits h3 {
    margin: 2em 0;
}


/*-- //blog --*/
/*---side bar end---*/






/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
.banner-top1,
.banner-top2,
.banner-top3,
.banner-top4 {
    min-height: 340px;
}

.banner-top1 {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}


.banner-info_agile_w3ls {
    padding-top: 22em;
    max-width: 800px;
}



a.button-w3ls {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 14px 18px;
    background: #d84315;
    display: inline-block;
    border-radius: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a.button-w3ls:hover {
	letter-spacing: 1.5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* //banner */

/* banner bottom */


.centered {
  position: absolute;
  bottom: 5em;
  padding-left: 20%;
  font-size:25px;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 8px;
    margin-right: 4px; 
   top:18px;
   max-width: 622px;
   
 }
 .triple-secc {
    background: #fff;
     
     
   top:-24px;
   max-width: 618px;
   
 }
 .triple-seccc {
    background: #fff;
    
   top:-24px;
   max-width: 618px;
   
 }
 .triple-seca {
 height: inherit;
  object-fit: cover;
  margin-top:25px;
}

.triple-secb {
  height: inherit;
  object-fit: cover;

}
 .notices h6{
   font-size: 19px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 15px;
 }



li.style-bottom-w3 h4 {
    font-size: 40px;
}

.triple-sec h5 {
    font-size: 32px;
    letter-spacing: 1px;
}

h4.down-list-w3 {
    font-size: 35px;
}

a.some-small-btn {
    padding: 12px 26px;
    letter-spacing: 1px;
    font-size: 14px;
    display: inline-block;
}

a.some-small-btn:hover {
}

/* //banner bottom */

/* blog */
h3.w3ls-title {
    font-size: 40px;
}

h6.w3ls-title-sub {
    letter-spacing: 1px;
    font-weight: 100;
}

h5.card-title a,
h5.card-title {
    color: #000;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
}

.blog_w3icon span {
    color: #777;
    text-transform: uppercase;
    font-size: 12px;
    word-spacing: 3px;
    letter-spacing: 1px;
}

a.blog-btn {
    font-size: 14px;
    letter-spacing: 1px;
    background: #2196f3;
    color: #fff;
    padding: 11px 18px;
    border-radius: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a.blog-btn:hover {
    letter-spacing:1.5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* //blog */

/* doctor form */
section.loan_w3ls {
    background: url(../images/4.jpg) center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.loan-form-w3ls input.form-control,
select.form-control {
    background: #fff;
    border: none;
    color: #000;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 12px 15px;
}

select.form-control {
    height: 47px !important;
}

.loan-form-w3ls .form-group label {
    font-size: 15px;
    letter-spacing: 1px;
    color: #000;
    text-align: left;
    font-weight: 500;
}

button.btn_apt {
    background: #d84315;
    color: #fff;
    padding: 12px 40px;
    border: none;
    outline: none;
    letter-spacing: 1px;
    font-size: 15px;
    width: 100%;
    border-radius: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

button.btn_apt:hover {
    letter-spacing: 2px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* date  */
[type="date"] {
    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
	padding-right: 0!important;
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.date-plu input {
    border: none;
    color: #000;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 12px 15px;
    width: 100%;
}

/* //date  */
/* //doctor form */

/* services */
.services-box span {
   background: #E50000; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #E50000, #E50000); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #E50000, #E50000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: 90px;
    height: 60px;
    border-radius: 4px;
    color: #fff;
    font-size: 32px;
    line-height: 60px;
    text-align: center;
}
.services-box img{
    
    padding-bottom:8px;
}

.service-content h3 {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color:#000;
    
}
.service-content p{
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    font-size:13px;
}

a.butn-w3pvt {
    color: #2196f3;
    letter-spacing: 1px;
    font-size: 14px;
}


.services-w3ls {
    
    background: #188ABE;
    /*background-image: url(../images/blue_banner.png);*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    
}

/* //services */

/* team */
.box16 {
    text-align: center;
    color: #fff;
    position: relative
}

.box16 .box-content,
.box16:after {
    width: 100%;
    position: absolute;
    left: 0
}

.box16:after {
    content: "";
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 69%, rgba(0, 0, 0, 0.79) 100%);
    bottom: 0;
    transition: all .5s ease 0s;
}

.box16 .post,
.box16 .title {
    transform: translateY(145px);
    transition: all .4s cubic-bezier(.13, .62, .81, .91) 0s
}

.box16:hover:after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .01) 0, rgba(0, 0, 0, .09) 11%, rgba(0, 0, 0, .12) 13%, rgba(0, 0, 0, .19) 20%, rgba(0, 0, 0, .29) 28%, rgba(0, 0, 0, .29) 29%, rgba(0, 0, 0, .42) 38%, rgba(0, 0, 0, .46) 43%, rgba(0, 0, 0, .53) 47%, rgba(0, 0, 0, .75) 69%, rgba(0, 0, 0, .87) 84%, rgba(0, 0, 0, .98) 99%, rgba(0, 0, 0, .94) 100%)
}

.box16 .box-content {
    padding: 20px;
    margin-bottom: 1.5em;
    bottom: 15%;
    z-index: 1
}

.box16 .title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}

.box16 .post {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    letter-spacing: 1px;
}

.box16 .social li a {
    border-radius: 50%;
    font-size: 20px;
    color: #fff
}

.box16:hover .post,
.box16:hover .title {
    transform: translateY(0)
}

.box16 .social {
    list-style: none;
    margin-top: 1.2em;
    opacity: 0;
    position: relative;
    transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
    transition: all .6s cubic-bezier(0, 0, .58, 1) 0s;
}

.box16:hover .social {
    opacity: 1;
    transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0)
}

.box16 .social li {
    display: inline-block
}

.box16 .social li a span {
    display: block;
    width: 38px;
    font-size: 15px;
    height: 38px;
    line-height: 40px;
    background: #2196f3;
    border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.box16 .social li a span:hover {
    background: #fff;
    color: #2196f3;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.box16 .social li:nth-child(2) {
    margin: 0 6px;
}

@media only screen and (max-width:990px) {
    .box16 {
        margin-bottom: 30px
    }
}

/* //team */

/* footer */
/* footer */
footer {
  background: #393C40;
}

.logo2 a {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
}
hr {
    border-top: 1px solid #4F5255;
}
.w3l-footer h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Arial', sans-serif;
}
.w3l-footer p{
    color: #fff;
    font-size:14px;
}
ul.list-styles a {
   
    font-size: 15px;
    color:#fff;
}

ul.list-styles a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

ul.list-styles li span {
    font-size: 46px;
}
ul.list-styles li:hover {
    color: #ffffff !important;
}
/* footer newletter */
.n-right-w3ls input[type="email"] {
    padding: 15px;
    border: none;
    letter-spacing: 1px;
    font-size: 15px;
}

.n-right-w3ls button {
    background: #d84315;
    border: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
    cursor: pointer;
    padding: 15px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.n-right-w3ls button:hover {
    letter-spacing:1.5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* //footer newletter */
/* //footer */

/* footer bottom */
/* footer social icons */
.w3ls_footer_grid_left1_pos ul li,
ul.list-part li {
    display: inline-block;
}

.w3ls_footer_grid_left1_pos ul li a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 10px;
}

.w3ls_footer_grid_left1_pos ul li a:hover {
    color: #188ABE;
}

/* //footer social icons */

/* copyright */
.w3ls_footer_grid1_left p {
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}

.w3ls_footer_grid1_left p a {
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.w3ls_footer_grid1_left p a:hover {
    color: #188ABE;
}

/* //copyright */
/* //footer bottom */

/* inner pages */
.main-banner-2 {
    background: url(../images/bg1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 300px;
    
}
.main-banner-3 {
     background: url(../images/bg1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
     min-height: 300px;
   
}
.main-banner-4 {
    background: url(../images/bg1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
     min-height: 300px;
   
}
.main-banner-5 {
    background: url(../images/bg1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
     min-height: 300px;
    
}
.main-banner-6 {
    background: url(../images/bg1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
     min-height: 300px;
   
   
}
.main-banner-7 {
    background: url(../images/bg1.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 300px;
    max-height:300px;
}

/* page details */
.breadcrumb-agile {
    background: #e9ecef;
    box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.15);
}

.breadcrumb li a {
    color: #2196f3;
    font-weight: bold;
   
}

.breadcrumb li {
    letter-spacing: 1px;
    color: #000;
    font-size: 15px;
     padding-top:10px;
}

/* //page details */

/* about page */
/* about */
h6.subheading-w3ls {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(41, 40, 40, 0.25);
}

.wthree-bottom {
    max-width: 400px;
}

/* //about */
/* //about page */

/* gallery page */
/* popup */
.popup-effect {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}

.popup-effect:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    background: #fff;
    border-radius: 4px;
    max-width: 500px;
    position: relative;
    margin: 8em auto;
    padding: 3em 2em;
    z-index: 999;
    text-align: center;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.popup .close:hover {
    color: #686de0;
}

h5.text-name-pop.mt-4 {
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 1px;
    color: #d84315;
}

/* //popup */
/* //gallery page */

/* contact */
.contact-agileits-w3layouts h5 {
    color: #424242;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.8;
}

.midd-contact h6 {
    font-size: 22px;
    letter-spacing: 1px;
}

.midd-contact {
    border-left: 2px solid #d84315 !important;
}

p.para-agileits-w3layouts i {
    color: #d84315;
}

p.para-agileits-w3layouts a {
    color: #999;
}

p.para-agileits-w3layouts a:hover,
.w3l-footer ul li a:hover,
p.copy-right-grids a:hover {
}

h4.contact-title {
    letter-spacing: 1px;
}

.map iframe {
    outline: none;
    border: none;
    width: 100%;
    height: 400px;
    display: block;
}

.form-bg-w3ls input[type="text"],
.form-bg-w3ls input[type="email"],
.form-control,
.form-bg-w3ls textarea {
    padding: 12px 10px;
    border-radius: 0;
    letter-spacing: 1px;
    font-size: 15px;
    outline: none;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11);
}

.form-bg-w3ls textarea {
    resize: none;
    height: 10em;
}

.form-bg-w3ls button {
    background: #2196f3;
    color: #fff;
    font-size: 15px;
    width: 100%;
    outline: none;
    letter-spacing: 1px;
    padding: 12px 0;
    border-radius: 0px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11);
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}

.form-bg-w3ls button:hover {
    letter-spacing: 2px;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}

/* //contact */

/* login page */
form.login-wrapper {
    margin: 0 auto;
    max-width: 500px;
}

.login label {
    font-size: 15px;
    color: #4e4f50;
    font-weight: 600;
    letter-spacing: 1px;
}

.login button {
    background: #d84315;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 0px;
}

.login button:hover {
    letter-spacing:3px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;	
}

.login p a {
    font-size: 14px;
    color: #002d28;
}

/* //login page */

/* responsive */

@media(max-width: 3840px){

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 

}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}

    .centered {
  position: absolute;
  bottom: 3em;
  padding-left: 15%;
  font-size:20px;
}
    
 .triple-sec p{
    font-size:16px;
 }
   .triple-sec {
    background: #188ABE;
     float: left;
    margin-right: 4px; 
   top:-30px;
   max-width: 33%;
   
 }
    .triple-secc {
    background:#fff;
     

   top:-30px;
   max-width: 33%;
   
 }
 .triple-seccc {
    background: #fff;
    
   top:-30px;
   max-width: 33%;
   
 }
 .triple-seca {

  object-fit: cover;
  margin:0;
  float: left;
  max-width: 33%;
  padding-left: 7px;
  padding-right: 2px;
}

.triple-secb {
  padding-left: 4px;
  object-fit: cover;
  max-width: 100%;
  margin:0;
    padding-left: 7px;
  padding-right: 2px;   
  padding-top: 8px;
}
}



@media(max-device-width: 1920px){
    .triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}

    .centered {
  position: absolute;
  bottom: 3em;
  padding-left: 15%;
  font-size:20px;
}
    
 .triple-sec p{
    font-size:16px;
 }
   .triple-sec {
    background: #188ABE;
     float: left;
    margin-right: 4px; 
   top:-30px;
   max-width: 622px;
   
 }
    .triple-secc {
    background:#fff;
     

   top:-30px;
   max-width: 632px;
   
 }
 .triple-seccc {
    background: #fff;
    
   top:-30px;
   max-width: 635px;
   
 }
 .triple-seca {

  object-fit: cover;
  margin:0;
  float: left;
  max-width: 100%;
  padding-left: 7px;
  padding-right: 2px;
}

.triple-secb {
  padding-left: 4px;
  object-fit: cover;
  max-width: 100%;
  margin:0;
    padding-left: 7px;
  padding-right: 2px;   
  padding-top: 8px;
}
.text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 49%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 34%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 19.5%;
  
}





}

@media(max-device-width: 1680px){

.news_icon
	    {
	        position:absolute; 
	        padding-top:10px; 
	        left:554px;
	    }
	    
	    
	    .theBlocks
	    {
	        width: 32.66%; 
	        height: 765px; 
	        float: left;
	    }
	    
	     .theBlocks3
	    {
	        width: 32.66%; 
	        height: 765px; 
	        float: left;
	    }
	    .theBlocks2
	    {
	        width: 32.66%; 
	        height: 794px; 
	        float: left;
	        background: #F1F1F1;
	    }
	    
	    .theBlocksA
	    {
	        width: 100%; 
	        height: 765px; 
	        float: left;
	    }
	    
	    .blockSpacing
	    {
	        width: 0.5%; 
	        height: 765px; 
	        background: white; 
	        float: left;
	    }
.centered {
  position: absolute;
  bottom: 4em;
  padding-left: 20%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
    
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 8px;
    margin-right: 4px; 
   top:-39px;
   max-width: 540px;
   
 }
   .triple-secc {
    background:blue;
     background: #fff;

   top:-12px;
   max-width: 635px;
   
 }
 .triple-seccc {
    background: #fff;
    margin: 0;
   top:-12px;
   max-width: 635px;
}
 .notices h6{
   font-size: 18px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 15px;
 }
.triple-seca {
 
  
  height: inherit;
top:-28px;
 padding-left:5px;
  padding-right: 4px;
  object-fit: cover;
    

}

.triple-secb {
 
  top:-20px;
  height: inherit;
 padding-left: 5px;
  padding-right: 4px;
  object-fit: cover;
    

}

.text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 53.2%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 38%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 21.5%;
  
}

}

@media(max-device-width: 1600px){

#logo img{

    position: absolute;
  left:-70px;

}
.centered {
  position: absolute;
  bottom: 3em;
  padding-left: 20%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
  .triple-sec {
    background: #188ABE;
     float: left;
    margin-right: 4px; 
   top:-37px;
   max-width: 515px;
   
 }
    .triple-secc {
    background:#fff;
    top:-37px;
   max-width: 520px;
   
 }
 .triple-seccc {
    background: #fff;
    
   top:-37px;
   max-width: 520px;
   
 }
 .triple-seca {

  object-fit: cover;
  
  top:-4px;
  max-width: 100%;
  padding:6px;
 
  
}

.triple-secb {
  padding:6px;
  object-fit: cover;
  max-width: 100%;
  margin:0;
  top:4px;  
  
}


 .notices h6{
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 14px;
 }
 
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 53.5%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 37.5%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 21.5%;
  
}

}
@media(max-device-width: 1440px) {
     .news_icon
	    {
	        position:absolute; 
	        padding-top:10px; 
	        left:554px;
	    }
	    
	     .emergency h3
	   {
	       font-size:16px;
	       color:#292929;
	       font-weight:700;
	       padding-top:10px;
	       
	   }
	   
	   .emergency p
	   {
	       font-size:14px;
	       color:#292929;
	       
	   }
	    
	     .theBlocks
	    {
	        width: 32.66%; 
	        height: 765px; 
	        float: left;
	    }
	      .theBlocks3
	    {
	        width: 32.66%; 
	        height: 765px; 
	        float: left;
	    }
	    
	    .theBlocks2
	    {
	        width: 32.66%; 
	        height: 794px; 
	        float: left;
	        background: #F1F1F1;
	    }
	    
	    .theBlocksA
	    {
	        width: 100%; 
	        height: 765px; 
	        float: left;
	    }
	    
	    .blockSpacing
	    {
	        width: 0.5%; 
	        height: 765px; 
	        background: white; 
	        float: left;
	    }
	        .news_icon
	    {
	        position:absolute; 
	        padding-top:10px; 
	        left:480px;
	    }
	      .box
	        {
	            height:272px;
	        }
	        
	        .divider
	        {
	            height:6px;
	        } 
	      .noticeHeader
	        {
	            font-size: 1.1em;
	            color: #8D8D8E;
	           
	        }
	        
	        .notices
	        {
	            font-size:15px;
	            color:#8D8D8E;
	        }
    .popup {
        margin: 3em auto;
    }

    .banner-info_agile_w3ls {
        padding-top: 15em;
    }

    li.style-bottom-w3 h4 {
        font-size: 36px;
    }

#logo img{
    position: absolute;
  left:-110px;
}
  
.centered {
  position: absolute;
  bottom: 2em;
  padding-left: 15%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 8px;
    margin-right: 6px; 
   top:-48px;
   max-width: 462px;
   
 }
 .triple-secc {
    background: #fff;
    float: left;
   top:-48px;
   max-width: 470px;
   
 }
 .triple-seccc {
    background: #fff;
     float: left;
   top:-48px;
   max-width: 470px;
   
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
.triple-seca {
 
  
  height: inherit;
top:-5px;
 padding-left:8px;
  padding-right: 4px;
  object-fit: cover;
    

}

.triple-secb {
 
  top:6px;
  height: inherit;
 padding-left: 8px;
  padding-right: 4px;
  object-fit: cover;
    

}

}
@media(max-device-width: 1400px){
    .main-banner-2 {
        min-height:300px;
    }
    .main-banner-3 {
        min-height:300px;
    }
    .main-banner-4 {
        min-height:300px;
    }
    .main-banner-5 {
        min-height:300px;
    }
    .main-banner-6 {
        min-height:300px;
    }
    .main-banner-7 {
        min-height:300px;
    }
    #logo img{
        left:-135px;
        max-width: 100px;
        max-height: 153px;

    }
    .triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 8px;
    margin-right: 4px; 
   top:-56px;
   max-width: 448px;
   
 }
 .triple-secc {
    background: #fff;
    
   top:-56px;
   max-width: 460px;
   
 }
 .triple-seccc {
    background: #fff;
     
   top:-56px;
   max-width: 460px;
   
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
.triple-seca {
 
  
  height: inherit;
top:-3px;
 padding-left:5px;
  padding-right: 4px;
  object-fit: cover;
    

}

.triple-secb {
 
  top:6px;
  height: inherit;
 padding-left: 5px;
  padding-right: 4px;
  object-fit: cover;
    

}
}

@media(max-device-width: 1366px){
      .publicNoticeHeader
	        {
    	        font-size: 1.3em; 
    	        font-weight: bold; 
    	        color: #8D8D8E;
    	        
	        }
	        
	     
	     .emergency h3
	   {
	       font-size:16px;
	       color:#292929;
	       font-weight:700;
	       padding-top:10px;
	       padding-left:20px;
	   }
	   
	   .emergency p
	   {
	       font-size:14px;
	       color:#292929;
	       padding-left:20px;
	   }
	        .noticeHeader
	        {
	            font-size: 1em;
	            font-weight:500;
	            color: #1A1919;
	           
	        }
	        
	        .notices
	        {
	            font-size:15px;
	            color:#1A1919;
	        }
	        
	        .myContainer
	        {
	            margin-top: 1em;
	        }
	        
	        .thumbnails img
	    {
	       display: block;
	       
	       height:90px;
	       width:90px;
	       overflow: hidden;
	       border-radius:50%;
	       border:2px solid #2BADC3;
	       border-spacing: 105px 85px;
  
	    }
	    .publicnotice
	    {
	        padding-top:5px;
	        padding-bottom:5px;
	    }
	        .clientLogos
	        {
	            width: 100%;
	        }
	        #numberHead 
	      {
	          padding-left:20px;
	      }

.main-banner-2 {
        min-height:300px;
    }
    .main-banner-3 {
        min-height:300px;
    }
    .main-banner-4 {
        min-height:300px;
    }
    .main-banner-5 {
        min-height:300px;
    }
    .main-banner-6 {
        min-height:300px;
    }
    .main-banner-7 {
        min-height:300px;
    }

.centered {
  
  bottom: 2em;
  padding-left: 14%;
  position: absolute;
  font-size:15px;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    
    color: #fff;
    font-size: 10px;
}
.triple-sec2 p span{
    
    color: #fff;
    font-size: 10px;
}
.triple-sec3 p span{
    
    color: #fff;
    font-size: 10px;
}
 .triple-sec {
    background: #188ABE;
    margin-right: 4px; 
    margin-right: 2px;
    max-width: 440px;
  
   
   
 }
    .triple-secc {
    background:#fff;
     max-width: 447px;
  
   
   
 }
 .triple-seccc {
    background: #fff;
   max-width: 447px;
   top:-54px;
   
   
 }
 .triple-seca {
 height: inherit;
 max-width: 310px;
  object-fit: cover;
  top:-5px;
  
  
}

.triple-secb {
  height: inherit;
  
  max-width: 310px;

 object-fit: cover;

}
 .notices h6{
   
   color: #fff;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: 700;
 }
 .notices p{
    font-size: 11px;
 } 
 #cover
{
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 550px;
    padding: 10px;
    margin: -83px auto 0 auto;
    background-color: rgb(0,0,0,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}

.text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 53.5%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 37.5%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 21.5%;
  
}
}


@media(max-width: 1280px){
    .publicNoticeHeader
	        {
    	        font-size: 1.3em; 
    	        font-weight: bold; 
    	        color: #8D8D8E;
    	        
	        }
	        
	     
	     .emergency h3
	   {
	       font-size:16px;
	       color:#292929;
	       font-weight:700;
	       padding-top:10px;
	       padding-left:20px;
	   }
	   
	   .emergency p
	   {
	       font-size:14px;
	       color:#292929;
	       padding-left:20px;
	   }
	        .noticeHeader
	        {
	            font-size: 0.8em;
	            font-weight:500;
	            color: #1A1919;
	           
	        }
	        
	        .notices
	        {
	            font-size:14px;
	            color:#1A1919;
	        }
	        
	        .myContainer
	        {
	            margin-top: 1em;
	        }
	        
	        .thumbnails img
	    {
	       display: block;
	       
	       height:60px;
	       width:60px;
	       overflow: hidden;
	       border-radius:50%;
	       border:2px solid #2BADC3;
	       border-spacing: 105px 85px;
  
	    }
	    .our_image_text
	    {
	        font-weight: bold; 
	            color: #fff; 
	            font-size: 0.7em; 
	            text-decoration: none;
	    }
	    .publicnotice
	    {
	        padding-top:5px;
	        padding-bottom:5px;
	    }
	        .clientLogos
	        {
	            width: 100%;
	        }
	        #numberHead 
	      {
	          padding-left:20px;
	      }
	    
    
    .banner-info_agile_w3ls {
        padding-top: 13em;
    }

    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 650px;
    }
    #logo img {
    margin: 0;
  position: absolute;
  left: -140px;
  top:-15px;
  max-width: 107px;
  max-height: 163px;
}
nav {
    margin-top: 2.5em;
    padding: 0;
}
    
    nav a {
        
        font-size: 18px;
        
    }
  
input[type="text"]
{
    width: 100%;
   height: 40px;
    font-size: 14px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 600px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(0,0,0,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 50px;
           width: 600px;
        }
    .triple-sec h5 {
        font-size: 26px;
    }
.centered {
  position: absolute;
  bottom: 2em;
  padding-left: 14%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 8px;
    margin-right: 4px; 
   top:-38px;
   max-width: 408px;
   
 }
 .triple-secc {
    background: #fff;
     
   top:-38px;
   max-width: 420px;
   
 }
 .triple-seccc {
    background: #fff;
    
   top:-38px;
   max-width: 420px;
   
 }
 .notices h6{
   font-size: 12px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 10px;
 }
.triple-seca {
 
  
  height: inherit;
top:-6px;
 padding-left:7px;
  padding-right: 4px;
  object-fit: cover;
   margin:0; 

}

.triple-secb {
 
  top:6px;
  height: inherit;
 padding-left: 7px;
  padding-right: 4px;
  object-fit: cover;
  margin:0;
    

}
.main-banner-2 {
        min-height:300px;
    }
    .main-banner-3 {
        min-height:300px;
    }
    .main-banner-4 {
        min-height:300px;
    }
    .main-banner-5 {
        min-height:300px;
    }
    .main-banner-6 {
        min-height:300px;
    }
    .main-banner-7 {
        min-height:300px;
    }

}

@media(max-width:1152px)
{
    
.text-block2 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-90px;
  
 width:32.6%;
 
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
}

.text-block22 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-90px;
 width:32.6%;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
  
}
.text-block23 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-90px;
 width:32.6%;
  
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
}
}

@media(max-width: 1080px) {
    .banner-info_agile_w3ls h3 {
        font-size: 55px;
    }

    .banner-info_agile_w3ls {
        padding-top: 11em;
    }

    .callbacks_tabs {
        bottom: 7%;
        left: 47%;
    }
    

    .triple-sec:nth-child(2):before {
        left: 0;
    }

    .loan-form-w3ls .form-group label {
        font-size: 14px;
    }

    h3.w3ls-title {
        font-size: 34px;
    }

    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 580px;
    }

    .box16 .title {
        font-size: 22px;
    }

   .main-banner-2 {
        min-height:300px;
    }
    .main-banner-3 {
        min-height:300px;
    }
    .main-banner-4 {
        min-height:300px;
    }
    .main-banner-5 {
        min-height:300px;
    }
    .main-banner-6 {
        min-height:300px;
    }
    .main-banner-7 {
        min-height:300px;
    }
    nav {
    margin-top: 2em;
    padding: 0;
}
    
    nav a {
        
        font-size: 13px;
        
    }

    .triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 6px;
    margin-right: 4px; 
   top:-38px;
   max-width: 32.3%;
   
 }
 .triple-secc {
    background: #fff;
    
   top:-38px;
   max-width: 33.3%;
   
 }
 .triple-seccc {
    background: #fff;
    
   top:-38px;
   max-width: 33.3%;
   
 }

.triple-seca {
 
  
  height: inherit;
margin:0;
padding: 3px;
  object-fit: cover;
  top:-3px;  

}

.triple-secb {
 
 margin:0;
 padding: 3px;
  object-fit: cover;
  top:37px;  

}

 .triple-sec  img{
    width: 30px;
    height: 30px;
}
.triple-sec h5{
    font-size: 14px;
}
 .notices h6{
   font-size: 10px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 9px;
 }
 
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 58.3%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 40.8%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:32.6%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 29.2%;
  
}

}

@media(max-width: 1050px) {


    .triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 4.5px;
  padding-right: 4.5px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec3 {
   margin: 0;
   padding-left: 4.5px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 6px;
    margin-right: 4px; 
   top:-38px;
   max-width: 328px;
   
 }
 .triple-secc {
    background: #fff;
      
   top:-38px;
   max-width: 343px;
   
 }
 .triple-seccc {
    background: #fff;
     
   top:-38px;
   max-width: 343px;
   
 }
 .triple-sec  img{
    width: 30px;
    height: 30px;
}
.triple-sec h5{
    font-size: 14px;
}
 .notices h6{
   font-size: 10px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 9px;
 }
.triple-seca {
 
  margin:0;
  height: inherit;
top:-3px;
 padding-left:5px;
 
  object-fit: cover;
   max-width: 100%; 

}

.triple-secb {
 
  top:45px;
  height: inherit;
 
  padding-right: 4px;
  object-fit: cover;
    margin:0;
    max-width: 100%; 

}
.main-banner-2 {
        min-height:300px;
    }
    .main-banner-3 {
        min-height:300px;
    }
    .main-banner-4 {
        min-height:300px;
    }
    .main-banner-5 {
        min-height:300px;
    }
    .main-banner-6 {
        min-height:300px;
    }
    .main-banner-7 {
        min-height:300px;
    }
}

@media(max-width: 1024px) {
     .theBlocks
	    {
	        width: 100%; 
	        height: 1105px; 
	        float: left;
	         margin-right:5%;
	            margin-left:5%;
	    }
	    .theBlocks2
	        {
    	        width: 100%; 
    	        height: inherit; 
    	       Top:10em;
    	        background: #F1F1F1;
    	        margin-right:5%;
	            margin-left:5%;
	        }
	       .theBlocks3
	    {
	        width: 100%; 
	        height: 765px; 
	        float: left;
	        margin-right:5%;
	        margin-left:5%;
	    }
	    
	     .news_pics
	    {
	        height:320px;
	        width:100%;
	    }
	    
	   
	    .theBlocksA
	    {
	        width: 100%; 
	        height: 765px; 
	        float: left;
	    }
	    
	        
	        
	        .headertext
	        {
	            width:100%;
	            float:left;
	        }
	       .headericon
	        {
	            width:100%;
	            float:left;
	        }
	       
	        .thumbnails img
        	    {
        	       display: block;
        	       
        	       height:90px;
        	       width:90px;
        	       overflow: hidden;
        	       border-radius:50%;
        	       border:2px solid #2BADC3;
        	       border-spacing: 105px 85px;
          
        	    }
        	 .publicnotice
        	    {
        	        padding-top:5px;
        	        padding-bottom:5px;
        	    }
	        
	        .publicNoticeHeader
	        {
    	        font-size: 2.2em; 
    	        font-weight: bold; 
    	        color: white;
    	        
	        }
	        
	        .noticeHeader
	        {
	            font-size: 1.3em;
	            color: #1A1919;
	           
	        }
	        
	        .blockSpacing
	        {
    	        width: 100%; 
    	        height: 5px; 
    	        background: white; 
	        }
	        
	        .myContainer
	        {
	            width: 100%;
	        }
	        
	        #logos
	        {
	            width: 100%;
	        }
	       
	        .clientLogos
	        {
	            width: 80%;
	        }
	        
	       
	        .our_image_text
	        {
	            font-weight: bold; 
	            color: white; 
	            font-size: 1em; 
	            text-decoration: none;
	        }
	        
	        #logo a 
	        {
              position: absolute;
              left:150px;
              top:30px;
              
            }
    .main-banner-2 {
        min-height:300px;
    }
    .main-banner-3 {
        min-height:300px;
    }
    .main-banner-4 {
        min-height:300px;
    }
    .main-banner-5 {
        min-height:300px;
    }
    .main-banner-6 {
        min-height:300px;
    }
    .main-banner-7 {
        min-height:300px;
    }
    
    .text-block2 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-60px;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
 width:90%;
 
  
  
  
}

.text-block22 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-60px;
 width:90%;
  
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
  
}
.text-block23 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-60px;
 width:90%;
 font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  
}
    
    
  .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 52.5%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 44.7%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 37%;
  
}
#logo img {
    margin: 0;
  position: absolute;
  left: -150px;
  top:-15px;
  max-width: 80px;
  max-height: 122px;
}
nav {
    margin-top: 2em;
    padding: 0;
}
    
    nav a {
        
        font-size: 13px;
        
    }
  
input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 485px;
    left: 0;
    right: 0;
    width: 650px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 600px;
        }
    .triple-sec h5 {
        font-size: 26px;
    }
.centered {
  position: absolute;
  bottom: 1.5em;
  padding-left: 14%;
  font-size:25px;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 18px;
    margin-right: 18px; 
   top:-35px;
   min-width: 95%;
   object-fit: cover;
   
 }
 .triple-sec img{
        width: 45px;
        height: 45px;
 }
 .triple-secc{
    top:-30px;
    margin-left: 1%;
   min-width: 48%;
   object-fit: cover;
   
 }
 .triple-seccc{
    top:-30px;
    padding-left: 13px;
   
   min-width: 48%;
   object-fit: cover;
   
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }

.triple-seca2 {
 margin-left: 8px;
}

.triple-seca {
 
  
  height: inherit;
top:5px;

 padding-left:4px;
  padding-right: 2px;
  object-fit: cover;

   

}

.triple-secb {
 
  top:10px;
  height: inherit;
 padding-left: 4px;
  padding-right: 2px;
  object-fit: cover;
    

}
.triple-seca2{
    margin-bottom: 15px;
    right:-260px;
}

}

@media(max-width: 991px) {
    .header-w3layouts {
        padding: 0;
    }

    .navbar-light .navbar-toggler {
        border-color: #fff;
        background: #fff;
        border-radius: 0px;
    }

    .banner-info_agile_w3ls h3 {
        font-size: 48px;
    }

    a.button-w3ls {
        font-size: 14px;
        padding: 14px 22px;
    }
nav a{
    font-size:11px;
}
    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 530px;
    }

    .wthree-bottom {
        max-width: 700px;
    }

    .agileits_works-grid1 {
        text-align: center;
    }

    h6.subheading-w3ls {
        font-size: 18px;
        color: #fff;
    }

    .map iframe {
        height: 350px;
    }
    
}

@media(max-width: 900px) {

   #logo img {
    margin: 0;
  position: absolute;
  left: -140px;
  top:-15px;
  max-width: 80px;
  max-height: 122px;
  
  
  
}

input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 385px;
    left: 0;
    right: 0;
    width: 550px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 500px;
        }
        
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 53%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 45.4%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 37.7%;
  
}

}

@media(max-width: 800px) {

    nav a{
        font-size:10px;
    }
    
   .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 54%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 46.2%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 38.5%;
  
}
}

@media(max-width: 768px) {
    
        .theBlocks
	    {
	        width: 100%; 
	        height: 1090px; 
	        float: left;
	         margin-right:5%;
	            margin-left:5%;
	    }
	    .theBlocks2
	        {
    	        width: 100%; 
    	        height: inherit; 
    	       Top:10em;
    	        background: #F1F1F1;
    	        margin-right:5%;
	            margin-left:5%;
	        }
	       .theBlocks3
	    {
	        width: 100%; 
	        height: 765px; 
	        float: left;
	        margin-right:5%;
	        margin-left:5%;
	    }
	    
	         .news_pics
	    {
	        height:315px;
	        width:100%;
	    }
	    
	       
	        .thumbnails img
	    {
	       display: block;
	       height:70px;
	       width:70px;
	       overflow: hidden;
	       border-radius:50%;
	       border:2px solid #2BADC3;
	       
  
	    }
	    .publicnotice
	    {
	        padding-top:5px;
	        padding-bottom:5px;
	    }
	        
	        .publicNoticeHeader
	        {
    	        font-size: 2.2em; 
    	        font-weight: bold; 
    	        color: #1A1919;
    	        
	        }
	        
	        .noticeHeader
	        {
	            font-size: 1.3em;
	            color: #1A1919;
	           
	        }
	        
	        .blockSpacing
	        {
    	        width: 100%; 
    	        height: 5px; 
    	        background: white; 
	        }
	        
	        .myContainer
	        {
	            width: 100%;
	        }
	        
	        #logos
	        {
	            width: 100%;
	        }
	         #middleBlock
	        {
	            margin-top:0.5em;
	            margin-bottom:1em;
	        }
	        
    
        nav a{
        font-size:10px;
    }
  #logo img {
    margin: 0;
  position: absolute;
  left: -140px;
  top:-15px;
  max-width: 80px;
  max-height: 122px;

}

input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 385px;
    left: 0;
    right: 0;
    width: 550px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 500px;
        }
@media(max-width: 736px) {
   
 nav a{
        font-size:12px;
    }

   
    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 490px;
    }

    .banner-info_agile_w3ls {
        padding-top: 10em;
    }

    .box16 .box-content {
        bottom: 20%;
    }

    .main-banner-2 {
        min-height: 200px;
    }
.triple-sec{
    max-width: 100%;
}
    .triple-secc{
    top:-40px;
   
   max-width: 100%;
   
   object-fit: cover;
   
 }
 .triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
}

@media(max-width: 667px) {
    
      .theBlocks
	        {
	            
	            margin-bottom:5em;
	            
	        }
	        .publicNoticeHeader
	        {
	            font-size:25px;
	        }

.text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 60.2%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 55%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 50%;
  
}
 
input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 385px;
    left: 0;
    right: 0;
    width: 550px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 500px;
        }
    .triple-sec h5 {
        font-size: 26px;
    }
.centered {
  position: absolute;
  bottom: 8px;
  padding-left: 14%;
  font-size:13px;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec {
    background: #188ABE;
     margin-left: 18px;
    margin-right: 18px; 
   top:-55px;
   min-width: 95%;
   object-fit: cover;
   
 }
 .triple-sec img{
        width: 45px;
        height: 45px;
 }
 .triple-secc{
    top:-40px;
   
   max-width: 100%;
   
   object-fit: cover;
   
 }
 .triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }


}

@media(max-width: 640px) {
     .theBlocks
	    {
	        width: 100%; 
	        height: 760px; 
	        float: left;
	         margin-right:5%;
	            margin-left:5%;
	    }
    
     #middleBlock
	        {
	            margin-top:6em;
	        }
	         .publicNoticeHeader
	        {
    	        font-size: 25px; 
    	        font-weight: bold; 
    	        color: #1A1919;
    	        text-align: center;
	        }
	        
	        .noticeHeader
	        {
	            font-size: 1.3em;
	            color: #1A1919;
	            text-align: center;
	        }
	        .notices
	        {
	            text-align:center;
	        }
	        .theBlocks
	        {
	            
	            margin-bottom:4.5em;
	            
	        }
	        
	         .news_pics
	    {
	        height:220px;
	        width:100%;
	    }
	        
	        .emergency h3
	   {
	       font-size:16px;
	       color:#292929;
	       font-weight:700;
	       padding-top:10px;
	       padding-left:2em;
	   }
	   
	   .emergency p
	   {
	       font-size:14px;
	       color:#292929;
	       padding-left:3em;
	   }
    
    h3.w3ls-title {
        font-size: 28px;
    }

    h6.subheading-w3ls {
        font-size: 22px;
    }
    .triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
  .text-block2 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-75px;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
 width:90%;
 
  
  
  
}

.text-block22 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-75px;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
 width:90%;
  
  
  
  
}
.text-block23 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  margin-top:-80px;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
 width:90%;
  
}
    
 
 #logo a{
     padding-left:120px;
 }
 

input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 390px;
    left: 0;
    right: 0;
    width: 550px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 500px;
        }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .publicnotice img{
     border-radius: 50%;
     width:100px;
     height:110px;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .publicnotice p{
    font-size: 11px;
    text-align: center;
 }
 
 
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 57.4%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 52.2%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 47%;
  
}
 
}

@media(max-width: 600px){
    
     .theBlocks
	        {
	            
	            margin-bottom:4.5em;
	            
	        }
	        
	        .theBlocks2
	        {
    	        width: 100%; 
    	        height: inherit; 
    	       
    	        background: #F1F1F1;
	        }
	         #middleBlock
	        {
	            margin-top:6em;
	        }
	        
	         .thumbnails img
	    {
	       display: block;
	       
	       height:30px;
	       width:30px;
	       overflow: hidden;
	       border-radius:50%;
	       border:3px solid #2BADC3;
	      
  
	    }
	    .publicnotice
	    {
	        padding-top:10px;
	        padding-bottom:10px;
	    }
	        
	        .publicNoticeHeader
	        {
    	        font-size: 25px; 
    	        font-weight: bold; 
    	        color: #1A1919;
    	        text-align: center;
	        }
	        
	        .noticeHeader
	        {
	            font-size: 1.3em;
	            color: #1A1919;
	            text-align: center;
	        }
	        .notices
	        {
	            text-align:center;
	        }
	        .blockSpacing
	        {
    	        width: 100%; 
    	        height: 5px; 
    	        background: white; 
	        }
	        
	        .myContainer
	        {
	            margin-top: 1em;
	        }
	        
	       
	        
    
   .centered {
  position: absolute;
  bottom: 2em;
  padding-left: 14%;
}
.centered a: hover{
  color:#fff;
}



.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
   
}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }

.triple-secb {
 
  top:10px;
  height: inherit;
 padding-left: 5px;
  padding-right: 4px;
  object-fit: cover;
    

}

.text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 56%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 50.8%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 45.6%;
  
}
}
@media(max-width: 568px) {
    .banner-info_agile_w3ls {
        padding-top: 9em;
    }

    .box16 .box-content {
        margin-bottom: 40px;
    }

    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 470px;
    }

    ul.list-part li span {
        font-size: 40px;
    }

    .box16 .box-content,
    .box16:after {
        width: 67%;
        right: 0;
        margin: 0 auto;
    }

    .header {
        padding: 8px 0 !important;
    }

    #logo img {
        max-width: 50px;
    max-height: 76px;
    }
    
input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 395px;
    left: 0;
    right: 0;
    width: 550px;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 500px;
        }
    .toggle {
        padding: 6px 10px;
        font-size: 14px;
    }

    .main-banner-2 {
        min-height: 160px;
    }
    .triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
}

@media(max-width: 480px) {
    p {
        font-size: 14px;
    }

    .banner-info_agile_w3ls h3 {
        font-size: 34px;
    }

    .box16 .box-content,
    .box16:after {
        width: 81%;
    }

    nav a,
    .menu .toggle,
    nav ul ul li a {
        font-size: 13px;
    }
    

    .popup {
        margin: 4em 1em;
    }

    .contact-agileits-w3layouts h5 {
        font-size: 17px;
    }
    
input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 390px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 400px;
        }
    .triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
 
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 52.5%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 47.2%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 41.8%;
  
}
 
}

@media(max-width: 440px) {
    .header-top_w3layouts {
        padding: 0;
    }

    .header-top_w3layouts p,
    .header-w3layouts p,
    .top-w3layouts p {
        font-size: 13px;
    }

    a.login-button-2 {
        font-size: 13px;
    }

    .banner-info_agile_w3ls h3 {
        font-size: 32px;
    }

    .banner-info_agile_w3ls {
        padding-top: 8em;
    }

    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-height: 430px;
    }

    .callbacks_tabs {
        left: 42%;
    }
 input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 390px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 400px;
        }
    .triple-sec h5 {
        font-size: 22px;
    }

    .triple-sec {
        padding: 2em !important;
    }

    li.style-bottom-w3 h4 {
        font-size: 28px;
    }

    h4.down-list-w3 {
        font-size: 28px;
    }

    a.some-small-btn {
        padding: 9px 26px;
    }

    .box16 .box-content,
    .box16:after {
        width: 90%;
    }

    a.button-w3ls {
        padding: 12px 14px;
    }
    .triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
}

@media(max-width: 414px) {
    
     #middleBlock
	        {
	            margin-top:6em;
	        }
	        
	        .notices
	        {
	            font-size:15px;
	        }
	        #titles
	        {
	            font-size:1em;
	        }
	        .theBlocks
	        {
	            
	            margin-bottom:5em;
	            
	        }
	        .publicNoticeHeader
	        {
	            font-size:25px;
	        }
	          .our_image_text
	        {
	            font-weight: bold; 
	            color: #fff; 
	            font-size: 0.7em; 
	            text-decoration: none;
	        }
	        
    
    .top-right-info {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .header-top_w3layouts {
        padding: 0 .5em;
        flex: 0 0 50%;
        max-width: 50%;
    }
#logo img{
   max-width: 40px;
    max-height: 61px;
}
    a.navbar-brand {
        font-size: 20px;
    }

 input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 390px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 400px;
        }
    .navbar-light .navbar-toggler {
        padding: 2px 8px;
    }

    .box16 .box-content,
    .box16:after {
        width: 95%;
    }
 .centered {
  position: absolute;
  bottom: 2em;
  padding-left: 14%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
  
}
.triple-sec1 p{
    color: #fff;
}
.triple-sec2 p{
    color: #fff;
}
.triple-sec3 p{
    color: #fff;
}
.triple-sec1 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 10px;
    color: #fff;
}
.triple-sec{
     top:-50px;
   margin-left: 2%;
   max-width: 100%;
   object-fit: cover;
}
.triple-secc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
}
.triple-seccc{
    top:-35px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
 
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 51.4%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 46%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:96.8%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 40.5%;
  
}
}

@media(max-width: 384px) {
    .w3ls_footer_grid_left1_pos ul li a {
        font-size: 13px;
    }

    .n-right-w3ls input[type="submit"],
    .n-right-w3ls input[type="email"] {
        font-size: 13px;
    }

    ul.list-part li i {
        font-size: 36px;
    }

    .box16 .box-content,
    .box16:after {
        width: 100%;
    }

    .box16 .box-content {
        bottom: 24%;
    }

    .n-right-w3ls button {
        font-size: 14px;
        padding: 15px 10px;
    }

    .main-banner-2 {
        min-height: 140px;
    }

    .popup {
        padding: 3em 1em 1.5em;
    }

   input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 395px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 350px;
        }
   .centered {
  position: absolute;
  bottom: 5em;
  padding-left: 33%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec1 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec2 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec3 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec1 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec{
     top:-70px;
   margin-left: 2%;
   max-width: 100%;
   object-fit: cover;
}
.triple-secc{
    top:-60px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
.triple-seccc{
    top:-50px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
}

@media(max-width: 375px) {
    
    .notices {
	            font-size:38px;
	        }
	        .publicNoticeHeader
	        {
	            font-size:27px;
	        }
	        
	        .theBlocks
	        {
	            width:100%;
	            margin-bottom:4.5em;
	            
	        }
	        
	         .clientLogos
	        {
	            margin-top:2em;
	            width: 80%;
	        }
    .triple-sec h5 {
        font-size: 20px;
    }

    h3.w3ls-title {
        font-size: 24px;
    }

    h6.subheading-w3ls {
        font-size: 20px;
    }
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 53%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 50%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 44%;
  
}
   input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 345px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(255,255,255,0.1);
}
    
    form
        {
           height: 45px;
           width: 350px;
        }
   .centered {
  position: absolute;
  bottom: 2em;
  padding-left: 14%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec1 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec2 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec3 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec1 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 8px;
    color: #fff;
}
.triple-seccc{
    top:-40px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
}
@media(max-width: 360px) {
    #logo img {
    margin: 0;
  position: absolute;
  left: -140px;
  top:-5px;
  max-width: 40px;
    max-height: 61px;
    }
   input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 345px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 340px;
        }
   .centered {
  position: absolute;
  bottom: 2em;
  padding-left: 14%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec1 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec2 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec3 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec1 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec{
    top:-80px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-secc{
    top:-75px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
.triple-seccc{
    top:-70px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
}

@media(max-width: 320px) {
    h3.w3ls-title {
        font-size: 24px;
    }

    .banner-info_agile_w3ls h3 {
        font-size: 25px;
    }

    .banner-info_agile_w3ls {
        padding-top: 7em;
    }

    .banner-top1,
    .banner-top2,
    .banner-top3 {
        min-width: 300px;
        min-height:188px;
    }

    .callbacks_tabs {
        left: 38%;
    }
    
    #logo img {
    margin: 0;
  position: absolute;
  left: -140px;
  top:-15px;
  max-width: 40px;
    max-height: 61px;
    }
    ul.list-part li i {
        font-size: 30px;
    }

    .n-right-w3ls input[type="submit"] {
        padding: 13px 5px;
    }

    .n-right-w3ls input[type="submit"],
    .n-right-w3ls input[type="email"] {
        font-size: 11px;
    }

    .n-right-w3ls input[type="email"] {
        padding: 13px;
    }

    p {
        font-size: 13px;
    }

    .box16 .box-content {
        bottom: 26%;
    }

    .n-right-w3ls button {
        font-size: 13px;
        padding: 13px 10px;
        letter-spacing: 1px;
    }

    ul.list-part li span {
        font-size: 32px;
    }

    .contact-agileits-w3layouts h5 {
        font-size: 16px;
    }

    h4.contact-title {
        font-size: 20px;
    }

    .form-bg-w3ls input[type="text"],
    .form-bg-w3ls input[type="email"],
    .form-control,
    .form-bg-w3ls textarea {
        padding: 11px 10px;
        font-size: 14px;
    }

    .form-bg-w3ls button {
        font-size: 14px;
    }

   input[type="text"]
{
    width: 100%;
   height: 35px;
    font-size: 12px;
    line-height: 1;
}

input[type="text"]::placeholder
{
    color: #808080;
}

#s-cover
{
    width: 1px;
    padding-left:15px;
}

button
{
    position: relative;
    display: block;
    width: 53px;
   height: 16px;
    cursor: pointer;
}

#s-circle
{
    position: relative;
    top: -5px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border-width: 25px;
    border: 5px solid #188ABE;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}
#cover
{
    position: absolute;
    top: 350px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px;
    margin: -83px auto 0 auto;
    background-color: rgb(255,255,255,0.3);
    border-radius: 5px;
    box-shadow: 0 5px 5px rgb(0,0,0,0.1);
}
    
    form
        {
           height: 45px;
           width: 290px;
        }
   .centered {
  position: absolute;
  bottom: 2em;
  padding-left: 14%;
}
.centered a: hover{
  color:#fff;
}

.triple-sec1 {
    
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 


}

.triple-sec2 {
    margin: 0;
    padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 

}
.triple-sec3 {
   margin: 0;
   padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom:0; 
 
}
.triple-sec1 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec2 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec3 p{
    color: #fff;
    font-size: 10px;
}
.triple-sec1 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec2 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec3 p span{
    font-size: 8px;
    color: #fff;
}
.triple-sec{
    top:-80px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-secc{
    top:-75px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
.triple-seccc{
    top:-70px;
   
   max-width: 100%;
   object-fit: cover;
   
 }
 .triple-seca{
    max-width: 50%;
 }
 .triple-secb{
    max-width: 50%;
 }
 .notices h6{
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   font-family: arial, sans-serif;
 }
 .notices p{
    font-size: 11px;
 }
 .text-block {
  position:absolute;
  
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 52.2%;
  
}
.text-block1 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 46.9%;
}
.text-block11 {
  position:absolute;
  bottom: .1px;
  background-color: rgba(0, 0, 0, 0.78);
  background: rgb(0, 0, 0, 0.78); /* The Fallback */
  color: #fff;
  font-weight: 500px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  width:97%;
  text-align: left;
  margin-right:8px;
  margin-left: .1px;
  bottom: 41.6%;
  
}
}



/* //responsive */