@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');

body 
 {
	 padding:0;
	 margin:0;
	  font-family: 'Ubuntu', sans-serif;
	 font-size:14px;
	 color:#212121;
	 }
h1,h2,h3,h4,h5,h6
 {
	 
    font-family: 'Ubuntu', sans-serif;

	 }
h1 
 {
	 font-size:26px;
	 }
h2 
 {
	 font-size:24px;
	 }
h3 
 {
	 font-size:22px;
	 }
h4 
 {
	 font-size:20px;
	 }
h5 
 {
	 font-size:18px;
	 }
h6 
 {
	 font-size:16px;
	 }
ul,li 
 {
	 list-style:none;
	 padding:0;
	 margin:0;
	 }
a 
 {
	 color:#d96a3c;
	 }
a:hover ,a:focus
 {
	 text-decoration:none;
	 outline:0;
	 color:#dc9358;
	 }
p 
 {
	 }
address 
 {
	 }
.clear 
 {
	 clear:both;
	 }
.tpad 
 {
	 padding-top:10px;
	 }
.rpad 
 {
	 padding-right:10px;
	 }
.bpad 
 {
	 padding-bottom:10px;
	 }
.lpad 
 {
	 padding-left:10px;
	 }
.tbpad 
 {
	 padding-top:10px;
	 padding-bottom:10px;
	 }
.rlpad 
 {
	 padding-right:10px;
	 padding-left:10px;
	 }
.trblpad 
 {
	 padding:10px;
	 }
.tpad-20 
 {
	 padding-top:20px;
 }
 .bpad-20 
 {
	 padding-bottom:20px;
 }
.tspace 
 {
	 padding-top:30px;
	 }
.bspace 
 {
	 padding-bottom:30px;
	 }
.tbspace 
 {
	 padding-top:30px;
	 padding-bottom:30px;
	 }
.marg-0 
 {
	 margin:0;
 }
.fw7 
 {
	 font-weight:700;
 }
 .relative 
  {
	  position:relative;
  }
 .absolute 
  {
	position:absolute;
  }
 .v-align-middle 
  {
	  top:50%;
	  -webkit-transform:translateY(-50%);
	  -moz-transform:translateY(-50%);
	  -ms-transform:translateY(-50%); 
	  -o-transform:translateY(-50%); 
	  transform:translateY(-50%);
  }
 .radius-2 
  {
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	-ms-border-radius:2px; 
	-o-border-radius:2px; 
	border-radius:2px;  
  }
.radius-25
  {
	-webkit-border-radius:25px; 
	-moz-border-radius:25px; 
	-ms-border-radius:25px; 
	-o-border-radius:25px; 
	border-radius:25px;  
  }
.radius-50
  {
	-webkit-border-radius:50%; 
	-moz-border-radius:50%; 
	-ms-border-radius:50%; 
	-o-border-radius:50%; 
	border-radius:50%;  
  }
.rHeading >h2
 {
	padding-right:20px; 
 }
.rHeading  hr 
 {
	 width:100%;
	 height:1px;
	 background:#000;
	 line-height: inherit;
	 margin:0;
	 border:none;

 }
.rHeading  h2 
 {
	 z-index:9;
	 position:relative;
	 display:inline-block;
 }
 .rHeading  h2:after 
  {
	  content:'\f04d';
	  position:absolute;
	  font-family:fontAwesome;
	  font-size:14px;
	  color:#01aded;
	  right:0;
	  top:50%;
	   -webkit-transform:translateY(-50%);
	  -moz-transform:translateY(-50%);
	  -ms-transform:translateY(-50%); 
	  -o-transform:translateY(-50%); 
	  transform:translateY(-50%);
	  margin-left:10px;
  }
  .lHeading  
   {
	 display:inline-block;  
   }
 .lHeading h2
  {
	  margin-left:100px;
  }
  .lHeading  h2:before  
   {  
   content:'\f04d';
	  position:absolute;
	  font-family:fontAwesome;
	  font-size:14px;
	  color:#01aded;
	  top:50%;
	   -webkit-transform:translateY(-50%);
	  -moz-transform:translateY(-50%);
	  -ms-transform:translateY(-50%); 
	  -o-transform:translateY(-50%); 
	  transform:translateY(-50%); 
	  left:-10px;
   }
   .lHeading  h2:after 
    {
		display:none;
		
	}
.sline_txt 
 {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
 }
 .text-sky-blue 
  {
  color:#01aded;
  }
 .text-gray
  {
	  
  }
.bg-white 
 {
	 background:#fff;
 }
.bg-light-sky
 {
	 background:#e8f5fd;
 }
.img-full 
 {
	 width:100%;
 }
.readMore a
 {
	 border-bottom:1px solid #999;
	 display:inline-block;
	 font-weight:bold;
 }
