/*Vertical Flip*/
.verticalFlip{
	display:inline;
	font-weight:300;
	font-size: 39px;
	line-height: 40px;
}
.verticalFlip span{
	animation:vertical 12.5s linear infinite 0s;
	-ms-animation:vertical 12.5s linear infinite 0s;
	-webkit-animation:vertical 12.5s linear infinite 0s;
	color:orange;
	opacity:0;
	left:0; right:0;
	overflow: hidden;
	position: absolute;
}

.verticalFlip span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.verticalFlip span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.verticalFlip span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.verticalFlip span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*Vertical Flip Animation*/
@-moz-keyframes vertical{
	0% { opacity: 0; display: none;}
	5% { opacity: 0; display:none; -moz-transform: rotateX(180deg); }
	10% { opacity: 1; display:block; -moz-transform: translateY(0px); }
	25% { opacity: 1; display:block;-moz-transform: translateY(0px); }
	30% { opacity: 0; display:none;-moz-transform: translateY(0px); }
	80% { opacity: 0; display:none;}
	100% { opacity: 0; display:none;}
}
@-webkit-keyframes vertical{
	0% { opacity: 0; display:none;}
	5% { opacity: 0; display: none; -webkit-transform: rotateX(180deg); }
	10% { opacity: 1; display: block; -webkit-transform: translateY(0px); }
	25% { opacity: 1; display: block; -webkit-transform: translateY(0px); }
	30% { opacity: 0; display: none;-webkit-transform: translateY(0px); }
	80% { opacity: 0; display: none;}
	100% { opacity: 0; display: none;}
}
@-ms-keyframes vertical{
	0% { opacity: 0; display:none;}
	5% { opacity: 0; display:none; -ms-transform: rotateX(180deg); }
	10% { opacity: 1; display: block; -ms-transform: translateY(0px); }
	25% { opacity: 1; display:block; -ms-transform: translateY(0px); }
	30% { opacity: 0; display:none; -ms-transform: translateY(0px); }
	80% { opacity: 0; display:none;}
	100% { opacity: 0; display:none;}
}

/*for video layout css*/
#overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #ccd5de;
    z-index: 9999999;
}
#video-container {
    position: absolute;
    top: 0;
    overflow: hidden;
    display: none;
    z-index: -9999;
		width: 1350px;
		height: 582px;
}
.close-video {
	width: 30px;
	height:30px;
}
#video-controls {
    position: absolute;
    top:0;
    right:0;
    display: none;
    z-index: 99999;
    margin: 20px;
    width: 30px;
    height: 30px;
    color: #fff;
		background-color: orange;
		background-position: center;
    font-size: 20px;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.glyphicon:empty {
    width: 1em;
}
.slide-first {
	height:600px !important;
}
#enpass1 {
		background: #333 url('https://www.enpass.io/static/media/uploads/newhomepage/main/header.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
		background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
		padding:0;
}
.slide-section {
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.on-center {
      padding: 0px 15px;
			color:#fff;
      position: absolute;
      z-index: 100;
      display: block;
      width: 100%;
      text-align: center;
      left: 0;
      bottom: 70px;
      right: 0;
      margin: auto;
      overflow: hidden;
}
.sz-headline {
    letter-spacing: 0.09px;
}
#center-content h1 {
	font-weight: 300;
	 margin-top:0px;
	 margin-bottom:0px;
}
#center-content h3 {
	font-weight: 300;
    color: #fff;
    margin: 0 0 36px 0px;
    padding: 0;
}
#center-content p {
	 margin:0;
	 text-align:center;
}
#center-content #play-button {
    display: inline-block;
    width: 102px;
    height: 102px;
    margin: 76px 0px 31px 0px;
    background: url('https://www.enpass.io/static/media/uploads/newhomepage/video/play_off.png') no-repeat;
    background-size: 102px 102px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
.video_download {
  color: #fff;
	font-size: 16px;
  background-color:#18bc9c;
  border-color:#18bc9c;
  text-transform:uppercase;
  padding:15px 64px;
  border-radius:4px;
  line-height:27px;
	font-weight: 300;
}
.video_download:hover {
 background-color: #128F76;
 border: 1px solid #11866f;
 color: #fff;
 text-transform:uppercase;
 padding:15px 64px;
 border-radius:4px;
 line-height:27px;
}
.video-filter {
    margin: 0;
		height: 600px;
    background: rgba(0,0,0,0.75);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}


