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

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

@font-face{
font-family:'Lato-Regular';
src:	url('/c/mailfence/font/Lato-Regular.woff') format('woff'),
		url('/c/mailfence/font/Lato-Regular.woff2') format('woff2'),
		url('/c/mailfence/font/Lato-Regular.ttf') format('truetype');
}
@font-face{
font-family:'Lato-Light';
src:	url('/c/mailfence/font/Lato-Light.woff') format('woff'),
		url('/c/mailfence/font/Lato-Light.woff2') format('woff2'),
		url('/c/mailfence/font/Lato-Light.ttf') format('truetype');
}
@font-face {
font-family:'FontAwesome';
src: url('/c/mailfence/font/fontawesome-webfont.eot?v=4.7.0');
src: url('/c/mailfence/font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
url('/c/mailfence/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
url('/c/mailfence/font/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
url('/c/mailfence/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
url('/c/mailfence/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
body{font-family:'PT Sans Narrow',sans-serif;font-size:21px;line-height:1.6;font-weight:300;color:#222;background-color:#fff;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;-webkit-transition:color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;-moz-transition:color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;-ms-transition:color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;-o-transition:color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;transition:color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;}
a:hover, a:focus{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.5em;color:inherit;}
h1,h2{letter-spacing:2px;}
h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:24px;letter-spacing:1px;}
h4{font-size:18px;letter-spacing:1px;}
h5{font-size:14px;letter-spacing:1px;}
h6{font-size:12px;}
p{color:#111;font-size:19px;line-height:1.5;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
body.color-1::-moz-selection{background:#e74c3c;color:#fff;}
body.color-1::selection{background:#e74c3c;color:#fff;}
body.color-1 a{color:#0077DD;text-decoration:none;}
body.color-1 div#top-nav #fixed-nav li a:hover{color:#1B8BD9;}
body.color-1 div#top-nav #fixed-nav li.current a{border-bottom:1px solid #aaaaaa;}
body.color-1 .bg-color{background:#012438 url('/customers/mailfence/images/bg_3.jpg') no-repeat;background-position:center center;webkit-background-size:cover;moz-background-size:cover;o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customers/mailfence/images/bg_3.jpg', sizingMethod='scale');-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/customers/mailfence/images/bg_3.jpg', sizingMethod='scale');}
body.color-1 hr{border-bottom:1px solid #e74c3c;}
body.color-1 span.highlight{color:#e74c3c;}
body.color-1 #footer{color:#333;text-align:center;font-size:14x;padding:10px 0 10px 0;background-color:#33363b;}
#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;}
#header{top:0px;width:100%;background:rgba(250, 250, 250, 0.85);position:fixed;height:49px;z-index:100;border-bottom:1px solid #ddd;}
#header .container{height:50px;}
#nav-button{display:none;}
#logo{display:block;border:none;margin:5px 0 0 10px;float:left;width:200px;height:35px;}
#logo a{font-family:'pt_sans_narrow_regular';border:medium none;color:#333;font-size:32px;font-weight:400;letter-spacing:-1px;text-decoration:none;text-transform:none;}
#logo img{margin-right:5px;opacity:0.9;position:relative;top:-6px;height:37px;font-weight:300;}
div#top-nav{font-family:'PT Sans Narrow', Montserrat, sans-serif;}
div#top-nav ul{float:right;}
div#top-nav #fluid-nav li, div#top-nav #fixed-nav li{display:inline-block;}
div#top-nav #fluid-nav li a, div#top-nav #fixed-nav li a{color:#333;font-weight:700;font-size:12px;}
div#top-nav #fluid-nav li a:hover{color:#333;text-decoration:none;}
div#top-nav #fluid-nav li.current a{color:#faa3a5;}
div#top-nav #fixed-nav li a:hover{text-decoration:none;}
div#top-nav #fixed-nav li.current a{color:#333;padding-bottom:5px;}
div#top-nav form{height:50px;font-size:18px;}
form input[type=text], input[type=password]{vertical-align:top;color:#444444;width:160px;height:47px;border:0;border-left:1px solid #ddd;text-indent:25px;}
div#top-nav form::-webkit-input-placeholder{color:#333;}
div#top-nav form:-moz-placeholder{color:#333;opacity:1;}
div#top-nav form::-moz-placeholder{color:#333;opacity:1;}
div#top-nav form:-ms-input-placeholder{color:#333;}
div#top-nav form::-ms-input-placeholder{color:#333;}
div#top-nav form i{position:absolute;top:16px;color:#999;}
.fa-user{left:34px;}
.fa-lock{left:198px;}
.fa-home:before {content: "\f015";}
.fa-phone:before {content: "\f095";}
.go{border:0 none;line-height:50px;height:50px;background-color:#427eec;color:white;width:120px;}
.go:hover{background-color:#51A1F3;}
.flat{background-color:#427eec;border:0 solid transparent;border-radius:1px;padding:0 60px;display:inline-block;line-height:45px;color:white;font-weight:200;margin:10px;font-size:1em;}
.sign{font-size:16px;font-weight:bold;}
.red{color:red;}
.bluebk{background-color:#427eec;}
.bluebk:hover{background-color:#51A1F3;}
.redbk{background-color:#fffdea;opacity:0.5;}
.redbk:hover{background-color:#F25252;}
.no{background-color:white;color:#666;opacity:0.8;}
.no:hover{opacity:1;}
.green{color:green;}
.grey{color:#aaaaaa;}
.sign.red, .sign.green{font-size:22px;}
.btn.more{border:1px solid #ddd;box-shadow:none;text-shadow:none;padding:10px 40px;border-radius:1px;background-image:none;font-size:18px;background-color:white;}
.btn.more:hover{background-color:#efefef;}
.iframe{width:100%;border:none;border-width:0px;height:540px;margin:0;padding:0;}
.table th{font-size:26px;width:25%;}
.table th p{font-weight:normal;margin:12px 0;}
.table th p span{display:block;font-size:14px;position:relative;top:-7px;}
.table td{font-size:15px;padding:10px;}
.table td:nth-child(3n+1),
.table th:nth-child(3n+1){background-color:#f5f5f5;}
.table thead th{vertical-align:top;}
#twitter-widget-1, #twitter-widget-0{position:relative;top:6px;}
.title.more{margin-bottom:0;margin-top:20px;}
h3.caption{font-family:inherit;font-weight:200;font-size:14px;}
#login-lab, #pass-lab{background:url("../images/img_login_pass.png") no-repeat scroll 5px 3px transparent;height:19px;left:27px;position:relative;top:3px;width:20px;}
#pass-lab{background-position:5px -22px;}
.address{font-weight:300;color:white;osition:relative;bottom:0;color:#777;font-size:14px;}
.slogan{height:100%;text-align:center;width:100%;position:relative;z-index:1;}
.slogan h1{text-shadow:0 0 3px #000000;color:#ffffff;text-transform:inherit;letter-spacing:1px;margin:0 0 40px 0;font-size:70px;line-height:1.1em;}
.slogan.nextpage h1{text-shadow:none;color:#333333;}
.slogan h3{color:#ffffff;text-transform:inherit;margin-top:50px;font-size:18px;overflow:hidden;}
.hero{border-bottom:1px solid #e1e1e1;display:inline-block;width:100%;margin-top:50px;height:150px;}
.home .hero{margin-top:50px;}
.bg-fixed{background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.i-block{text-align:center;}
.i-block i{display:inline-block;margin-bottom:24px;font-size:3em;color:#a1a1a1;opacity:0.5;}
.i-block h3{color:#555;font-size:30px;margin-top:0px;margin-bottom:14px;font-weight:400;}
.i-block p{padding:0 10px;}
.hr-small{float:none;}
.hr{clear:both;display:block;width:100%;height:20px;line-height:20px;position:relative;margin:10px 0;float:left;}
.hr-center.hr-small .hr-inner{left:50%;}
.hr-small .hr-inner{width:32%;margin-left:-16%;}
.hr-inner{border-color:#e1e1e1;width:100%;position:absolute;height:1px;top:50%;width:100%;margin-top:-1px;border-top-width:1px;border-top-style:solid;}
.hr-invisible{margin-bottom:0;}
hr{border:0;margin:10px 0;}
#contact hr.grey{margin:17px 0 16px 0;}
hr.grey{border:0;border-bottom:1px solid #e5e5e5;margin:10px 0;}
#contact .social a{margin-right:10px;font-size:30px;float:left;border:none;}
.content{padding-top:80px;padding-bottom:50px;}
.section{border-bottom:1px dotted #e1e1e1;}
.section-alt{background:#fcfcfc;}
.title{text-align:center;margin-bottom:40px;}
.title h2{font-size:2.3em;margin:0px;text-align:center;font-weight:400;}
.title p{letter-spacing:1px;line-height:1.6em;font-size:20px;margin:0px;}
.text-center{text-align:center;}
.clear{clear:both;}
#footer{font-weight:400;color:#fff;font-size:16px;}
#footer h3{font-weight:400;margin-top:30px;padding-bottom:20px;border-bottom:1px solid #555;font-size:20px;color:white;}
#footer a{text-decoration:none;border:1px solid transparent;display:block;color:#00aaee;font-weight:300;font-size:16px;padding:0 important!;}
#footer a:hover{text-decoration:underline;}
.social{padding:0 5px;display:inline !important;font-size:20px !important;}
pre{font-size:0.6em;line-height:0.9em;font-color:#555;text-align:center;}
ol{/*margin:10px 90px;*/list-style-type:none;}
ol ol{margin:10px 10px;}
ol li{margin-top:30px;}
ol li::before{color:#ccc;content:"\f105";font-family:FontAwesome;margin-right:6px;margin-left:-12px;}
ol ul li{list-style-type:none;}
ol li ol li, ol li ul li{margin-top:0px;font-weight:normal;list-style-type:none;}
ol li ul li ul li{margin-top:0px;}
ol li ul li ul{margin-top:0px;}
ol ul{margin:15px;}
ol li span{color:#888;font-size:26px;margin-bottom:5px;display:inline-block;}
ol li p{margin:13px 0;}

.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-user:before {content: "\f007";}
.fa-lock:before {content: "\f023";}
.fa-align-justify:before {content: "\f039";}
.fa-pencil:before {content: "\f040";}
.fa-calendar:before{content: "\f073";}
.fa-folder:before{content: "\f07b";}
.fa-key:before{content: "\f084";}
.fa-twitter:before{content: "\f099";}
.fa-facebook:before{content: "\f09a";}
.fa-group:before{content: "\f0c0";}
.fa-envelope:before{content: "\f0e0";}
.fa-linkedin:before{content: "\f0e1";}
.fa-legal:before{content: "\f0e3";}
.fa-umbrella:before{content: "\f0e9";}
.fa-shield:before{content: "\f132";}
.fa-btc:before{content: "\f15a";}
.fa-reddit:before{content: "\f1a1";}
.fa-cc-visa:before{content: "\f1f0";}
.fa-cc-mastercard:before{content: "\f1f1";}
.fa-cc-paypal:before{content: "\f1f4";}
.fa-wechat:before{content: "\f1d7";}
.fa-address-card:before{content: "\f2bb";}
.fa-fax:before{content: "\f1ac";}
.fa-mobile:before{content: "\f10b";}
.fa-download:before{content: "\f019";}
.fa-question-circle:before{content: "\f059";}
.fa-2x {font-size: 2em;}
.fa-instagram:before{content: "\f16d";}

@media (max-width:767px){
body.color-1 .bg-color{background:#012438;}
.slogan h1{font-size:50px;}
input[type="text"], input[type="password"]{display:block;margin:10px auto;}
div#top-nav form i{display:none;}
#fixed-nav .pswdReset{display:none;}
#drop-nav{display:inline;}
#logo{width:100%;font-size:26px;margin-top:8px;text-align:center;}
div#top-nav{margin-top:0px;display:none;position:absolute;top:52px;z-index:99999;left:0;background-color:transparent;border:0 none;}
div#top-nav ul{float:none;display:block;}
div#top-nav #fluid-nav li, div#top-nav #fixed-nav li{padding:10px;display:block;margin-bottom:0px;margin-left:0px;}
#nav-button{display:inline-block;position:absolute;left:24px;font-size:24px;top:50%;margin-top:-12px;}
.i-block i{font-size:3em;letter-spacing:1px;}
.i-block h3{font-size:1.1em;letter-spacing:1px;}
.table td{font-size:14px;padding:13px;}
.slogan h3{font-size:15px;}
.flat{padding:0 40px;}
.more{padding:10px 20px;}
.table th, .table th span{font-size:13px;}
.sign.green, .sign.red{font-size:15px;}
.row, .thumbnails{margin-left:0;margin-right:0;}
}

@media (max-width:700px){
ol li span{display:inline;}
ol{margin:10px 30px;}
}

@media (max-width:500px){
.table th p span{font-size:11px;}
div#top-nav{background-color:transparent;border:0 none;}
ol{margin:10px 10px;}
.row, .thumbnails{margin-left:0;margin-right:0;}
.table td{font-size:12px;padding:8px;}
#logo{font-size:24px;margin-top:10px;margin-left:0px;}
.slogan .span12 h3{display:none;}
.slogan h1{font-size:36px;text-transform:inherit;}
.i-block i{font-size:3em;letter-spacing:1px;}
.i-block h3{font-size:1.1em;letter-spacing:1px;}
#footer a{}
.flat{padding:0 30px;}
.more{padding:10px 20px;}
.table th, .table th span{font-size:14px;}
.sign.green, .sign.red{font-size:15px;}
}
@media (max-width:400px){
.table th p span{font-size:11px;}
table [class*="span"]{margin-left:0px;}
p{font-size:19px;}
.row, .thumbnails{margin-left:0;margin-right:0;}
ol{margin:10px 10px;}
.table td{font-size:11px;padding:6px;}
#logo{font-size:20px;margin-top:13px;margin-left:10px;}
.slogan h1{font-size:26px;text-transform:inherit;}
.slogan h3{font-size:0.8em;}
.title h2{font-size:1.3em;}
.btn-large{font-size:15px;margin-top:0px;padding:3px 15px;min-width:30px;}
.i-block i{font-size:3em;}
.i-block h3{font-size:1.1em;}
.content{padding-bottom:40px;}
#footer a{}
.flat{padding:0 30px;font-size:0.7em;}
.more{padding:10px 20px;}
.table th, .table th span{font-size:13px;}
.sign.green, .sign.red{font-size:14px;}