.readMore  a >i 
 {
	 border-right:1px solid #999;
	 border-left:1px solid #999;
	 border-top:1px solid #999;
	 padding:5px 8px;
	 font-size:15px;
 }
 .readMore  a 
  {
	  color:#999;
  }
 .readMore  a:hover 
    {
		color:#01aded;
		border-bottom:1px solid #01aded;
	}
.readMore  a:hover >i  
 {
	 border-right:1px solid #01aded;
	 border-left:1px solid #01aded;
	 border-top:1px solid #01aded; 
 }
.ser-thumb 
 {
	position: relative;
    transition: all 1s ease 0s;
	padding-top:10px;
	padding-bottom:10px;	
 }
 .ser-thumb1
 {
	position: relative;
    transition: all 1s ease 0s;
	padding-top:10px;
	padding-bottom:10px;	
	padding-left:100px;
 }
.ser-thumb >i 
{
	font-size:30px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	width:40px;
	height:40px;
	text-align:center;
}
.ser-thumb h3  
 {
	 text-transform:uppercase;
	 margin:10px 0;
	 font-size:16px;
	 min-height:36px;
 }
.ser-thumb-hover
 {
	background: rgba(1,173,237, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    margin-left: -100%;
    position: absolute;
    top: 0;
    transition: all 1s ease 0s;
    width: 100%;
 }
 .ser-thumb-hover > a 
  {
	  background:#fff;
	  padding:5px 10px;
	  color:#333;
	  left:0;
	  right:0;
	  display:inline-block;
	  margin:0 auto;
	  width:100px;
  }
.ser-thumb:hover .ser-thumb-hover
 {
    margin-left:0;
 }
.servicesList 
 {
	 margin-left:-1%;
 }
 .servicesList li 
  {
	float:left;
	width:32%;
	margin-left:1%;
	overflow:hidden;
	margin-top:10px;
	min-height:210px;
  }
.view-more 
 {
	 background:#01aded;
	 width:90%;
	 padding:10px;
	 color:#fff;
	 font-weight:bold;
	 text-transform:uppercase;
	 display:inline-block;
 }
.wt-we-do-img 
 {
	padding-top:150px; 
 }
.what-we-do 
 {
	background:url("../images/cipher-hub-bg-1.jpg") no-repeat;
	background-size:cover;
	padding:100px 0;
 }
/**************************** HEADER START HERE *************************** */
#header 
 {
	position:absolute;
    top:0;
	right:0;
	left:0;
  
 }
.right-menu >li >a 
 {
	 padding:19px 10px;
	 }
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #265e9b ;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
	z-index:999;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s;

}
.sidenav a:hover{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.cp-slide  .carousel-indicators:after 
 {
	content:'\f0da';
font-size:24px;
font-family:fontAwesome;
color:#000;	
 }
.cp-slide  .carousel-indicators 
 {
	 right:inherit;
	 margin:0;
	 padding-left:10%;
	 border-top:1px solid #000;
 }
.cp-slide .carousel-indicators li
 {
	text-indent: inherit;
	height:inherit;
	background:none;
	width:auto;	
	cursor:pointer;
	color:#fff;
	font-size:16px;
	padding:5px 10px;
	max-width:100%;
 }
 .cp-slide .carousel-indicators li.active 
  {
	color:#42c8fb;  
  }
 .cp-slide .carousel-caption
  {
	left:auto;
	right:50px;
	bottom:50px;
	text-align:right;	
  }
 .cp-slide .carousel-caption h3 
  {
	font-size:40px;  
  }
 .cp-slide .carousel-caption p 
  {
	font-size:16px;  
  }
 .sl-mor 
  {
	background:#42c8fb;
    padding:0 20px 0 36px;
	color:#fff;	
	min-height:34px;
	min-width:120px;
	display:inline-block;
  }
.sl-mor >i
   {
	   width:28px;
	   height:28px;
	   text-align:center;
	   border-radius:50%;
	   background:#fff;
	   position:absolute;
	   left:3px;
	   top:3px;
	   color:#42c8fb;
	   padding-top:7px;
   }
 .sl-mor >span 
  {
	 top:50%;
	 -webkit-transform:translateY(-50%); 
	 -moz-transform:translateY(-50%); 
	 -ms-transform:translateY(-50%); 
	 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
	 right:16px;
position:absolute;	 
  }
 .sl-mor:hover 
  {
	color:#fff;  
  }
.slide-title 
 {
	 left:0;
	 right:0;
	 top:50%;
	 -webkit-transform:translateY(-50%); 
	 -moz-transform:translateY(-50%); 
	 -ms-transform:translateY(-50%); 
	 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
	 color:#fff;
 }
.rout_list li
 {
	float:left; 
 }
 .rout_list li a 
  {
	  padding:10px;
	  display:inline-block;
	  color:#212121;
  }
  .rout_list li:before 
   {
	   content:'\f101';
	   font-family:fontAwesome;
   }
 .rout_list li:first-child:before 
  {
	display:none;	  
  }
 .rout_list li:first-child a  
  {
	  padding-left:0;
  }
 .rout_list li:last-child a 
  {
	  color:#999;
  }
/* Background images are set within the HTML using inline CSS, not here */
.homeHeader 
 {
	 position:absolute;
	 top:0;
	 right:0;
	 lefgt:0;
	 margin:0 auto;
	 width:100%;
	 z-index:99;
	 background:#fff;
	 }
/**************************** VIDEO START HERE *************************** */

/**************************** MIDDLE PANEL START HERE *************************** */
#middlePanel 
 {
	
	 }
.pro-list 
 {
	 padding-left:20px;
	 display:inline-block;
 }
.pro-list li 
 {
	 float:left;
	 width:50%;
	 list-style:square;
 }
 .pro-list li  a
  {
	  color:#333;
	  padding:5px 0;
	  display:inline-block;
	  text-transform:uppercase;
  }
   .portfolioList 
    {
		margin-left:-15px;
	}
 .portfolioList li 
  {
	  margin-left:15px;
  }
 .owl-theme .owl-controls .owl-page span 
  {
	border-radius:0;  
  }
 .image-border 
  {
	  padding:20px;
	  position:relative;
  }
  .image-border-right,.image-border-left 
   {
	position:absolute;
	background:#000;
	width:150px;
	height:1px	
   }
 .image-border-top,.image-border-bottom  
  {
	position:absolute;
	background:#000;
	height:150px;
	width:1px	  
  }
  .image-border-top 
   {
	   top:0;
	   right:0;
   }
 .image-border-bottom  
  {
	 bottom:0;
left:0;	 
  }
  .image-border-right
  {
	top:0;
	right:0;  
  }
.image-border-left 
 {
	bottom:0;
	left:0;  
 }
 .cipherCarousel .carousel-caption
  {
	left:50px;
	right: inherit;
	text-align:left	
  }
  .cipherCarousel .carousel-caption >h3 
   {
	   font-size:40px;
	   line-height:50px;
   }
 .sub-menu 
  {
	 float:left;	 
	 width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: -ms-calc(100% - 300px);
width: -o-calc(100% - 300px);
width: calc(100% - 300px);
background: #fff
  }
  .sub-menu >ul>li 
   {
	   float:left;
	   padding:2px;
   }
   .sub-menu >ul>li:before 
    {
		content:"\f101";
		font-family:fontAwesome;
	}
 .sub-menu >ul>li:first-child:before  
  {
	  display:none;
  }
    .sub-menu >ul>li  a 
	 {
	padding:5px;
	display:inline-block;
	font-size:16px;
	color:#333;		 
	 }
 .topSearch 
  {
	  position:absolute;
	  right:15px;
	  top:0;
	  background:#dbdbdb;
	  width: 300px;
  }
 .topSearch input 
   {
	   border-radius:25px;
	   border:1px solid #fff;
	   padding:6px;
	   margin:1%;
	   width:98%;
   }
   .topSearch button 
    {
		position:absolute;
		right:6px;
		top:6px;
		background:#01aded;
		border:1px solid #01aded;
		color:#fff;
		border-radius:50%;
		min-height:29px;
		padding:2px 7px;
		cursor:pointer;
		
	}
.top-bar 
 {
	background: #dbdbdb;
padding:2px;
display: inline-block;
width: 100%;
 }
.route-menu li
 {
	float:left;
 }
.route-menu li a
 {
	padding:8px;
	display:inline-block;	
 }
 .route-menu li a 
  {
	  color:#333;
	  font-size:13px;
  }
 .route-menu >li:before 
    {
		content:"\f101";
		font-family:fontAwesome;
	}
 .route-menu >li:first-child:before  
  {
	  display:none;
  }
 .route-menu >li:last-child a 
  {
	  color:#999;
  }
.list-1 li
 {
	list-style:square;
margin:10px;	
 }
 .list-1 li b 
  {
	  font-size:20px;
	  color:#01aded;
  }
  .sideBar-list 
   {
	  margin-bottom:30px; 
   }
 .sideBar-list li
  {
	
	transition: all ease 0.5s;
	
  }
.sideBar-list li:before 
 {
	 content:'\f054';
	 font-family:fontAwesome;
	 font-size:10px;
	 color:#999;
	 padding-left:10px;
 }
.sideBar-list li:nth-child(odd)
 {
	 background:#f5f5f5;	
 }
.sideBar-list li:nth-child(even)
 {
	 background:#f9f9f9;	
 }
.sideBar-list li a 
 {
	color:#212121;
	padding:5px;
	display:inline-block;	
 }
.sideBar-list li:hover , .sideBar-list li.active
 {
	background:#01aded; 
 }
 .sideBar-list li:hover:before ,.sideBar-list li.active:before 
  {
	color:#fff;  
  }
 .sideBar-list li:hover  a  , .sideBar-list li.active  a 
  {
	  color:#fff;
  }
 .contentPanel 
  {
	padding-bottom:30px;  
  }
.contentPanel h3 ,.contentPanel h4 ,.contentPanel h5
 {	
margin-bottom:0;	
 }
.c-lst-1 
 {
	padding-left:14px; 
 }
.c-lst-1 li:before
 {
	content:'\f18e';
	font-family:fontAwesome;
	margin-left:-20px;	
	padding-right:10px;
 }
.c-lst-1 li 
 {
	padding:5px; 
 }
.bx-1 
 {
	 background:#fff;
	 padding:10px;
	 border-left:4px solid #01aded;
 }
.bx-1 a 
 {
	color:#01aded; 
 }
/**************************** FORM START HERE *************************** */

/**************************** LIST START HERE *************************** */

/**************************** FOOTER START HERE *************************** */
.footer 
 {
	 background:#333 url(../images/footer-bg.png) repeat 0 0;
 }
.fot-box 
 {
	 color:#EBEBEB;
 }
.fot-links li:before
 {
	 content:"\f101";
	 position:relative;
	 font-family:fontAwesome;
	 color:#EBEBEB;
 }
.fot-links li a 
 {
	color:#EBEBEB;
display:inline-block;
padding:4px;
transition: all ease 0.5s;	
 }
.fot-links li a:hover 
 {
	padding-left:10px;
color:#01aded;	
 }
 .fot-s-links 
  {
	  display:inline-block;
	  padding:10px 0;	
  }
.fot-s-links li 
 {
	 float:left;
	 margin-left:10px;
 }
 .fot-s-links li:first-child 
  {
	  margin-left:0;
  }
.fot-s-links li a 
 {
	color:#EBEBEB;
border:1px solid #212121;
width:30px;
min-height:30px;
display:inline-block;
text-align:center;
position:relative;
transition: all ease 0.5s;		
 }
 .fot-s-links li a:hover 
  {
	background:#01aded;  
  }
.fot-s-links li a >i 
 {
	 position:absolute;
	 top:50%;
	 transform:translateY(-50%);
	 -webkit-transform:translateY(-50%); 
	 -moz-transform:translateY(-50%); 
	 -ms-transform:translateY(-50%); 
	 -o-transform:translateY(-50%); 
	 right:0;
	 left:0;
	 margin:0 auto;
 }
.fot-copy 
 {
	color:#EBEBEB; 
 }
.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.animatefoot 
 {
	border-bottom:2px solid #EBEBEB; 
	height:100px;
	width:100%;
 }
 .show767
   {
	   display:none!important;
   }
.wt-we-do-pic 
 {
	position:absolute;
    top:50%;
	-webkit-transform:translateY(-50%);	 
	-moz-transform:translateY(-50%);	 
	-ms-transform:translateY(-50%);	 
	-o-transform:translateY(-50%);	
    transform:translateY(-50%);	
 }
.tooltip-inner{ color:#fff; background-color:#01aded;}
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #01aded;
}
.lMap iframe
 {
	border:none;
	width:100%;	
 }
.img-tmb 
 {
	 width:100%;
	 background:#cdeefb;
	 display:inline-block;
	 padding:2px;
	 height:100%;
	 transition:all ease 1s;
 }
.tmb-img 
 {
	float:left; 
	width:150px;
	border:0px solid #fff;
 }
 .tmg-des 
  {
	overflow:hidden;
	padding-left:20px;
	padding-top:45px;
	height:100%;
	position:relative;
	font :bold 15px Arial;
  }
  .dlink 
   {
	   position:absolute;
	   top:120px;
	   margin-top:2%;
	   right:0;
	   left:0;
	   margin:0 auto;
	   text-align:center;
   }
   .dlink1 
   {
	   position:absolute;
	   bottom:11%;
	   margin-top:2%;
	   right:0;
	   left:0;
	   margin:0 auto;
	   text-align:center;
   }
   .button {
  font: bold 15px Arial;
  text-decoration: none;
  color: #4286f4;
  padding: 8px 8px 4px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 0px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 0px solid #CCCCCC;
}
   .dlink >a 
    {
		background:#01aded;
		padding:5px 10px 5px 30px;
		position:relative;
		min-height:26px;
		color:#fff;
		font-size:14px;
	}
   .dlink >a >i 
    {
	 position:absolute;
	left:2px;
	top:2px;
	background:#fff;
	min-height:24px;
	width:24px;
	padding-top:4px;
	color:#01aded;	
	}
.img-tmb:hover 
 {
	 background:#01aded;
 }
 .img-tmb:hover  .tmg-des  
  {
	color:#fff;  
  }