/******************************************for platform layout css***************************************/
#platform_top {
	background-color: rgba(234,234,234,1);
}
#platform_row.row {
  margin-top: 30px;
}
.platform {
	margin-bottom: 30px;
}
.platform-link a:hover {
	color: #404040;
}
.platform-link p {
  margin:0;
}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon-sz {
	font-size: 45px;
}
.icon-linux:before {
  content: "\e900";
}
.icon-android:before {
  content: "\e901";
}
.icon-new-blackberry:before {
  content: "\e902";
}
.icon-chromebook:before {
  content: "\e903";
}
.icon-ios:before {
  content: "\e904";
}
.icon-MAC:before {
  content: "\e905";
}
.icon-portable:before {
  content: "\e906";
}
.icon-uwp:before {
  content: "\e907";
}
.icon-windows:before {
  content: "\e908";
}


     /************************************  enpass slide story section  ******************************/
#features-free-desktop {
		 background: rgba(47,61,81,1);
		 background: -moz-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 340px, rgba(47,61,81,1) 340px, rgba(47,61,81,1) 100%);
		 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(45%, rgba(47,61,81,1)), color-stop(100%, rgba(47,61,81,1)));
		 background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 340px, rgba(47,61,81,1) 340px, rgba(47,61,81,1) 100%);
		 background: -o-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 340px, rgba(47,61,81,1) 340px, rgba(47,61,81,1) 100%);
		 background: -ms-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 340px, rgba(47,61,81,1) 340px, rgba(47,61,81,1) 100%);
		 background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 340px, rgba(47,61,81,1) 340px, rgba(47,61,81,1) 100%);
}
#feature_autofill {
	background-color:rgba(120,167,196,1);
}
.enpass-feature-autofill, .enpass-feature-everything, .wrap-sub-features {
	padding:90px 0 0px;
}
.side_content_wrap {
	color:#fff;
	padding:100px 0px 0px;
	letter-spacing: 0.5px;
}
.side_content_wrap h2 {
	font-weight: 300;
}
.side_content_wrap p {
	font-weight: 300;
}
.margin-top {
	margin-top: 90px;
}
.table_sub-features {
	display: table;
	position: relative;
}
.box_hor {
	border:none;
	margin-bottom:50px;
}
.box_img {
	display:table-cell;
	vertical-align:top;
	width:22%;
}
.img_subfeatures {
	max-width:64px;
	border:0;
	vertical-align:middle;
	width:100%;
}
.box_content {
	display: table-cell;
	vertical-align: top;
	text-align:left;
  padding-left: 15px;
  padding-right: 15px;
	color:#fff;
}
.box_content h4 {
	font-stretch:normal;
	margin-top:0px;
	font-style:normal;
	font-weight: 300;
}
.box_content p {
	letter-spacing:0.5px;
	margin:0px;
	font-weight: 200;
}
@media (max-width: 767px) {
	.side_content_wrap {
		color:#fff;
		padding:0px;
		margin-bottom: 65px;
	}
}
#slide_compare {
	background-color: #eaeaea;
}
#left.card-other {
	left:0%;
	margin: 30px 0px 30px 0;
	border: none;
	box-shadow: 0 0px 3px 0 rgba(134, 134, 134, 0.7);
	background-color: #fff;
	border-top: 3px solid #393939;
	color: #000;
	line-height: 27px;
}
#right.card-other {
	right: 0%;
	margin: 30px 0px 0px 0;
	border: none;
	box-shadow: 0 0px 3px 0 rgba(134, 134, 134, 0.7);
	background-color: #fff;
	border-top: 3px solid #393939;
	color: #000;
	line-height: 27px;
}
#card-main.card-enpass {
	z-index: 1000;
	line-height: 27px;
	padding: 10px 0 0px 0;
	border: none;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	background-color: #393939;
	border-top: 3px solid #18bc9c;
	box-shadow: 0 0px 3px 0 rgba(134, 134, 134, 0.5);
}
.card-top {
	border-bottom:none;
	height:100%;
	padding:2em 0 2em;
	display:table;
	width:100%;
}
.card-top-wrap img {
  vertical-align: middle;
	max-width: 206px !important;
	border: 0;
}
.second-top-title {
	margin-bottom: 0px !important;
	max-width: 100%;
	padding-bottom: 10px;
  text-align: center;
	margin-top: 10px !important;
	word-break: break-word;
}
.card-mid {
	 background-color: #ffffff;
	 border: none;
}
.card-mid-wrapper {
	 border-top: 3px solid #393939;
	 margin:0px !important;
}
.card-mid-wrapper ul {
	padding:0px;
	color: #8e8e8e;
	margin: 24px 0px 0px;
	text-align: center;
	list-style: none;
	font-size: 18px;
}
.card-mid-wrapper ul li {
	padding-bottom: 24px;
}
.card-mid-wrapper ul li span {
	color: #5f5f5f;
	font-weight: 400;
}
#right.card-mid-wrapper {
	 margin-bottom: 0px !important;
	 border-top: 3px solid #393939;
}

