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

body
{
margin:0;
padding:0;
background-color:#fff;
}


@font-face {
  font-family: 'FranklinGothic-Medium';
  src: url('../fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/FranklinGothic-Medium.woff') format('woff'), 
   url('../fonts/FranklinGothic-Medium.ttf')  format('truetype'), 
   url('../fonts/FranklinGothic-Medium.svg#FranklinGothic-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}



.award
{

width:32%;	
float:left;	
    margin-bottom: 2%;
    position: relative;
     overflow: hidden;
}

 

.award img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
            transition: 0.5s ease-out;
    
}
.award:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
         opacity: 0.5;
    
}
 
 


.space-aw
{
	margin-right:2%;
 
}



header
{
	padding: 0em 0em;
	background:url(../images/bnr.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:770px;
}



.logobox
{
margin:0 auto;
padding:0;
width:100%;
}


.logo
{
margin:0 auto;
padding:0;
width:20%;
float:left;

}

.logo img
{
margin: 0;
    padding: 10% 0% 5% 40%;
}


nav
{
margin:1% auto;
padding:1.5% 0%;
width:80%;
float:left;
}




.container1 {
    margin: 0% auto;
    padding: 0% 0%;
    width: 70%;
    position: absolute;
    left: 15%;
    top: 90%;
}



.missionboxwrap
{
margin:0% 2% 0 0;
padding:0% 0%;
width:32%;
float:left;
}


.mission-box1
{
margin:0% 0% 0 0;
padding:5% 0%;
width:100%;
background-color:#da251c;

}


.mission-box1 h3
{
margin:0% 0% 0 0;
padding:0% 0% 5% 0;
font-size:30px;
text-align:center;
  font-family: 'FranklinGothic-Medium';
  letter-spacing:1px;
color:#fff;
}
.mission-box1 p
{
margin: 0% 0% 0 0;
    padding: 0% 10% 5% 10%;
    font-size: 14px;
    text-align: center;
  font-family: 'FranklinGothic-Medium';

    color: #fff;
}


.mission-box2
{
margin:0% 0% 0 0;
padding:0% 0%;
width:100%;
}

.mission-box2 img
{
margin:0% 0% 0 0;
padding:0% 0%;
width:100%;

}



.visionboxwrap
{
margin:0% 2% 0 0;
padding:0% 0%;
width:32%;
float:left;
}


.vision-box1
{
margin:0% 0% 0 0;
padding:5% 0%;
width:100%;
background-color:#dce0d2;

}


.vision-box1 h3
{
margin:0% 0% 0 0;
padding:0% 0% 5% 0;
font-size:30px;
text-align:center;
  font-family: 'FranklinGothic-Medium';
  letter-spacing:1px;
color:#1f1c1c;
}
.vision-box1 p
{
margin: 0% 0% 0 0;
    padding: 0% 10% 5% 10%;
    font-size: 14px;
    text-align: center;
  font-family: 'FranklinGothic-Medium';
    color: #565656;
}


.vision-box2
{
margin:0% 0% 0 0;
padding:0% 0%;
width:100%;
}

.vision-box2 img
{
margin:0% 0% 0 0;
padding:0% 0%;
width:100%;

}

.teamboxwrap
{
margin:0% 0% 0 0;
padding:0% 0%;
width:32%;
float:left;
}

.team-box1
{
margin:0% 0% 0 0;
padding:5% 0%;
width:100%;
background-color:#dce0d2;

}


.team-box1 h3
{
margin:0% 0% 0 0;
padding:0% 0% 5% 0;
font-size:30px;
text-align:center;
  font-family: 'FranklinGothic-Medium';
  letter-spacing:1px;
color:#1f1c1c;
}
.team-box1 p
{
margin: 0% 0% 0 0;
    padding: 0% 10% 5% 10%;
    font-size: 14px;
    text-align: center;
  font-family: 'FranklinGothic-Medium';

    color: #565656;
}


.team-box2
{
margin:0% 0% 0 0;
padding:0% 0%;
width:100%;
}

.team-box2 img
{
margin:0% 0% 0 0;
padding:0% 0%;
width:100%;

}





.container2 {
    margin: 0% auto;
    padding: 0% 0%;
    width: 100%;
background-color:#2e2e2e;
}




.welcome-box
 {
    margin:0% auto 0 auto;
    padding: 0% 0%;

   width: 70%;

}


.welcome-box h1
{
margin:0% auto 0 auto;
padding:25% 0% 1% 0;
font-size:55px;
width:40%;
text-align:center;
  font-family: 'FranklinGothic-Medium';
  letter-spacing:1px;
  border-bottom:1px solid #b1b1b1;
color:#fff;
}



    .welcome-box h2 {
        margin: 0% 0% 0 0;
        padding: 2% 10% 1% 10%;
        font-size: 36px;
        text-align: center;
        font-family: 'FranklinGothic-Medium';
        letter-spacing: 1px;
        color: #f9f5f5;
    }


.iso p {
    font-size: 26px !IMPORTANT;
    text-align: center !IMPORTANT;
    font-family: 'FranklinGothic-Medium' !IMPORTANT;
    letter-spacing: 1px !IMPORTANT;
    color: #f9f5f5 !IMPORTANT;
}




.welcome-box p
{
margin: 0% 0% 0 0;
    padding: 0% 0 5% 0%;
    font-size:20px;
    text-align: center;
	font-weight:normal;
/*font-family: 'Dosis', sans-serif;*/
letter-spacing:0.5px;
    color: #e6e6e6;
}


.line
{
margin:0;
padding:0;
width:100%;
background-color:#309;	
}


.container3 {
    margin: 0% auto;
    padding: 2% 0% 4% 0;
    width: 100%;
background-color:#dfded9;
}



.offerboxwrap {
    margin: 0% auto;
    padding: 0% 0%;
    width: 85%;
}

.container3  h2
{
margin: 0% 0% 0 0;
    padding: 2% 10% 3% 10%;
    font-size: 36px;
    text-align: center;
  font-family: 'FranklinGothic-Medium';
letter-spacing:1px;
    color: #333331;
}


.uniform-box {
    margin: 0% 2% 0 0;
    padding: 0% 0%;
    width: 32%;
	float:left;
}

.offer-box1 {
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 100%;
}

.offer-box1 img{
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 100%;
}


.offer-box2 {
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 100%;
}



.offer-box2 h3
{
margin: 0% 0% 0 0;
    padding: 2% 0% 3% 0%;
    font-size:24px;
    text-align: left;
  font-family: 'FranklinGothic-Medium';
letter-spacing:1px;
    color: #333331;
}


.offer-box2 p
{
margin: 0% 0% 0 0;
    padding: 0% 5% 5% 0%;
    font-size:14px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #5a5a5a;
}

.offer-but
{
margin: 0% 0% 0 0;
    padding: 2% 0% 2% 0%;
    font-size:14px;
	width:20%;
	border-radius: 12px;
    text-align:center;
	background-color:#1e1e1e;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #fff;
}



.guard-box {
    margin: 0% 2% 0 0;
    padding: 0% 0%;
    width: 32%;
	float:left;
}
.guard-box1 {
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 100%;
}

.guard-box1 img{
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 100%;
}


.guard-box2 {
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 100%;
}



.guard-box2 h3
{
margin: 0% 0% 0 0;
    padding: 2% 0% 3% 0%;
    font-size:24px;
    text-align: left;
  font-family: 'FranklinGothic-Medium';
letter-spacing:1px;
    color: #333331;
}


.guard-box2 p
{
margin: 0% 0% 0 0;
    padding: 0% 5% 5% 0%;
    font-size:14px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #5a5a5a;
}


.event-box {
    margin: 0% 0% 0 0;
    padding: 0% 0%;
    width: 32%;
	float:left;
}

.red
{
background-color:#da251c;	
}

.container4 {
    margin: 0% auto;
    padding: 2% 0% 2% 0;
    width: 80%;
background-color:#fff;
}

.container4 h2
{
margin: 0% 0% 0 0;
    padding: 0% 0% 0% 0%;
    font-size:32px;
    text-align:center;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #5a5a5a;
}


.container6 {
    margin: 0% auto;
    padding: 2% 0% 2% 0;
    width: 100%;
background:url(../images/bg.jpg) no-repeat;
height:280px;
}



.container6 h6
{
margin: 0% 0% 0 0;
    padding: 8% 0% 0% 0%;
    font-size:48px;
    text-align:center;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #e7e4e4;
}



.container7 {
    margin: 0% auto;
    padding: 4% 0% 4% 0;
    width: 100%;
background-color:#dfded9;}



.socialwrap {
    margin: 0% auto;
    padding: 0% 0% 0% 0;
    width: 85%;

}


.telebox {
    margin: 0% auto;
    padding: 2% 0% 2% 0;
    width: 20%;
	float:left;
	border-right:1px solid #ccc;
}
.telebox h6
{
margin: 0% 0% 0 0;
    padding: 0% 0% 4% 0%;
    font-size:20px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #000;
}

.telebox p
{
margin: 0% 0% 0 0;
    padding: 8% 0% 0% 0%;
    font-size:15px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #666;
}



.emailbox {
    margin: 0% auto 0 2%;
    padding: 2% 0% 2% 0;
    width: 27%;
	float:left;border-right:1px solid #ccc;
}

.emailbox h6
{
margin: 0% 0% 0 0;
    padding: 0% 0% 4% 0%;
    font-size:20px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #000;
}

.emailbox p
{
margin: 0% 0% 0 0;
    padding: 5% 0% 0% 0%;
    font-size:15px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #666;
}




.followbox {
    margin: 0% auto 0 2%;
    padding: 2% 0% 2% 0;
    width: 23%;
	float:left;
	border-right:1px solid #ccc;
}
.followbox h6
{
margin: 0% 0% 0 0;
    padding: 0% 0% 4% 0%;
    font-size:20px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #000;
}

.followbox p
{
margin: 0% 0% 0 0;
    padding: 5% 0% 0% 0%;
    font-size:15px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #666;
}

.social-icons {
    margin: 5% 0 0 auto;
    padding: 2% 0% 2% 0;
    width: 100%;
	float:left;
}


.addbox {
    margin: 0% auto 0 2%;
    padding: 2% 0% 2% 0;
    width: 23%;
	float:left;
}


.addbox h6
{
margin: 0% 0% 0 0;
    padding: 0% 0% 4% 0%;
    font-size:20px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #000;
}


.addbox p
{
margin: 0% 0% 0 0;
    padding: 5% 0% 0% 0%;
    font-size:14px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #666;
}




footer {
    margin: 0% auto 0 0%;
    padding: 2% 0% 2% 0;
    width: 100%;
	background-color:#323234;
}



footer p
{
margin: 0% 0% 0 0;
    padding: 0% 0% 0% 0%;
    font-size:14px;
    text-align:center;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #a2a1a1;
}



.clear
{
clear:both;	
}



.abt_head
{
margin:0;
padding:0;
width:100%;

}


.abt_container1
{
margin:0;
padding:0 0 5% 0;
width:100%;
background-color:#f5f5f5;
}


.abt_container1 h1 {
    margin: 0% 0% 0 0;
    padding: 2% 0% 3% 10%;
    font-size: 36px;
    text-align: left;
	font-family: 'Karla', sans-serif;
    letter-spacing: 2px;
    color: #403c3c;
}


.bread-box
{
margin:0 auto;
padding:1% 0;
width:80%;
background-color:#e05047;
}



.abt_container1 .bread-box p
{
margin: 0% 0% 0 0;
    padding: 0% 0% 0% 2%;
    font-size:18px;
    text-align:left;
	font-weight:normal;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #fff;
}


.abt_container1 h4 {
    margin: 0% 0% 0 0;
    padding: 2% 0% 3% 10%;
    font-size: 28px;
    text-align: left;
	    text-transform: uppercase;
	font-family: 'Karla', sans-serif;
    letter-spacing: 2px;
    color: #403c3c;
}




.abt_container1 p
{
margin: 0% 0% 0 0;
    padding: 0% 10% 0% 10%;
    font-size:16px;
    text-align:justify;
	font-weight:normal;
	line-height:140%;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #666;
}



.missionbox
{
margin:0 auto;
padding:1% 0;
width:80%;
border-bottom: 1px dotted #999;
}



.m-box1
{
margin:0 auto;
padding:1% 0;
width:50%;
float:left;
}
.m-box1 h3 {
    margin: 0% 0% 0 0;
    padding: 2% 0% 3% 0%;
    font-size: 25px;
    text-align: left;
	    text-transform: uppercase;
    font-family: 'FranklinGothic-Medium';
    letter-spacing: 2px;
    color: #403c3c;
}

.m-box1 p
{
margin: 0% 0% 0 0;
    padding: 0% 10% 0% 0%;
    font-size:16px;
    text-align:justify;
	font-weight:normal;
	line-height:140%;
 font-family: 'FranklinGothic-Medium';
letter-spacing:0.5px;
    color: #666;
}


.m-box2
{
margin:0 auto;
padding:1% 0;
width:50%;
float:left;
}



.about-l img
{
margin: 0;
    padding: 3% 0% 2% 40%;
	
}

.about-n 
{
margin: 0;
   margin: 0% 0% 0% 0;
   padding:0;
	
}

.abt_banner
{
margin:0 auto;
padding:0% 0;
width:100%;
}

.abt_banner img
{

width:100%;

}

.inban
{
background:url(../images/bg-1.jpg) no-repeat 0px 0px;
	background-size:cover;	
	height:350px;
}


.service-box
{
margin:2% auto 0 10%;
padding:0% 0;
width:80%;
}




.abt_container1 h5 {
    margin: 0% 0% 0 0;
    padding: 2% 0% 3% 10%;
    font-size: 25px;
    text-align: left;
	font-family: 'Karla', sans-serif;
    letter-spacing: 2px;
    color: #403c3c;
}



.table-box
{
margin:2% auto 0 10%;
padding:0% 0;
width:80%;
}

table {
    border-collapse: collapse;
}


.table-box p {
    margin: 0% 0% 0 0;
    padding: 0% 0% 0% 0%;
    font-size: 16px;
    text-align: justify;
    font-weight: normal;
    line-height: 140%;
    font-family: 'FranklinGothic-Medium';
    letter-spacing: 0.5px;
    color: #666;
}


.conbox1
{
margin:2% auto 0 0%;
padding:0% 0;
width:40%;
float:left;
}


.conbox2
{
margin:2% auto 0 0%;
padding:0% 0;
width:60%;
float:left;
}


.field1
{
margin:0% auto 2% 0%;
padding:1% 0;
width:80%;
    font-size: 16px;
    float:left;
    text-align: justify;
    font-weight: normal;
    line-height: 140%;
    font-family: 'FranklinGothic-Medium';
}

.field2
{
margin:0% auto 2% 0%;
padding:1% 0;
width:39%;
    font-size: 16px;
    text-align: justify;
    font-weight: normal;
    line-height: 140%;
    font-family: 'FranklinGothic-Medium';
}




.left-s
{
margin:0% 1% 2% 10%;

}





.field1 {
    padding: 10px 12px;
    font-size: 16px;
    width: 80%;
    max-width: 400px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .field1:focus {
        border-color: #4A90E2;
        box-shadow: 0 0 5px rgba(74, 144, 226, 0.5);
    }

.left-s {
    margin: 0 1% 2% 10%;
    display: block;
}






.submit
{
margin:0% auto 0 10%;
padding:2% 0%;
width:20%;
background-color:#e05047;
display: inline-block;
color:#fff;
text-align: center;
    font-family: 'FranklinGothic-Medium';
}

a 
{
text-decoration:none;
}

.g-box
{
margin:2% auto 0 10%;
padding:0% 0;
width:80%;

}

.g-box img
{
margin:0% auto 0 0%;
padding:0% 0;
width:100%;

}




@media only screen and (max-width:2560px)
{

.container6 {
  
    background-size: 100%;
}

.container6 h6 {
  
    padding: 5% 0% 0% 0%;
  
}

.container1 {

    top: 50%;
}

#cssmenu {
   
    margin: 5% 0% 0% 40%;
    padding: 1% 0;
    width: 40%;
   
}


}



@media only screen and (max-width:1680px)
{

#cssmenu {
 
    width: 60%;
 
}


.container1 {

    top: 75%;
}


.container6 {
 
    background-size: 100%;
}	
}


@media only screen and (max-width:1440px)
{

.container1 {
    top: 93%;
}
}


@media only screen and (max-width:1366px)
{
.container6 {
 
     padding: 0% 0% 0% 0; 

}
.container6 h6
{

    padding: 8% 0% 0% 0%;
}

}
@media only screen and (max-width:1280px)
{

.container1 {
    top: 105%;
}
}

@media only screen and (max-width:1024px)
{

.logo {
   
    width: 20%;
   
}

nav {
  
    width: 80%;
    
}


.container1 {

    width: 80%;

    left: 10%;
top: 100%;
}

.welcome-box {
   
    width: 80%;
}
.offerboxwrap {
   
    width: 90%;
}

.container6 h6 {
    padding: 10% 0% 0% 0%;
}

.container6 {
    background-size: cover; 
}
.service-box {
    margin: 2% auto 0 0%;
    padding: 0% 0;
    width: 100%;
}
}




@media only screen and (max-width:768px)
{
.logo {
    width: 100%;
}

nav {
    width: 80%;
    margin: 0 0 0 3%;
}
.container1 {
    width: 95%;
    left: 2.5%;
    top: 100%;
}

.welcome-box {
    width: 100%;
}

.welcome-box p {
    margin: 0% 0% 0 0;
    padding: 0% 5% 5% 5%;
    font-size: 18px;
}
.socialwrap {

    width: 98%;
}
}



@media only screen and (max-width:425px)
{
.missionboxwrap {
    margin: 0% 0% 0 0%;
    padding: 0% 0%;
    width: 100%;
    float: left;
}

.award {
    width: 100%;
 
}

.visionboxwrap {
    margin: 0% 0% 0 0%;
    padding: 0% 0%;
    width: 100%;
    float: left;
}
.teamboxwrap {
    margin: 0% 0% 0 0%;
    padding: 0% 0%;
    width: 100%;
    float: left;
}	
.uniform-box {
    margin: 0% 2% 0 5%;
    padding: 0% 0%;
    width: 90%;
    float: left;
}

.guard-box {
    margin: 5% 2% 0 5%;
    padding: 0% 0%;
    width: 90%;
    float: left;
}
.event-box {
    margin: 5% 0% 0 5%;
    padding: 0% 0%;
    width: 90%;
    float: left;
}

.telebox {
    margin: 0% auto 0 5%;
    padding: 2% 0% 2% 0;
    width: 90%;
    float: left;
    border-right: 1px solid #ccc;
}

.emailbox {
    margin: 0% auto 0 5%;
    padding: 2% 0% 2% 0;
    width: 90%;
    float: left;
    border-right: 1px solid #ccc;
}

.followbox {
    margin: 0% auto 0 5%;
    padding: 2% 0% 2% 0;
    width: 90%;
    float: left;
    border-right: 1px solid #ccc;
}

.addbox {
    margin: 0% auto 0 5%;
    padding: 2% 0% 2% 0;
    width: 90%;
    float: left;
}
.telebox p {

    padding: 0% 0% 0% 0%; 
}

.emailbox p {

    padding: 0% 0% 0% 0%;
}


.social-icons {
    margin: 2% 0 0 auto;


}

.addbox h6 {
    margin: 0% 0% 0 0;
    padding: 0% 0% 0% 0%;
}

footer p {
    margin: 0% 0% 0 0;
    padding: 0% 5% 0% 5%;
}
.missionbox {
    margin: 0 auto 0 10%;
    padding: 1% 0;
    width: 90%;
    border-bottom: 1px dotted #999;
}	

.m-box1 p {
    margin: 0% 0% 0 0;
    padding: 0% 0% 0% 0%;
}

.m-box1 {

    width: 90%;

}

.m-box2 {

    width: 90%;
}

.abt_container1 h1 {
    margin: 0% 0% 0 0;
    padding: 2% 0% 5% 0%;
    font-size: 28px;
    text-align: center;

}
.conbox1 {

    width: 100%;
    float: left;
}

.conbox2 {

    width: 100%;
   
}


.container1 {
    width: 100%;
    position: static;
    
}
header {

   min-height: 0px; 
}

.welcome-box h1 {
    margin: 0% auto 0 auto;
    padding: 15% 0% 2% 0;

    width: 70%;

}
.welcome-box h2 {
    margin: 0% 0% 0 0;
    padding: 2% 5% 3% 5%;
   
}

.container6 h6 {
    padding: 20% 0% 0% 0%;
}

}


/* */
@media only screen and (max-width:768px) {

.welcome-box h1 {
    font-size: 37px !IMPORTANT;
}

.welcome-box h2 {
    font-size: 22px !IMPORTANT;
}

.iso p {
    font-size: 16px !IMPORTANT;
}

.logo img {
    padding: 6% 0% 5% 63% !IMPORTANT;
}

}

.breadcrumb-item {
    list-style: none;
    padding:0.2rem 1rem;
}

    .breadcrumb-item a {
        color: white;
        font-size: 20px;
        font-weight: 600
    }

    .breadcrumb-item span {
        color: white;
        font-size: 20px;
        font-weight: 600
    }
/*  */