@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {

.container{ padding: 0 3%; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h1, h2 { font-size: 24px; line-height: 27px; }
h3 { font-size: 26px; line-height: 30px; }
h4 { font-size: 22px; line-height: 30px; }
h6 { font-size: 14px; line-height: 20px; }

p { font-size: 14px; line-height: 22px; margin-bottom: 10px; }

ul li{ font-size: 14px; }
ol li{ font-size: 14px; }

/*header*/	

header { padding-top: 6px; padding-bottom: 5px; top:0; }
.logo { margin-left: 2%; max-width: 70px; }
header.sticky { padding-top: 6px; padding-bottom: 1px; }

header.sticky a.logo { max-width: 90px; }
.site-control{ display: block; margin-right: 0px; float: left; margin-top: 0px; padding-right: 0px; }
.site-control:after{ display: none; }

header.sticky .header-right { margin-top: -2px; }

/*footer*/
.footer-bottom { padding: 5px 0 2px 0; }
.footer-center { padding: 15px 0 0 0; }
#totop { bottom: 20px; right: 20px; width: 25px; height: 46px; }
#totop img{ display: block; width: 100%; }
.newslatter-area form input[type="text"] { height: 34px; width: 270px; font-size: 14px; line-height: 18px; }
.newslatter-area form input[type="submit"] { font-size: 15px; line-height: 20px; width: 115px; height: 34px; }
.newslatter-info h4 { font-size: 18px; line-height: 20px; margin-bottom: 0px; }
.newslatter-info { font-size: 14px; line-height: 20px; margin-right: 0; margin-bottom: 10px; width: 100%; }
.newslatter { margin-top: 15px; float: left; width: 100%; display: block; }
.newslatter-area { float: left; width: 100%; padding-left: 0px; }
.footer-cell h4 { font-size: 18px; line-height: 20px; /*margin-bottom: 10px;*/ max-width: 100%; }
.call-cell { font-size: 18px; line-height: 20px; margin-bottom: 10px; }
.footer-address p { font-size: 14px; line-height: 18px; }
.footer-email a { font-size: 14px; line-height: 20px; }
.footer-cell-1 .footer-address { margin-bottom: 10px; max-width: 100%; margin-bottom: 5px; }
footer ul li { font-size: 14px; line-height: 18px; }
footer ul li:before { top: 6px; }
.footer-top { padding: 15px 0 10px 0; }
.footer-bottom span { font-size: 12px; line-height: 14px; float: none; width: 100%; display: block; }
.footer-logo { width: 80px; }
.footer-logo img { display: block; width: 100%; }
.footer-cell { width: 100%; margin-bottom: 15px; }
.footer-cell-2 { width: 100%; margin-bottom: 15px; }
.location-container{ padding-left: 0px !important; }
.vvm-location{margin-left: 0 !important; width: 320px !important;}
.footer-cell-3 { width: 100%; margin-bottom: 15px; }
.footer-cell-4 { width: 100%; margin-bottom: 15px; }
.footer-cell-1 { width: 100%; padding-right: 0; box-sizing: border-box; margin-bottom: 25px; }
.footer-cell-5 { width: 50%; padding-left: 0; padding-top: 0; }
.social-media-icon a { margin-right: 8px; width: 25px; height: 25px; margin-bottom: 0; }
.social-media-icon img{ display: block; width: 100%; }
.footer-navigation ul li { margin-right: 10px; }
.footer-bottom span, .footer-bottom span a, .footer-navigation p, .footer-navigation ul li { font-size: 13px; line-height: 16px; }
.footer-bottom .footer-navigation { text-align: center; }
.footer-navigation ul { margin-bottom: 4px; }
.footer-call-info { margin-top: 0; }
.showhide{display: block !important; margin-bottom: 15px;}
.hide1{display: none !important;}
.qltydiv .sector{width: 100%;}
.footer-navigation{display: block !important;}
.footer-navigation ul, .footer-navigation p, .footer-navigation span{display: block; margin-bottom: 8px; text-align: center; float: none !important;}
.title-img{margin: 6px 0 30px 0;}
.archidiv span{font-size: 12px;}

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
.container{ padding: 0 2%; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h1, h2 { font-size: 24px; line-height: 27px; }
h3 { font-size: 26px; line-height: 30px; }
h4 { font-size: 22px; line-height: 30px; }
h6 { font-size: 14px; line-height: 20px; }

p { font-size: 14px; line-height: 22px; margin-bottom: 10px; }

ul li{ font-size: 14px; }
ol li{ font-size: 14px; }

/*header*/	
header { padding-top: 10px; padding-bottom: 5px; top:0; }
.logo { margin-left: 15px; max-width: 85px; }
header.sticky a.logo { max-width: 160px; }


/*mobile-menu*/
.site-control{ display: block; margin-right: 0px; float: left; margin-top: 0px; padding-right: 0px;}
.site-control:after{ display: none; } 


/*footer*/
.footer-bottom { padding: 10px 0 2px 0; }
.footer-center { padding: 20px 0 20px 0; }
#totop { bottom: 30px; right: 30px; width: 25px; height: 46px; }
#totop img{ display: block; width: 100%; }
.newslatter-area form input[type="text"] { height: 34px; width: 270px; font-size: 14px; line-height: 18px; }
.newslatter-area form input[type="submit"] { font-size: 15px; line-height: 20px; width: 115px; height: 34px; }
.newslatter-info h4 { font-size: 18px; line-height: 20px; margin-bottom: 0px; }
.newslatter-info { font-size: 14px; line-height: 20px; margin-right: 20px; }
.newslatter { margin-top: 33px; }
.footer-cell h4 { font-size: 18px; line-height: 20px; margin: 10px 10px 10px 0; max-width: 100%; }
.call-cell { font-size: 18px; line-height: 20px; margin-bottom: 10px; }
.footer-address p { font-size: 14px; line-height: 18px; }
.footer-email a { font-size: 14px; line-height: 20px; }
.footer-cell-1 .footer-address { margin-bottom: 10px; max-width: 100%; margin-bottom: 5px; }
footer ul li { font-size: 14px; line-height: 18px; padding-left: 0px; }
footer ul li:before { top: 6px; }
.footer-top { padding: 10px 0; }
.footer-logo { width: 80px; }
.footer-logo img { display: block; width: 100%; }
.footer-cell { width: 33%; }
.footer-cell-1,.footer-cell-2,.footer-cell-3,.footer-cell-4 { width: 50%; padding-right: 10px; box-sizing: border-box; margin-bottom: 25px; }
.footer-cell-5 { width: 100%; padding-left: 0; padding-top: 15px; }
.social-media-icon a { margin-right: 15px; width: 25px; height: 25px; margin-bottom: 0; }
.social-media-icon img{ display: block; width: 100%; }
.footer-bottom span, .footer-bottom span a, .footer-navigation p, .footer-navigation ul li, .footer-navigation ul { font-size: 13px; line-height: 16px; }
.showhide{display: block !important; margin-bottom: 15px;}
.hide1{display: none !important;}
.qltydiv .sector{width: 50%;}
.footer-navigation{display: block !important;}
.footer-navigation ul, .footer-navigation p, .footer-navigation span{display: block; margin-bottom: 8px; text-align: center; float: none !important;}
.title-img{margin: 6px 0 30px 0;}

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

.container{ padding: 0 2%; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h1, h2 { font-size: 28px; line-height: 36px; }
h3 { font-size: 26px; line-height: 30px; }
h4 { font-size: 22px; line-height: 30px; }
h6 { font-size: 16px; line-height: 22px; }

p { font-size: 14px; line-height: 22px; margin-bottom: 15px; }

ul li{ font-size: 14px; }
ol li{ font-size: 14px; }

/*header*/	
.logo { margin-left: 15px; max-width: 100px; }
header.sticky{ padding-top: 10px; }


/*mobile-menu*/
.site-control:after { top: 4px; width: 1px; height: 25px; right: -1px; }
.site-control li a { padding: 9px 2px; }
.topbar-right-social {width: auto !important;}

/*footer*/
.footer-center { padding: 25px 0 20px 0; }
.footer-cell-5 { padding-left: 20px; }
.social-media-icon a { margin-right: 30px; width: 30px; height: 30px; margin-bottom: 20px; }
#totop { bottom: 30px; right: 30px; width: 25px; height: 46px; }
#totop img{ display: block; width: 100%; }
.newslatter-area form input[type="text"] { height: 34px; width: 270px; font-size: 14px; line-height: 18px; }
.newslatter-area form input[type="submit"] { font-size: 15px; line-height: 20px; width: 126px; height: 34px; }
.newslatter-info h4 { font-size: 18px; line-height: 20px; margin-bottom: 0px; }
.newslatter-info { font-size: 14px; line-height: 20px; margin-right: 20px; }
.newslatter { margin-top: 33px; }
.footer-cell h4 { font-size: 18px; line-height: 22px; margin: 10px 10px 10px 0; max-width: 100%; }
.call-cell { font-size: 20px; line-height: 22px; margin-bottom: 10px; }
.footer-address p { font-size: 14px; line-height: 18px; }
.footer-email a { font-size: 14px; line-height: 20px; }
.footer-cell-1 .footer-address { margin-bottom: 10px; max-width: 100%; margin-bottom: 5px; }
footer ul li { padding-left: 0;}
footer ul li:before { top: 6px; }
.footer-top { padding: 10px 0; }
.footer-bottom span, .footer-bottom span a, .footer-navigation p, .footer-navigation ul li { font-size: 13px; line-height: 16px; }
.footer-logo { width: 80px; }
.footer-logo img { display: block; width: 100%; }
.footer-cell { width: 50%; margin-bottom: 25px; }
.footer-bottom span, .footer-bottom span a, .footer-navigation p, .footer-navigation ul li { font-size: 13px; line-height: 16px; }
.showhide{display: block !important; margin-bottom: 15px;}
.hide1{display: none !important;}
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
.container{ padding: 0 2%; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
h1, h2 { font-size: 30px; line-height: 42px; }
h3 { font-size: 26px; line-height: 30px; }
h4 { font-size: 22px; line-height: 30px; }
h6 { font-size: 16px; line-height: 22px; }

p { font-size: 15px; line-height: 24px; margin-bottom: 20px; }

/*header*/	
.logo { margin-left: 20px; max-width: 100px; }

/*mobile-menu*/

.site-control:after { top: -4px; }

/*footer*/
.footer-center { padding: 30px 0 25px 0; }
.footer-cell-5 { padding-left: 20px; }
.social-media-icon a { margin-right: 30px; width: 30px; height: 30px; margin-bottom: 20px; }
#totop { bottom: 50px; right: 50px; width: 25px; height: 46px; }
#totop img{ display: block; width: 100%; }
.newslatter-area form input[type="text"] { height: 40px; width: 350px; font-size: 14px; line-height: 18px; }
.newslatter-area form input[type="submit"] { font-size: 17px; line-height: 22px; width: 140px; height: 40px; }
.newslatter-info h4 { font-size: 20px; line-height: 22px; margin-bottom: 0px; }
.newslatter { margin-top: 33px; }
.footer-cell h4 { font-size: 18px; line-height: 22px; margin: 10px 10px 15px 0; }
.call-cell { font-size: 20px; line-height: 22px; margin-bottom: 15px; }
.footer-address p { font-size: 15px; line-height: 22px; }
.footer-cell-1 .footer-address { margin-bottom: 15px; }
footer ul li { font-size: 15px; line-height: 20px; padding-left: 0; }
.footer-top { padding: 10px 0; }
.footer-bottom span, .footer-bottom span a, .footer-navigation p, .footer-navigation ul li { font-size: 13px; line-height: 16px; }
.footer-cell { width: 50%; padding: 0 15px 15px 0; box-sizing: border-box; }
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1350px) {	
.container{ padding: 0 2%; box-sizing: border-box; }

/*header*/	
.main-menu { margin-right: 45px; }



/*footer*/
.footer-center { padding: 40px 0 40px 0; }
.footer-cell-5 { padding-left: 20px; }
.social-media-icon a { margin-right: 8px; }
#totop { bottom: 50px; right: 50px; }
.newslatter-area form input[type="text"] { height: 45px; width: 400px; }
.newslatter-area form input[type="submit"] { font-size: 20px; line-height: 22px; width: 160px; height: 45px; }
.newslatter-info h4 { font-size: 22px; line-height: 27px; margin-bottom: 0px; }
.newslatter { margin-top: 33px; }
.footer-cell h4 { font-size: 18px; line-height: 22px;}
.call-cell { font-size: 22px; line-height: 24px; }
footer .container{ padding: 0 2%; }
}

@media (min-width:1351px) and (max-width:1799px) {	

}


@media (min-width: 768px) and (max-width: 991px){
    .qltydiv .sector{width: 50%;}
    .stcn1 li:last-child{width: 100%; display: block;}
    .stcn1{display: block; margin: 10px 0;}
    .awarddiv{width: 31.3%;}
}

.showinsmall{display: none !important;}
@media (max-width: 767px){
    .sticky-wrapper .site-navbar{background: #ffffff;}
    header.sticky{background-color: rgba(255,255,255,0) !important;}
    .awarddiv{width: 48%;}
    .dataTables_filter label{
        display: flex;
    }
    .dataTables_filter label input[type="search"]{
        width: 176px;
    }
}

@media (max-width: 769px){
    .hidemns{display: none !important;}
    .showmns{display: block !important;}
    .showinsmall{display: block !important;}
    .nospace{padding: 0 !important; margin: 0 !important;}
}

@media (max-width:450px) {
.site-control li{ font-size: 12px; line-height: 14px; }
.site-control img{ max-height: 13px; }
.site-control li a { padding: 6px 2px; }
.search-btn img{ margin-top: 6px; max-width: 17px; }
.awarddiv{width: 100%;}
}

@media (max-width: 1023px){.myspace1{padding: 0 2% !important;} .footer-navigation span{float: right;}}
@media (max-width:640px){.footer-navigation ul{position: static; width: 100%;} .footer-navigation ul li:first-child{padding-right: 20px;}}