.card-enpass-mid {
	 background-color: #393939;
	 border: none;
	 padding: 0 15px;
}
.card-enpass-mid-wrap {
	 margin-bottom: 0px !important;
	 border-top: 3px solid #18bc9c;
}
.card-enpass-mid-wrap ul{
	 padding:0px;
	 color:#fff;
	 margin:24px 0 0px;
	 text-align:center;
	 font-size:18px;
	 list-style:none;
}
.card-enpass-mid-wrap ul li {
	padding-bottom: 24px;
	font-weight: 100;
}
.card-enpass-mid-wrap ul li span {
	font-weight: 400;
}
.card-enpass-down {
	display: inline-block;
	padding: 16px 48px;
	letter-spacing: 0.05px;
	width: 100%;
	min-width: auto;
	border: none;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
	word-break: break-word;
  word-wrap: break-word;
	text-transform: uppercase;
	-webkit-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	box-shadow: 0 1px 2px 0px rgba(0,0,0,.25);
}
.card-top-wrap {
	display: table-cell;
	vertical-align: middle;
}
.card-top_title {
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	max-width: 100%;
	text-align: center;
	word-break: break-word;
}
.card-top-wrap h2 {
	margin: 0;
}
#card-main.card-top-wrap {
	margin-bottom:0px !important;
	display:table-cell;
	vertical-align: middle;
}
.card-other:hover,.card-enpass:hover {
	-webkit-transform: translatey(-7px);
	-moz-transform: translatey(-7px);
	-o-transform: translatey(-7px);
	transform: translatey(-7px);
	transition:all 0.3s ease;
}
@media (max-width: 767px) {
#left.card-other {
	margin:0px;
}
#right.card-other {
	margin:30px 0px;
 }
}
.margin_bottom {
	margin-bottom:70px;
}
.cloud_port_link {
	color: #fff;
	text-decoration: underline;
}
.margin_head_desktop {
	margin:90px 0 30px 0px;
}
.margin_head_top {
	margin:90px 0 65px 0;
}
.pricing-head-platform {
	margin-top:30px;
}
.item_wrapper {
	padding-top: 5px;
}
.block-text {
	background-color:#fff;
	border-radius:3px;
	position:relative;
	width:80%;
	min-height:230px;
	max-width: 300px;
	margin:auto;
	padding: 25px 25px;
	color: #626262;
	font-size: 18px;
	word-break: break-word;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
}
.block-text_xs {
	background-color:#fff;
	border-radius:3px;
	position:relative;
	width:80%;
	min-height:278px;
	max-width: 300px;
	margin:auto;
	padding: 25px 25px;
	color: #626262;
	font-size: 18px;
	word-break: break-word;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
}
.fa-quote-left {
	 text-align:left !important;
}
.tweet {
	color: #585858;
	font-size:20px;
	text-align: center;
	font-style:italic;
	font-weight: 300;
	margin: 0;
	word-break: normal;
}
.sprite-i-triangle {
	bottom:-28px;
	left:10%;
	margin-left: 0px;
	background-position:0 0px;
	height:29px;
	width:66px;
	position: absolute;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAdCAYAAAAejLrKAAAABGdBTUEAALGPC/xhBQAAAyJJREFUWAntlz1v01AUhss3hO+QlqYSEmJAYsjCwMREJjaysNKJDSkSE2LJwtZ/ULF1QerEFIkhA0vEhrowZWFBaRRFTaI0SpzyPpaPdGuSFFrbOFKPdHJv7Ov3vPfx9U28tHQaRxI4oxFnleeVl7vdbuVgQQKveA68Mwfmcuw4BEIq15vN5juxmKSYxwSPeFXGAuKShK8ps41G461AeCmE4eENj4FXPLOaI1sR5yR2UZlR3lSu7OzsvBGIUYpgjPCEt8AjXvGM90hAuI+HrYrbEs/X6/XXAjFMAYwhXvCkxBsrN7waTrRHSM/fZBCB7AUlzx3P3x3lWq1WezWZTAb/Cwa18YCXwJPtDXjFM95PDEEafpgYS8xg+PuFvq9Vq9WXnuf1koZBTWrjQWn7AjcKj/Y4RAZBmn64MPyfUx01GPnt7e0XMtZJCga1qCkPPA4uBHdzjByCT0IfYRi2Z2Akv7W19Xw8HrfihkENalFTaRAi3xOkPTdmwWCTWt3c3Hw2Go1+xQUDbWpQSxnbxjiXgHNyGoyrgbHVjY2Np8Ph8GfUMNBEW3UMAjUTXwkOB787F0alUnmyv7/fiAoGWmimDYJBmQXjlgbcLZfLjweDwY+TwkADLTSVaKdiJcjHoZgLY319vdDv978fFwbXoqGKqYZgRMIw+GvLXePurZRKpUe9Xu/bv8LgGq5FI9BCE+1EfiJV51gxDQb/930YxWLx4d7e3te/hcFYrtH1BsHeHVINwcjNguG/qBUKhQedTufLUTAYw9gAAtcuFIRpMP54a72vaLfbn2fB4BxjpkBw3yIBvhDhrowwjOVsNntvd3f3UxgGxzinGS4r3ZWwkBDsTk2DcUUnbyhzmUxmrdVqfTQY9DnGuWAMY9kYE4MQ5zIzbYPCpEg2PD8F4L36S7lc7oOasZOe+uRBkGr8Pm0sYWZjEQ9EDQQtr8cGhD5JTII0AHw3CLSxRxIgmIQLw4DYMc7bpMMAEoFgBmmTCINuAOy71TYYNnlr7XysbdhMrMUk7tZz+9R1J+724/bk64fNJFJURWbVTRxAUhM+rbNoBH4Da3CWTN9Z1H8AAAAASUVORK5CYII=');
}
.person-text {
	position:relative;
	padding:10px 0;
	text-align:center;
	z-index:2;
	width: 80%;
	height:100%;
	margin: auto;
}
.reviewer {
	display: inline-block;
	max-width: 100px;
	float:left;
	border-radius: 100%;
	margin:30px 5px 0px 5px;
	overflow: hidden;
	border: 5px solid #eaeaea;
}
.reviewer:hover {
	border: 5px solid #d0cdcd;
	transition: all 0.2s ease;
}
.reviewer_info {
	font-size: 20px;
	display:inline-block;
	margin:35px 10px 0px;
	text-align:left;
	float:left;
	font-weight:300;
}
.reviewer_info_tweet {
	font-size:16px;
}
.tweet_link {
	color: #2c3e50;
}
.tweet_link:hover, .media_more:hover {
	color: #1da1f2;
	transition: all 0.2s ease;
	text-decoration:none;
}
.media_testimonial {
	background-color: #eaeaea;
}
.media_main {
	 margin-bottom: 70px;
}
img.media_object {
	border-radius:100%;
	overflow:hidden;
	border:2px solid #2c3e50;
	width:100%;
	max-width:240px;
}
.align {
	text-align:left;
}
.caption p {
	 line-height:27px;
	 margin:0;
	 text-align: left;
	 font-weight: 200;
	 letter-spacing: 0.3px;
}
h3 a.media_more, h3 a.media_more:focus {
	color: #2c3e50;
	text-decoration: none;
}
.carousel-control {
	background-image:none;
	height:50px;
	width:30px;
	margin:auto;
	color: #b3b3b3;
}

