@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

@font-face {
    font-family: 'stencilregular';
    src: url('../fonts/stencil_regular-webfont.woff2') format('woff2'),
         url('../fonts/stencil_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* CSS Document */
body {
  background-color: #000;
  margin: 0px auto;
  padding: 0px auto;
  font-family: 'Libre Baskerville', serif;	
  font-weight: 400;
  font-size:18px;
  color:#fff;
 
}

h1, h2, h3, h4, h5, h6{ font-weight: 400; line-height: 1.25; }
p{text-align:justify;}	
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 2px;
    margin-top: 2px;
}
h1{font-size:1.8em !important;}
h2{font-size:1.5em !important;}


.mt10{margin-top:10px !important;}
.has-error{
	color:#F00;	
}
.img-responsive{ margin:0px auto; }
.color-red{color:#E33E33;}
.color-blue{color:#013283;}
.color-green{ color:#0F0;}
.color-yellow{ color:#FEFE00;}
.color-white{color:#fff;}

.text-bold{font-weight: bold;}

.header img{
	width:100%;
}

.header-logo a{
	display: block;
}
.mobile-header{
	background:#222;
	  color:#fff;
	  text-align:center;
	  display:none;	
	  font-size:18px;
	  font-weight:bold;
}
.headercaption{
	background: #FEFE00;
	text-align:center;
}

.headercaption a, .headercaption img{
	display: block;
	margin: 0px auto;
}
.navbar{
	margin-bottom:0px;	
	border:none;
	border-radius:0px;
	border-bottom:none;	
	background: #414141;	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:#222;
	color:#fff;
	border-bottom:2px solid #0F0;	
}

.navbar-default .navbar-nav > li > a{
	color:#fff;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;	
}

@media (min-width: 768px) {
  .nav > li > a {
    display: block;
    padding: 10px 7px;
    position: relative;
}
}



@media (min-width: 1024px) {
  .nav > li > a {
    display: block;
    padding: 10px 32px;
    position: relative;
}
}



.dropdown-menu {
    font-size: 20px;
    list-style: outside none none;
}

.dropdown-menu > li > a{
	font-size:14px;
	font-weight: bold;
}
.banner{
	border:1px solid #000;
	background:#000;	
}
.banner .banner-award img{
	width:100%;	
}
.banner-iso{
	text-align:center;	
}



.banner-iso .iso{
	width:170px;
	max-width:100% !important;
	margin-top:10px;
	margin-bottom:10px;	
}

@media (max-width: 992px) {
  .banner-iso .iso{
	width:150px !important;	
	margin-top:10px;
	margin-bottom:0px !important;	
}
}



.eye-services{
	background: #383A3C;
}
.eye-services img{
	width:100%;	
}
.flags{
	height:33px;
	overflow:hidden;
}	

.page-header{
	text-align:center;
}

.page-header h1{
	margin-top:0px;
}
.map-image{
	width:200px;	
	max-width:100%;	
}
.contact-image{
	width:200px;
	max-width:100%;	
}


.intro{
	margin:15px 0px 20px 0px;
}
.intro h1{
	margin-bottom: 30px; font-size: 32px !important;
}
.beware{
	margin:0px 0px;
}

.services h1, .cases-done h1, .spyproducts h1, .why-famous h1{
	text-align:center;
	 font-style: italic;
	
}

.text-stencil{
 font-family: 'stencilregular'; text-transform: uppercase; font-weight: normal; font-style: normal;
}
.services h2{
	text-align:center;
	text-decoration:underline;
}

	
		
.operations{
	 background:#414141;	
	 text-align:center;		
	 width:100%;
	 color:#fff !important;	
	 padding:20px 20px 40px;
	 font-weight: 300;	
	 font-size:14px;	
	
}

.thumbnail:hover{
	background:#f1f1f1;
	cursor:pointer;
}

.thumbnail .caption{
	text-align:center;
	font-weight:bold !important;
}

.caption h5{
	height: 30px;
}

.cases-done h3, .cases-done h4{
	text-align:center;
	margin:0px;
}


.famous-list{
	font-style:italic;	
	color:#fff;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:20px;
}	

.famous-list li{
	margin-bottom: 5px;
}
.membership{
	margin:50px 0px;
	
}
.membership-inner{
	border:1px solid #fff;
	border-radius: 10px;
	padding: 0px 20px;
	background: #414141;
}
.membership-details{
	font-size:20px;	
margin-bottom:20px;
}
.membership-details ul{
	list-style: none;
	margin:0px;
	padding: 0px;
}
.membership-details ul li{
	margin-bottom: 8px;
}

.membership-inner .col-md-4 a{
	display: block;
	margin-bottom: 20px;
}
.membership-details img{
	width:30px;
	vertical-align: top;
}

.footer{
	background:#000;
	color:#FFF;
}

.footer p{
	padding:10px;
	color:#fff;
font-size:14px;
	text-align:center;	
	margin-bottom:0px;
}
.operations a{
color:#fff;	
}

.operations a:hover
{
	color:#ff9933;
	text-decoration:none;

}
.footer a:hover{color:#fff;}

.footer-content p{
	font-style:italic;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.control-label a{
	color: #fff;
}
.maincontent{
	padding-bottom: 50px;
}
address{
	color: #000;
}

.left-image-sidebar{
	padding:10px;
	border:1px solid #f00;
	border-radius:5px;	
	font-weight:bold;
}

.left-image-sidebar img{
	width:250px;
	max-width:100%;	
}

.left-image-sidebar a{
	display: block;
	color: #fff;
}

.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
}
.nav-tabs > li{
	margin-bottom:10px;	
}

.nav-tabs > li > a {
	padding:0px !important;		
}


.portlet {
    border:1px solid #555;
	padding:0px 0px;
	margin:10px 0px;
	margin-bottom:30px;
}
.portlet-title {
    background-color: #555555;
	color:#fff;
	padding:10px;
	font-size:20px;
	font-weight:bold;
}
.portlet-body{
	padding:10px;	
}

.img-title{
	font-size:20px;
	font-weight:bold;	
	
}
.accordion-group{
	margin-bottom:10px;	
}

.accordion-heading {
    background: none repeat scroll 0 0 #222;
	padding:10px;	

}

.accordion-heading a{
	color:#fff;
	 display: block;
	 outline:none;
}

.accordion-body{
	padding:10px;
	border:1px solid #222;	
}

/* CSS used here will be applied after bootstrap.css */
.carousel {
    margin-top: 20px;
}
.item .thumb {
	width: 25%;
	cursor: pointer;
	float: left;
}
.item .thumb img {
	width: 100%;
	margin: 2px;
max-height:250px;
}
.item img {
	width: 50%;
	max-height:500px;	
}

.item-para{ text-align:center; font-weight:bold;}
.t1{ color:#FEFE00;}
.sitemap-label{display:block; color:#f00;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
color:#f00;
}
.carousel-control{ width:5%;}

.newsclips a{color:#000;} 

 .footer-history p, .footer-history h3, .footer-history h2, .footer-history li {
    font-size: 10px !important;
}  


/*Styles 9-8-2020*/
.header{background: #000;}
 .header a:hover{text-decoration: none; color: #fff;}
 .header  a:active,  .header a:focus{text-decoration: none, color: #fff;}
 .dropdown-menu{z-index: 99999}

.header-conatact{
	padding:15px 5px;
}
.call-text{
	color: yellow;
	font-size: 22px;
}
.call-link1{
	color:#fff !important; 
	font-style: italic
}
.call-img{
	width: 35px !important; text-decoration: none !important; vertical-align: top;
}

.call-link2{
	color:#fff !important; text-decoration: none !important; margin-left:62px; font-style: italic
}

.header-conatact h2{
	margin:0px;
	margin: 0px;
    font-size: 24px !important;
    font-weight: bold;
    line-height: 34px;

}
.header-conatact h3{
	margin:0px; margin-top: 5px; font-size: 22px;

}
.mail-link{
	color:#32CD32; font-style: italic;     font-size: 18px;
    font-weight: bold;
}

.joinh2{
	padding:5px 0px 5px;
	margin:0px;
}

@media (max-width: 1199px) { 
	.call-link2 {
	    color: #fff;
	    margin-left: 0px;
	}

}

@media (max-width: 991px) { 
	.header .header-logo a{
		display: block;
		text-align: center;
	}
	.header .header-logo img{
		max-width: 550px;
		display: block;
		margin:0px auto;
	}
	.header-conatact{
	    text-align: center;
	}
	.header-conatact h2{
		line-height: 0.5;
	}
 	.call-text {	  
	    font-size: 16px;
	}

	.call-link1, .call-link2{
	    font-size: 36px;
	    line-height: 1.1;
	}
	.call-img {
    	width: 20px !important;
    	margin-left: 2px;
	}
	.call-link2 {
	    color: #fff;
	    margin-left: 0px;
	}
	.header-conatact{
		padding-top:0px;
	}
	.header-conatact h4, .header-conatact h3{
		margin:2px;
	}
	.header-conatact h3 {
		font-size: 26px;
	}
	.contact-image, .map-image, .img-responsive{
		margin: 0px auto;
	}


}

@media (max-width: 480px) { 

h1, .intro h1{
	font-size: 1.5em !important
}
h2{
	font-size: 1.2em !important;
	line-height: 1.3;
}

.Copyright{
	padding-bottom: 30px !important;
	padding-right:30px !important;
}
.footer-notes h3{
	font-size: 18px !important;
}
	p {
    text-align: left;
    font-size: 16px;
   /* font-family: 'Open Sans', sans-serif;*/
   }
	.navbar-nav {
	    margin: 7.5px 10px;
	}
	.navbar-toggle{
		padding: 10px 5px;
	}
	.contact-image, .map-image, .img-responsive{
		margin: 0px auto;
		display: block;
	}

	.header .color-yellow{
		color: yellow;
		margin:0px;
		padding: 0px;
		margin-top:5px;
		margin-bottom: 5px;
		font-size: 26px;
	}
	.call-link1, .call-link2 {
    	font-size: 30px;
    	margin:0px;
    	line-height: 1.2;
	}
	.header-conatact h3{
		font-size: 24px;
	}

	.membership-inner{
		padding: 0px 10px;
	}

	.membership-inner h3{
		font-size:20px;
	}

	.membership-details, .famous-list{
		font-size: 18px;
	}
	.membership-details img{
		width:20px;
	}

}


/* banner slidr *

********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 70vh;
}
.carousel-control{
	z-index: 99999;
}
.fade-carousel .carousel-inner .item {
    height: 70vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;   
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
   /* text-transform: uppercase;*/
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em; 
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 1s all ease-in-out .1s;
       -moz-transition: 1s all ease-in-out .1s; 
        -ms-transition: 1s all ease-in-out .1s; 
         -o-transition: 1s all ease-in-out .1s; 
            transition: 1s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 1s all ease-in-out .1s;
       -moz-transition: 1s all ease-in-out .1s; 
        -ms-transition: 1s all ease-in-out .1s; 
         -o-transition: 1s all ease-in-out .1s; 
            transition: 1s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #fff;
    background-color: red;
    border-color: red;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide{
  height: 70vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url('../images/slider/banner1.jpg'); 
}
.fade-carousel .slides .slide-2 {
  background-image: url('../images/slider/banner2.jpg'); 
}
.fade-carousel .slides .slide-3 {
  background-image: url('../images/slider/banner3.jpg'); 
}
.fade-carousel .slides .slide-4 {
  background-image: url('../images/slider/banner4.jpg'); 
}
.fade-carousel .slides .slide-5 {
  background-image: url('../images/slider/banner5.jpg'); 
}
.fade-carousel .slides .slide-6 {
  background-image: url('../images/slider/banner6.jpg'); 
}
.fade-carousel .slides .slide-7 {
  background-image: url('../images/slider/banner7.jpg'); 
}
.fade-carousel .slides .slide-8 {
  background-image: url('../images/slider/banner8.jpg'); 
}


/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 3.5em; line-height: 35px; }  

    .hero { width: 75%; }
    .fade-carousel ,  .fade-carousel .carousel-inner .item {
    	 height: 55vh;
    } 
    .fade-carousel .slides .slide{    	
  		background-position: right;
    }
}