@charset "utf-8";
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
/* CSS Document */

body{background:url(../images/bg1.jpg) repeat; margin:0; padding:0; font-size:15px;color:#fff;}

.welcomeHeding h1 {
font-family: Chantilly-Medium;
    font-size: 21px;
    color: #062f3d;
    letter-spacing: 0.5px;
    margin-top: 6px;

}
.welcomeHeding h1 span { color:#FFF;}
.clearfix {
    clear: both;
}



.welcomeText p {

    font-size: 15px;
    color: #333;
    margin-top: 2px;
	text-align:justify;

}

.bx-wrapper{margin-bottom:20px;}


.contact-box{ width:100%; float:left; padding-bottom:10px; height:auto; background-image:url(../images/contactbg.jpg); background-repeat:repeat; border-radius:15px; margin-bottom: 30px;}
.contact-box h3{
	background-color:#FFF; 
	border-radius:15px 15px 0px 0px;
	 font-family: Chantilly-Medium;
font-size: 15px;
text-align:center;
padding: 15px 0px;
color: #062f3d;
margin:0px;
letter-spacing: 0.5px;}
.contact-box img{  display:block; margin:0 auto; margin-top:10px; margin-bottom:10px;}

.list-cont{ width:100%; float:left; height:auto; /*font-family: Chantilly-Regular;*/ font-size: 13px; color:#000; line-height:25px;}
.list-cont h5{ float:left; width:55px; font-size: 13px; font-weight:bold; margin-top: 5px; margin-left: 20px;}
.list-cont a{ font-size:12px; color:#333;}
.list-cont span a { padding-left:60px;}
/*.list-cont ul{ margin:0px; padding:10px 20px;}
.list-cont ul li{ float:left; list-style:none;  margin-left:5px; margin-bottom:2px; font-size:12px;}*/



#headerBg {background: url(../images/header.jpg) repeat; height: auto;}



#headerBg h2{

    float: right;
    left: 60px;
    top:18px;
    font-size: 18px;
    color: #FFF;

}
.bottomsitebox{background: url(../images/header_bg.jpg) repeat-x; background-position:bottom; height:10px; margin-bottom:10px;}



.navbar{ display:none;}
#page{ width:100%;}
.box1{ background-color:#900;}
.box2{ background-color:#000;}



.innetlist{ width:95%; margin-left:5%;}
.innetlist ul{ margin:0px; padding:0px;}
.innetlist li{ list-style:square; text-align:justify; padding:5px 0px; color:#333; font-size:15px;}
.innetlist li span{ font-weight:bold;}




.servicesbox {
    background-image: url(../images/contactbg.jpg);
    background-repeat: repeat;
    border-radius: 15px 15px 0px 0px;
	margin-left:20px;
	margin-bottom:20px;
}

.servicesbox h5 {
    background-color: #FFF;
    border-radius: 15px 15px 0px 0px;
    font-family: Chantilly-Medium;
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
    color: #062f3d;
    margin: 0px;
	padding:18px 0px;
    letter-spacing: 0.5px;
}

.productLinks {
    padding:0px;
	width:100%;
	height:auto;
	/* padding-bottom: 148px; */
    }

.productLinks ul {
    margin: 0;
	padding:0px;
}

.productLinks ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: dotted 1px #15506a;
   /* font-family: Chantilly-Regular;*/
}

.productLinks ul li a {
    padding: 6px 0px 8px 20px;
    color: #15506a;
    display: block;
	font-size:14px;
}

.productLinks ul li a:hover {

    background: #15506a;
    color: #fff;
	text-decoration:none;

}







.gallerytitle{

color: #062f3d;

font-size: 18px;

font-weight: bold; 
border-bottom:dashed 1px #fff; padding:8px 0px; margin-bottom:10px;}

.redright{ float:right; color:#000;}

.bx-wrapper { background-color:transparent; border:none; box-shadow:none;}

.bxslider2 img {
	width:100%;

}




.textbox {
 border: solid 1px #34849f;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    float: left;
    padding:15px;
	color:#333;
	text-align: justify;
	margin-bottom:40px;

}







.boxleft h1 {

 
    font-size: 18px;
    color: #062f3d;
    background: url(../images/service_heading_bg.png) top left no-repeat;
    padding-left: 18px;
    padding-top:6px;
    width: 365px;
   height: 32px;
   font-weight:bold;
  border-bottom: solid 1px #8ce0fe;

}




.aboutbox img {

    width:100%;
    height: auto;
    border: solid 1px #34849f;
    float: left;
    padding: 4px;
    -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.72);
    -moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.72);
    box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.72);

}


.aboutbox h2{
	
    font-size: 18px;
    color: #062f3d;
    background: url(../images/service_heading_bg.png) top left no-repeat;
    padding-left: 18px;
    padding-top: 5px;
    width: 365px;
    height: 32px;
    border-bottom: solid 1px #8ce0fe;
	
	}
	
/*securityservices*/
.aboutbox h3 {

  
    font-size: 17px;
    color: #fff;
    padding: 6px;
   padding-left: 6px;
   margin:0px;
   
    padding-left: 16px;
    position: relative;
    background: url(../images/heading_symbol.png) center left no-repeat;

}

.aboutbox h3 span{ margin-left:5px;}

.subHeading_services {

    marign: 0px;
    padding: 0px 8px;
    font-size: 14px;
    color: #0b3949;

}



.subHeading_services ul {

    marign: 0;
    padding: 0px 20px;

}

.subHeading_services ul li {

    marign: 0;
    list-style: url(../images/service_symbol.png);
    text-decoration: none;
    padding: 4px;
    text-transform: uppercase;

}


.olbox{ margin:10px 20px;}
.olbox li{ padding:5px 0px;}

.clientslist{

    marign: 0px;
    padding: 0px 0px;
    font-size: 14px;
    color: #0b3949;
	float:left;
	height:auto;

}

.clientslist h4{ color:#FFF;}

.clientslist ul {
  marign: 0;
    padding: 0px 20px;

}

.clientslist ul li {

    marign: 0;
    list-style: url(../images/service_symbol.png);
    text-decoration: none;
    padding: 4px;
	float:left;
	width:50%;
	text-align:left;
	font-size: 12px;
    text-transform: uppercase;

}

.gallerybox{ width:100%;}
.gallerybox img{ margin:10px 0px;}





#footerBg {
    background: url(../images/footerbg.jpg) repeat;
	padding:20px 0px;
	 font-size: 13px;
	 text-align:center;
}

.footerLinks {

    font-size: 13px;
    color: #fff;
    float: left;
    margin-top: 14px;
	width:45%;
	margin-left:30%;

}

.footerLinks ul {

    margin: 0;
    padding: 0;

}

.footerLinks ul li {
   margin: 0;
    padding: 0 0px 0 8px;
    list-style: none;
    float: left;

}

.footerLinks ul li a {

    margin: 0;
    padding: 0 0 0 0px;
    color: #fff;

}

.copy{ padding-top:12px;}


.contbox{ margin-bottom:10px;}
.contbox h4{ color:#FFF; font-weight:bold;}
.contbox p a{color: #333;}

.contact {

    width:100%;
    float: left;
	height:auto;
	

}

.fields{  margin-bottom:20px;}

.textFields {
  margin-bottom: 14px;
  text-align:left;
  font-weight:bold;
 

}

.inbox{ width:100%; padding:5px 10px; border:solid 1px #999;}

.submit-btn{ padding:8px 20px;}

#sitemapLinks {

    font-size: 15px;
    color: #062f3d;
    margin: 0 auto;
	margin-left:10%;

}


#sitemapLinks ul {

    margin: 0;
    padding: 0px 16px;

}

#sitemapLinks ul li {

    padding: 6px 0;
	list-style-type:square;
	color:#000;

}

#sitemapLinks ul li a {
	color:#000;

}

#sitemapLinks ul li ul li {list-style-type:circle;}

#sitemapLinks ul li ul li a {

    background-image: none;

}




.productinner {padding-bottom:20px;}



.servicesinner {
    background-image: url(../images/contactbg.jpg);
    background-repeat: repeat;
    border-radius: 15px;
	margin-left:0px;
	margin-bottom:20px;
	float: left;
width: 100%;
height: auto;
	
}



.servicesinner h5 {
    background-color: #FFF;
    border-radius: 15px 15px 0px 0px;
    font-family: Chantilly-Medium;
    font-size: 16px;
    text-align: center;
    padding: 15px 0px;
    color: #062f3d;
    margin: 0px;
	 letter-spacing: 0.5px;
}

.accordian_head{
    margin-top: 10px;
}
.accordian_head p{
    color: #333;
}
.panel-title > a{
    display: block!important;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #062f3d;
    border-color: #ddd;
}
.panel-title{
    color: #fff;
}
.panel-body {
    color: #333;
}
.collapsed, .first_accordian{
    display: block!important;
}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.bottom_para p{
    color: #333;
}
.text-center2{text-align:center !important; float:none !important;}

.home-page-popup{z-index:999999;top: 15%;}
.home-page-popup .modal-title{font-weight: bold; margin: 0; line-height: 1.42857143;  color: #222; text-align: center;}
.home-page-popup .form-horizontal .control-label {text-align: right;color: #222;font-weight: 400; }
.home-page-popup .service-box{width: 100%; padding: 5px 7px; border: 1px solid #ccc;color: #555; background-color: #fff;}
.close{font-size:40px; color: red;     opacity: inherit;}
.rfq-box{position:fixed;bottom:200px; right:25px; z-index:98;  display:none }
.rfq-box .ti-pay-pulse{     overflow:initial;     position:relative }
.rfq-box .ti-pay-pulse:before{ content:''; display:block;     position:absolute; width:100%;  height:100%; top:0; left:0;   background-color:inherit;     border-radius:inherit;     -webkit-transition:opacity .3s,-webkit-transform .3s;  transition:opacity .3s,-webkit-transform .3s;   transition:opacity .3s,transform .3s;     transition:opacity .3s,transform .3s,-webkit-transform .3s;     -webkit-animation:pulse-animation 2s cubic-bezier(.1,0,.9,1) infinite;     animation:pulse-animation 2s cubic-bezier(.1,0,.9,1) infinite;     z-index:-1 }
.new-features{background:#e21a22; width:90px; height:90px; color:#fff; border-radius:50px; text-align:center; font-size:14px; padding:20px 10px 1px 13px;     z-index:1;  display:inline-block; font-weight:600; }
@-webkit-keyframes pulse-animation{
    0%{opacity:1; -webkit-transform:scale(1);  transform:scale(1)     }
    100%,50%{opacity:0;  -webkit-transform:scale(1.5); transform:scale(1.5)     }
}
@keyframes pulse-animation{
    0%{opacity:1; -webkit-transform:scale(1); transform:scale(1)     }
    100%,50%{opacity:0; -webkit-transform:scale(1.5); transform:scale(1.5)     }
}

#mobile-footer{display:none}
@media (max-width:768px){
.new-features{line-height: inherit; width: 70px;     height: 70px;}
	.logobox img{ margin:0 auto; display:block;}
	#headerBg h2 { 		float:none;     text-align: center; }
.text-right {      text-align: center;     line-height: 0px;  }
#footerBg{    padding-bottom: 80px;}

.footerLinks { width:62%; margin-left: 20%; text-align: center;}

.textbox {width: 95%; margin-left: 2%;}

.avboximg img{ margin-top:20px;}

.service_subText { width:100%;}
.clientslist ul li {width: 100%;}
.servicesbox {border-radius: 15px ;}
.productLinks {padding-bottom: 38px;}
.list-cont span a { padding-left:5px;}

.home-page-popup{ top: 5%;}
#mobile-footer {position: fixed; left: 0; bottom: 0; box-sizing: border-box; display: block; opacity: 1; width: 100%; z-index: 9998;} 	
#mobile-footer-bar {background-color:#195b73; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px;  overflow: hidden; width: 100%;  border-top: 2px solid red;} 
#mobile-footer ul {-webkit-box-sizing: border-box; box-sizing: border-box; line-height: 0; list-style-type: none; margin: 0; padding: 0; position: relative; text-align: center; width: 100%; }  
#mobile-footer ul li {-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 20px; text-align: center; height: 60px; width: 30%; } 
.borderleft{border-left:2px solid #333} 
.borderright{border-right:2px solid #333 } 

#mobile-footer ul li a {color: #fff; cursor: pointer; display: block; height: 100%; position: relative; z-index: 9998; font-weight:600 } 
.fa-stack-text {position: relative; display: inline-block; line-height: 50px; vertical-align: middle; font-size: 16px; }
.fa-stack {position: relative; display: inline-block; line-height: 50px; vertical-align: middle; } .fa-stack .fa-whatsapp{color:#25D366;} .screen-content {overflow: hidden;  clip: rect(1px,1px,1px,1px);     position: absolute!important; width: 1px; height: 1px; margin: -1px; padding: 0;border: 0; word-wrap: normal!important; clip-path: inset(50%); }
	
	}

@media (max-width:667px){.footerLinks {  width: 70%;margin-left: 13%;}.nav .left li a {margin-right:0px;} .list-cont span a { padding-left:0px;}}
@media (max-width:640px){.footerLinks {  width: 75%;margin-left: 13%;}}
@media (max-width:480px){.footerLinks {  width: 96%;margin-left:1%;}.nav .left li a {font-size: 13px; padding: 3px 20px;}}
@media (max-width:360px){.aboutbox h2 {width: 300px;} .boxleft h1 {width: 300px;}.footerLinks {  width:75%;}}
@media (max-width:320px){.footerLinks {  width: 85%; margin-left: 8%;}.aboutbox h2 {width:270px;} .boxleft h1 {width:270px;}}