/*************************************enpass pricing css starts here ***************************/

.bg-blue:before {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 350px;
	content: '';
	top:60px;
	left: 0;
	background: rgba(17,128,207,1);
  background: -moz-linear-gradient(90deg, rgba(17,128,207,1) 0%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(17,128,207,1)), color-stop(45%, rgba(17,128,207,1)), color-stop(45%, rgba(17,128,207,1)), color-stop(100%, rgba(17,128,207,1)));
  background: -webkit-linear-gradient(90deg, rgba(17,128,207,1) 0%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 100%);
  background: -o-linear-gradient(90deg, rgba(17,128,207,1) 0%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 100%);
  background: -ms-linear-gradient(90deg, rgba(17,128,207,1) 0%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 100%);
  background: linear-gradient(0deg, rgba(17,128,207,1) 0%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 45%, rgba(17,128,207,1) 100%);
}
.bg_white {
	color:#fff;
}
.pricing_window{
	margin-top:30px;
	margin-bottom: 70px;
	background-color: #fff;
}
.card-desktop {
	left: 0%;
	padding-top: 24px;
	margin-bottom: 30px;
	box-shadow: 0 0px 1px 0 rgba(134, 134, 134, 0.7);
	line-height: 27px;
}
.card-pro {
	right: 0%;
	padding-top:24px;
	margin-bottom: 30px;
  box-shadow: 0 0px 1px 0 rgba(134, 134, 134, 0.7);
  line-height: 27px;
}
.card-trial {
	z-index: 1000;
	line-height: 27px;
	padding-top: 24px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0px 1px 0 rgba(134, 134, 134, 0.5);
}
.card-costing {
		z-index: 1000;
		line-height: 27px;
		padding-top: 24px;
		padding-bottom: 24px;
		box-shadow: 0 0px 1px 0 rgba(134, 134, 134, 0.5);
		background: rgba(17,128,207,1);
}
.costing_txt {
	font-style: italic;
	margin:0;
}
.costing_txt a {
	color: #fff;
}
.costing_txt a:hover ,.costing_txt a:focus{
	color: #fff;
}
.card-pricing-top {
	border-bottom: none;
	height: 100%;
	padding: 0 2em 2em;
	display: table;
	width: 100%;
}
.card-pricing-mid {
    background-color: #ffffff;
    border: none;
}
.pricing-head-title {
	color:rgba(17,128,207,1);
}
.pricing-head-title h2 {
	margin: 30px 0 0px;
}
.pricing_sub {
	text-align: center;
	font-style: italic;
	margin-bottom: 30px;
}
#platform_wrap > div {
	padding:0;
}
.font-icomoon-sz {
	font-size: 30px;
}
.card-pricing-mid ul {
	padding: 24px 15px;
	color: #7b7b7b;
	margin: 0px 0px 0px;
	text-align: center;
	list-style: none;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0.09px;
}
.card-pricing-mid ul li {
	padding-bottom: 24px;
}
.card-pricing-mid ul li:nth-of-type(4) {
	font-style: normal;
}
.card-pricing-mid ul li span.price:before {
	position: relative;
	font-weight: 700;
	color: #7b7b7b;
	content: '$';
	font-size: 34px;
	top: -30px;
	left: 0px;
}
.price {
	color:#4b4b4b;
	font-size:75px;
	font-weight: 700;
	font-style: normal;
}
.bg-blue-strip {
	background-color: #1180cf;
	color:#fff;
}
     /****************************************   portable slide  ******************************************/
.bg_gray {
	background-color: #eaeaea;
}
.fa-usd-port,.fa-cogs-port,.fa-cloud-port,.fa-safari-port,.fa_port_dwn {
	color:#fff;
}
.port_feat_sz {
	margin-bottom: 20px;
}
.port_sec_sz {
	margin: 50px 0 70px;
}
.margin_port_btn {
	margin:30px 0 70px;
}
.port_go {
	font-size: 20px;
	font-style: italic;
	font-weight: 200;
}
#enpass_portable {
	position: relative;
	background: #333 url('https://www.enpass.io/static/media/uploads/enpass_webpage/portable/portable_compressor.png') no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: 0% 0%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  overflow: hidden;
  padding: 0;
}
#desktop_bg {
	position: relative;
	background: #333 url('https://www.enpass.io/static/media/uploads/newhomepage/main/header.png') no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: 0% 0%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  overflow: hidden;
	width: 100%;
	min-height: 600px !important;
}
#faq_bg {
	position: relative;
    background: #333 url('https://www.enpass.io/static/media/uploads/newhomepage/main/header.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#support_bg {
	position: relative;
    background: #333 url('https://www.enpass.io/static/media/uploads/newhomepage/main/header.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 350px !important;
}
#android_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/chromebook/header_image/chromebook_header_bg.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#blackberry_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/chromebook/header_image/chromebook_header_bg.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#ios_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/chromebook/header_image/chromebook_header_bg.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#chromebook_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/chromebook/header_image/chromebook_header_bg.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#mac_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/desktop_macOS/mac-bg-2-compressor.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#windows_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/windows%20pc/uwp_bg-compressor.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
#linux_bg {
	position: relative;
    background: url('https://www.enpass.io/static/media/uploads/enpass_webpage/linux/linuxbg-compressor.png') no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
    width: 100%;
    min-height: 600px !important;
}
.platform-filter {
	margin: 0;
	height: 600px;
  background: rgba(0,0,0,0.80);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.bg-filter {
	margin: 0;
	height: 350px;
	background: rgba(0,0,0,0.75);
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}
.border_title {
	border:1px solid #fff;
}
.portable_title {
	font-size: 50px;
}
.portable_sub_title {
  font-style: italic;
	line-height: 1.5;
	letter-spacing: 0.5px;
	font-weight: 200;
}
.portable_top_center {
	padding: 0px 0px;
	color: #fff;
	position: absolute;
	z-index: 100;
	display: block;
	width: 80%;
	max-width: 360px;
	left: 10%;
	top: 30%;
	margin: auto;
	overflow: hidden;
}
.port_on_go {
	margin: 70px 0 30px 0px;
}
.port_mac_dwn {
	color: #fff;
	font-size: 14px;
	background-color: #18bc9c;
	border-color: #18bc9c;
	text-transform: uppercase;
	padding: 10px 50px;
	border-radius: 4px;
	line-height: 27px;
}
.port_btn_space {
	margin-left: 5px;
	margin-right: 5px;
}
.port_btn_plus {
	margin-right:5px;
}
.port_linux_dwn {
	color: #fff;
font-size: 14px;
background-color: #f39c12;
border-color: #f39c12;
text-transform: uppercase;
padding: 10px 103px;
border-radius: 4px;
line-height: 27px;
}
.port_file {
	font-style: italic;
	letter-spacing: 1px;
}
/************************************** platform css *******************************/
.transition:hover {
	transform: translate3d(0, -2px, 0);
	box-shadow: 0 8px 16px rgba(0,0,0,0.18);
	transition:all 0.2s linear;
}
.center_platform {
	position: absolute;
	display: block;
	color: #fff;
	z-index: 100;
	font-weight: 200;
	letter-spacing: 0.1px;
	overflow: hidden;
	padding: 0px 15px;
	left: 0;
	right: 0;
	top: 50%;
	/*text-shadow: 5px 5px 1px rgba(0,0,0,0.3);*/
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hero_title {
	font-size: 80px;
	margin-bottom: 40px;
}
.hero_sub_title {
	margin:40px 15px;
}
.btn_material {
	font-size: 18px;
	padding: 15px 45px;
	border-radius: 4px;
	line-height: 27px;
	font-weight: 300;
}
.btn_platform, .btn_subfooter {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	border-width: 2px;
}
.btn_platform:hover, .btn_subfooter:hover {
	border-color: #fff;
	background: #fff;
	color: rgba(44,62,80,1);
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
	-moz-transition: .2s linear;
	-webkit-transition: .2s linear;
	transition: all 0.2s linear;
}
#arrow_container {
	display: none;
}
.arrow_container {
	position: absolute;
	bottom: 5%;
	left: 50%;
	color: #fff;
	margin-top: -20px;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	z-index: 100;
	background-size: contain;
}
.img_down_arrow {
	width: 42px;
	height: 42px;
}
.p_txt {
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 0.5px;
	line-height: 27px;
}
.bg_macfill {
	background-color: rgba(240,240,240, 1);
}
.angle_autofill_before, .angle_security_before {
	padding-top:55px;
}
.angle_autofill, .angle_first {
	position: relative;
	z-index: 1;
	margin-bottom: 140px;
}
.angle_sync, .angle_second {
	position: relative;
	z-index: 1;
}
.angle_saves, .angle_third, .angle_fifth {
	position: relative;
	z-index: 1;
	margin-bottom: 140px;
	margin-top: 140px;
}
.angle_saves:before, .angle_feat:before, .angle_third:before, .angle_fifth:before {
	background: inherit;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1;
	top: 0;
	-webkit-transform: skewY(6deg);
	-ms-transform: skewY(6deg);
	transform: skewY(6deg);
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.angle_saves:after, .angle_autofill:after, .angle_first:after, .angle_third:after, .angle_fifth:after {
	bottom:0px;
	-webkit-transform: skewY(-6deg);
	-ms-transform: skewY(-6deg);
	transform: skewY(-6deg);
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	background: inherit;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1;
}
.angle_gnt, .angle_fourth, .angle_sixth {
	position: relative;
	z-index: 1;
}
.angle_feat {
	position: relative;
	z-index: 1;
	margin-top:140px;
	padding-top: 40px;
}
.margin_subhead {
	margin: 35px 0px 30px;
}
.box_content_black {
	color: #2c3e50;
}
.box_content_link {
	color: #2c3e50;
}
.box_chrome:hover a.box_content_link,.box_chrome:hover #cross-platform,.box_chrome:hover #TOTP,
.box_chrome:hover #data-import,.box_chrome:hover #encryption,.box_chrome:hover #backup,
.box_chrome:hover #backup_support, .box_chrome:hover #import_others, .box_chrome:hover #totp_shape1 {
	-webkit-transition: fill 0.2s linear;
	-moz-transition: fill 0.2s linear;
	-ms-transition: fill 0.2s linear;
	-o-transition: fill 0.2s linear;
	transition: fill 0.2s linear;
	color: rgba(52,152,219,1);
	fill: rgba(52,152,219,1);
	text-decoration: none;
}
.svg_custom:hover #customization, .box_chrome:hover #customization, .box_chrome:hover #item_customization,
.box_chrome:hover #folder_support, .box_chrome:hover #category_shape {
	-webkit-transition: fill 0.2s linear;
	-moz-transition: fill 0.2s linear;
	-ms-transition: fill 0.2s linear;
	-o-transition: fill 0.2s linear;
	transition: fill 0.2s linear;
	stroke: rgba(52,152,219,1);
}
.platform_ftu_bg {
	background: rgba(240, 240, 240, 1);
}
.platform_subfooter_bg {
	background-color: #2c3e50;
}
.btn_platform_margin {
	margin : 40px 0px 0px;
}
.subfooter_left {
	color: #fff;
	padding: 39px 15px;
}
.subfooter_right {
	padding: 60px 15px 60px;
}
/**************************** faq page css starts here ********************/
.hero-container .split-button-container {
    vertical-align: middle;
}
.hero-container .split-button-container, .hero-container .button {
    margin-bottom: 0;
}
.platform_head {
	margin: 50px auto;
}
.platform_dwn {
    font-size: 16px;
    padding: 15px 45px;
    border-radius: 4px;
    line-height: 27px;
    font-weight: 300;
		letter-spacing: 0.5px;
}
.platform_dwn_color {
	color: #fff;
	background-color: #18bc9c;
	border-color: #18bc9c;
}
.platform_dwn:hover {
	background-color: #128F76;
  border: 1px solid #11866f;
}
.sixty {
	margin: 60px auto;
}
.thiry {
	margin: 30px auto;
}
.nav-pills-blue {
	color:#fff;
}
li a.nav-pills-blue {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0.5px;
	border-radius: 4px;
	color: rgba(52,152,219,1);
	border: 1px solid rgba(52, 152, 219, 1);
}
.nav-pills > li.active > a.nav-pills-blue {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0.5px;
	border-radius: 4px;
	color: #ffffff;
	background-color: rgba(52, 152, 219, 1);
}
.faq_bar {
	font-size: 22px;
}
.panel_title {
	display: inline-block;
	margin: 0px 0px 0px 15px;
	letter-spacing: 0.1px;
	vertical-align: middle;
	min-width: 850px;
	max-width: 850px;
	word-break:break-word;
}
.fa_right{
	display: inline-block;
	letter-spacing: 0.1px;
	vertical-align: middle;
	font-size: 22px;
	margin: 6px 0px;
}
.vid_txt {
font-style: normal;
font-weight: 200;
letter-spacing: 0.5px;
line-height: 27px;
padding: 15px 0px 0px;
margin: 0;
}
.btn_color_faq {
	background-color: transparent;
	color: #3498db;
	border-color: #3498db;
	border-width: 2px;
	margin: 20px 0px 10px 0px;
	font-weight: normal;
}
.btn_color_faq:hover, .btn_color_faq:focus {
    color: #fff;
		background-color: #3498db;
    border-color: #3498db;
		font-weight: 300;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    -moz-transition: .2s linear;
    -webkit-transition: .2s linear;
    transition: .2s linear;
}
.faq_vid {
	margin: 39px auto 30px;
}
.contact_title {
	font-style: normal;
	letter-spacing: 0.1px;
  line-height: 27px;
  padding: 32px 0px 0px;
  margin: 0;
}
.dwn_platform {
	display: none;
	max-width: 618px;
	margin:auto;
}
.default_chrome_btn {
	padding: 0px 20px 0px;
}
.chrome_store, .chrome_extension {
	padding-bottom: 10px;
}
.dwn_chrome_store, .dwn_chrome_ext {
	padding:0px 0px 0px;
	margin:0;
}
.dwn_left_txt {
	direction:ltr;
	text-align: left;
	font-size: 13px;
	margin:0px 0px 0px;
	line-height: 21px;
	letter-spacing: 0.5px;
}
.dwn_right_txt {
	text-align: left;
	font-size: 13px;
	line-height: 21px;
	margin:0px 0px 0px;
	letter-spacing: 0.5px;
}
.autofill_img {
	padding-top:40px;
}
.direction_rtl {
	direction: rtl;
	padding: 0px 50px;
}
.direction_ltr {
	direction:ltr;
	border-left: 1px solid #fff;
	padding: 0px 50px;
}
.strip_space {
	margin-top:30px;
}
.p_footer {
	font-size: 16px;
 font-weight: 200;
letter-spacing: 0.5px;
line-height: 27px;
}
.platform_link {
	color: #18bc9c;
}
.platform_link:hover {
	color: #128f76;
}
.bottom_default_wrap {
	padding-top:10px;
}
.dwn_bottom_platform {
	padding-top:10px;
	display: none;
	margin:auto;
}
.direction_ltr_bottom {
	direction: ltr;
	border-left: 1px solid #fff;
}
.direction_rtl_bottom {
    direction: rtl;
}
.chrome_bottom_store, .chrome_bottom_ext {
	padding: 0px 0px 0px;
	margin: 0;
}
/***********************************   browser extension page css start here   *************************************/

.top_slide {
	position: relative;
  overflow: hidden;
}
.background_media {
	z-index: 1;
	background-size: cover;
	overflow: hidden;
	background-attachment: scroll;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.background_media {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.top_container {
    position: relative;
    z-index: 3;
}
.vertical_middle>* {
    vertical-align: middle;
}
.vertical_bottom>*, .vertical_middle>*, .vertical_top>* {
    display: table-cell;
    float: none!important;
}

/******************************   media query for tab screen  *******************************/

@media only screen
   and (min-width : 768px) and (max-width : 1024px) {
	 .autofill_img {
		 padding-bottom: 40px;
	 }
	 .angle_gnt, .angle_fourth, .angle_sixth {
		 position: relative;
		 z-index: 1;
		}
		.angle_feat {
			padding-top: 40px;
		}
}

@media (max-width: 767px) {
	img.media_object {
		max-width:202px;
	}
	.align {
		text-align:center;
	}
	.caption p {
		 min-height:185px;
		 max-height: 185px;
		 text-align: center;
	}
	.carousel-control {
		background-size: 15px 35px !important;
	}
	.hero_title {
		font-size: 50px !important;
		padding: 0px 15px;
	}
	.hero_sub_title {
		font-size: 20px;
		letter-spacing: 0.5px;
		padding: 0px 15px;
		line-height: 27px;
	}
	.dwn_chrome_store {
		margin-bottom: 0px !important;
	}
	.sync_img, .saves_img, .generator_img {
		padding-top: 40px;
	}
	.angle_autofill, .angle_first {
		margin-bottom:40px !important;
		padding-bottom: 40px !important;
	}
	.angle_sync, .angle_second {
		position: relative;
		z-index: 1;
		padding: 0px 15px 40px !important;
	}
	.angle_saves, .angle_third, .angle_fifth {
		margin-top:40px !important;
		margin-bottom:40px !important;
		padding: 0px 15px 40px !important;
	}
	.angle_gnt, .angle_fourth, .angle_sixth {
		padding: 0px 15px 40px !important;
	}
	.angle_feat {
		margin-top:40px;
		padding: 40px 15px 20px !important;
	}
	.subfooter_right {
		padding: 0px 15px 40px !important;
	}
	.nav-pills > li.active > a.nav-pills-blue, li a.nav-pills-blue {
		margin: 21px 0px;
	}
	.sixty {
		margin: 30px auto;
	}
	.direction_rtl {
		border:none !important;
		direction: none;
		text-align: center;
	}
	.direction_ltr {
		border:none !important;
	}
	.dwn_left_txt {
		text-align:center !important;
		display: none;
	}
	.dwn_right_txt {
		display: none;
	}
	.direction_ltr_bottom {
    direction: ltr;
    border-left: none !important;
	}
	.chrome_bottom_store {
    padding: 0px 0px 0px;
    margin-bottom: 10px;
}
.panel_title {
	font-size: 15px;
	min-width: 200px;
	max-width: 200px !important;
	word-break:break-word;
}
#support_panel .margin-top {
	margin-top:60px;
}
}

@media only screen
   and (min-width : 1600px) {

	.angle_autofill, .angle_first {
    position: relative;
    z-index: 1;
		padding-bottom:70px;
    margin-bottom: 140px;
	}
	.angle_saves, .angle_third, .angle_fifth {
    position: relative;
    z-index: 1;
    padding: 70px 15px 70px;
    margin-bottom: 140px;
    margin-top: 140px;
	}
	.angle_sync, .angle_second {
		position: relative;
		z-index: 1;
		padding: 70px 15px 70px !important;
		margin: 140px 0 140px;
	}
	.angle_gnt, .angle_fourth, .angle_sixth {
		position: relative;
    z-index: 1;
    margin-bottom: 140px;
    padding: 70px 15px 70px !important;
	}
	.angle_feat {
		padding-top:70px !important;
	}
}
/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
	.angle_second, .angle_fourth, .angle_sixth {
		padding: 140px 15px 140px !important;
		margin-bottom:0px;
	}
	.angle_feat {
		 padding-bottom: 70px;
	}
}