html {
height: 100% !important;
}
body {
font-family: "Lato", "HelveticaNeue", 'Arial';
font-size: 16px;
line-height: 28px;
background-color: #ffffff;
color: #777777;
overflow-x: hidden;
}
a {
color:black;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
a:focus, a:hover {
color:#999999;
text-decoration: none;
outline: 0;
}
input:focus, select:focus, textarea:focus, button:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
p, ul {
margin-bottom: 15px;
}
iframe {
max-width: 100%;
}
h1{
font-family:'Helvetica Neue', 'Arial';
font-size:26px;
line-height:38px;
font-weight:bold;
margin:20px;
color:black;
}
h3 {
font-size: 17px;
line-height: 28px;
}
h5 {
font-size: 13px;
font-weight: 800;
letter-spacing: 1px;
line-height: 25px;
text-transform: uppercase;
}
.greyglow{
margin:0px; margin-bottom:10px; background-color:white; padding:10px;
border:1px solid #eeeeee;
border-radius:4px;
}
a.newskeywords{
font-weight:normal; color:#999999;
text-transform: capitalize;
}
li.navigationlist{margin-left:0px; padding:15px; padding-top:10px; padding-bottom:10px; color:black; font-weight:300; font-size:15px; cursor:pointer;}
li.navigationlist:hover{background-color:#f9f9f9;}
/**
* ========================================
* MAIN LAYOUT
* ========================================
*/
/* DOCUMENT */
div.chatmessage_holder:hover span.chatmessage_timestamp{visibility:visible;}
div.chatmessage_holder span.chatmessage_timestamp{visibility:hidden;}
div.chatmessage_holder:hover span.chatmessage_reply{visibility:visible;}
div.chatmessage_holder span.chatmessage_reply{visibility:hidden;}
div.leftsection{z-index:1; position:fixed; top:0px; bottom:0px; right:0px; left:100px;}
label.dbfilter{cursor:pointer; border:1px solid #E3E7F0; background-color:#F2F4F7; border-radius:5px; font-size:14px; font-weight:normal; padding:8px; padding-top:5px; padding-bottom:5px; line-height:14px; margin-right:5px; margin-top:10px;}
@media ( max-width: 767px ) {
div#headersearch{position:absolute; top:3px; left:50px; right:40px; max-width:500px;}
div#mainholder{margin-top:130px;}
h1#articleheadline{margin:0px; margin-left:5px; margin-right:5px; margin-bottom:10px; font-size:20px; line-height:30px;}
div.rightarticlebox{border-radius:10px; border:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:30px;}
div.newsbox {padding:15px; min-height:130px; padding-left:130px; border-bottom:1px solid #eeeeee; margin-bottom:0px;}
div.newsbox h2{font-size:15px; font-weight:bold; margin-left:5px; margin-right:5px; margin-top:0px; line-height:24px; margin-bottom:15px; -webkit-line-clamp:3; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.newsbox h3{font-size:12px; font-weight:normal; line-height:20px; margin-top:5px; margin-left:5px; margin-right:5px; color:#777777; position:relative; padding-left:35px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.newsbox img.cover{height:100px; width:100px; background-color:#f9f9f9; border-radius:3px; border:1px solid #eeeeee; display:block; object-fit:cover; position:absolute; top:20px; left:15px;}
h1#newsheading{font-size:18px; margin-top:0px; margin-bottom:10px;}
img#newscover{background-color:#f9f9f9; display:block; border-radius:10px; height:250px; width:100%; border:1px solid #eeeeee; object-fit:cover;}
li.summarypoint{margin:10px; margin-left:0px; padding-left:10px; margin-left:0px; margin-bottom:15px; font-size:16px; font-weight:normal;}
div#maincontainer{margin-top:40px;}
h1.landinghead{font-family:'Futura', 'Arial', 'Helvetica Neue'; font-size:24px; line-height:38px; font-weight:bold; color:black;}
#conftitle{text-align:center; display:block; padding:10px; padding-top:5px; padding-bottom:5px; line-height:27px; width:330px; font-size:17px; border-radius:360px; background-color:darkorange; box-shadow:0px 0px 10px darkorange; font-weight:bold; color:white;}
div.featurednewsbox{margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #eeeeee;}
div.promobox{margin-left:10px; margin-right:10px; margin-top:0px; border:1px solid #dddddd; background-color:white; border-radius:10px; overflow:hidden; margin-bottom:30px;}
div.promobox h1{font-weight:bold; font-family:'Futura'; text-transform:uppercase; font-size:18px; line-height:28px; margin:20px; margin-bottom:0px;}
div.promobox h2{color:#666666; font-size:15px; line-height:28px; margin:20px; margin-top:10px; margin-bottom:10px;}
div.promobox p.buttonholder{margin-left:20px; margin-bottom:20px;}
span.jobparams{display:block; line-height:23px;}
div#onboardingbox{z-index:6; display:none; position:fixed; border:1px solid #E3E7F0; border-top-left-radius: 20px; border-top-right-radius: 20px; bottom:0px; left:0px; width:100%; padding:10px; max-height:90%; overflow-y:auto; background-color:white; padding-bottom:env(safe-area-inset-bottom);}
#navlogo{width:34px; position:absolute; top:12px; left:15px; height:auto;}
div#leftsection{margin:0px; margin-top:50px; border:0px;}
button.headactionbtn{padding:15px; padding-right:15px; padding-left:15px; width:100%; }
span.headavatar{background-size:cover; background-position:center; background-color:#f9f9f9; display:Block; margin-top:25px; width:60px; height:60px;}
h1.headertitle{margin-top:0px; text-align:center; margin-top:25px; font-weight:bold; font-size:25px;}
h2.headersubtitle{margin-top:10px;color:#666666; font-size:15px; line-height:25px;}
p.headerparams{color:#666666; font-size:14px;}
span.questionavatar{position:absolute; left:15px; top:10px; display:block; background-size:cover; background-position:center; height:30px; width:30px; border-radius:360px; background-color:#f9f9f9; margin-right:10px;}
h1.homejobtitle{line-height:22px; font-size:15px; padding-top:3px; margin:10px; margin-left:60px; margin-right:120px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
h1.homequestiontitle{line-height:22px; font-size:15px; padding-top:3px; margin:10px; margin-left:60px; margin-right:90px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
h2.homequestiondesc{font-size:14px; margin:0px; font-weight:normal; margin-left:60px; margin-right:90px; line-height:22px; margin-top:10px; font-size:14px; margin-bottom:5px; margin-top:5px; color:#777777; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.homequestioninfo{margin-top:5px; margin-left:60px; margin-right:100px; font-size:11px; overflow:auto;}
div.leftsection{z-index:1; position:fixed; top:50px; bottom:0px; right:0px; left:0px;}
div.leftcolumn_row{background-color:white;}
div.leftcolumn_row .msgattachholder{display:block;}
div.leftcolumn_row:hover, div.leftcolumn_row.chatrowselected{background-color:#f9f9f9;}
div.leftcolumn_row.chatrowselected .msgattachholder{display:none;}
button.tabbar{background-color:white; }
button.tabbar.tabbaractive{background-color:#f9f9f9;}
h1.welcomeheading{margin:15px; text-align:center; margin-bottom:10px; line-height:30px; padding-top:0px; font-size:20px; font-weight:bold;}
h2.welcomeheading{margin:15px; margin-top:25px; text-align:center; font-size:15px; color:#666666; line-height:24px;}
h1.templatehomefeaturetitle{font-size:16px; font-weight:bold; font-family:Arial; padding-left:15px;}
div.templatehomenews{position:relative; min-height:140px; border-bottom:1px solid #eeeeee;}
div.templatehomenews h1.posttitle{line-height:26px; font-size:14px; padding-top:3px; margin:15px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenews h2.postdesc{font-size:13px; font-weight:normal; margin:15px; line-height:22px; color:#777777; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenews p.postbyline{position:relative; font-size:11px; font-weight:normal; margin:15px; line-height:22px; margin-top:10px; color:#999999; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenews span.templatehomenewscover{background-size:cover; border-radius:10px; background-position:center; height:200px; margin:15px; margin-top:25px; display:block; background-color:#f9f9f9;}
div.templatehomenews div.formtitleholder{margin:15px;}
div.templatehomenews div.formdescholder{margin:15px; margin-top:10px;}
div.templatehomescrollholder{overflow-x:auto; height:450px; white-space:nowrap; padding-left:10px;}
h1.templatefaqquestion{font-size:16px; line-height:25px; color:black; margin-right:20px;}
div.templatelandingpage div.infobox{background-color:white; margin-bottom:50px;}
div.templatelandingpage h1.sectionhead{margin-bottom:15px; font-family:'Futura'; font-weight:bold; font-size:30px; line-height:48px; color:black;}
div.templatelandingpage h2.sectiondesc{margin-top:0px; font-weight:normal; font-size:16px; line-height:25px; color:#666666;}
div.templatelandingpage h3.sectionhead{font-size:14px; margin-left:5px; margin-top:35px; text-align:left; color:#999999; margin-bottom:0px; font-weight:bold; text-transform:uppercase;}
div.templatelandingpage h4.sectiondesc{margin:0px; text-align:left; font-size:13px; margin-top:0px; line-height:23px; color:#666666; margin-bottom:0px; padding-bottom:0px;}
div.templatelandingpage h1.question{font-size:16px; line-height:23px; color:black}
div.templatelandingpage div.answer{display:none; font-size:15px; line-height:22px; color:#666666;}
div.templatelandingpage span.changeword{display:inline-block; color:#6DAD4F; width:240px; border-radius:5px; border:2px dashed #cccccc;}
div.templatehomenewsbox{vertical-align:top; white-space:normal; margin:10px; margin-left:5px; width:300px; display:inline-block; background-color:white; height:330px; overflow:hidden; border:1px solid #E3E7F0; box-shadow:0px 8px 8px -6px #e8ebf3; border-radius:10px;}
div.templatehomenewsbox h1{margin:10px; margin-left:20px; margin-right:20px; line-height:23px; font-family:Helvetica; text-align:left; font-size:16px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenewsbox h2{margin:10px; margin-left:20px; margin-right:20px; text-align:left; line-height:19px; font-size:13px; -webkit-line-clamp:2; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
div.templatehomefilters{padding:10px; padding-top:15px; background-color:white; border-top:1px solid #E3E7F0; position:relative;}
div.templatehomechatbox{border-top:1px solid #E3E7F0; background-color:white; position:relative; overflow:auto;}
div.templatehomechatbox .chat_avatar{display:block; position:absolute; width:50px; height:50px; background-color:#f9f9f9; background-size:cover; background-position:center; left:5px; top:0px; border-radius:360px;}
div.templatehomechatbox .chat_avatar.noavatar{ background-color:white; font-size:16px; font-weight:normal; color:#bbbbbb; padding:10px; text-align:center;}
div.templatehomechatbox p.convo_title{margin:0px; margin-top:20px; padding-bottom:0px; line-height:16px; margin-left:70px; color:black; font-size:15px; line-height:18px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; overflow: hidden; font-weight:bold;}
div.templatehomechatbox p.convo_shortdesc{margin-left:70px; margin-top:10px; margin-right:15px; font-size:13px; line-height:19px; text-align:left; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomechatbox p.convo_shortdesc.bubble{margin-top:10px; }
div.templatehomechatbox span.availabilitycircle{display:block; border:2px solid white; width:14px; height:14px; border:2px solid white; border-radius:360px; background-color:#6DAD4F; position:absolute; left:40px; top:40px; z-index:2;}
div.templatehomechatbox p.convo_timestamp{margin-left:70px; font-size:11px; line-height:11px; margin-bottom:0px; text-align:left;}
div.templatehomechatbox div.msgattachholder{margin-top:10px; overflow-y:hidden; height:230px; margin-left:-10px; margin-right:-10px; position:relative;}
div.templatehomechatbox div.msgattachholder div.msgattachscrollbox{height:350px; overflow-y:hidden; overflow-x:auto; white-space:nowrap; padding-left:80px; padding-right:10px;}
div.templatechatloadmorebtn{padding:15px; border-top:1px solid #E3E7F0; font-size:14px; background-color:white;}
div.templateprofilehqmap{margin:25px; border:1px solid #eeeeee; border-bottom:2px solid #eeeeee; border-radius:3px; height:330px; overflow:hidden; clear:both;}
div.templatehomebtnholder{line-height:45px; font-size:16px; max-width:800px;}
button.templatehomebtnoptions{margin-right:6px; padding:12px; color:#666666; padding-top:8px; padding-bottom:8px; font-size:13px; background-color:white; font-weight:normal; text-transform:none; border-radius:360px; border:1px solid #eeeeee;}
button.templatehomebtnoptions.loginbtn{color:white; border:1px solid white; background-color:#6DAD4F;}
div.templatearticlebox{vertical-align:top; background-color:white; overflow:hidden; border:0px; border-top:5px solid #E3E7F0; border-radius:0px; padding:15px; padding-top:25px;}
div.templatearticlebox h3.templatearticletimestamp{margin-left:60px; font-size:13px; margin-top:8px; line-height:20px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templateleftholder, div.templaterightholder, div.homeleftholder, div.homerightholder, div.homecenterholder{display:block; padding:0px; }
div.templaterightholder{display:block; padding:0px;}
div.templatemaincontainer{clear:both; border-bottom:1px solid #eeeeee; background-color:#F2F4F7; padding-top:98px; overflow:auto; min-height:500px;}
div.templateprofilefilters{padding:15px; padding-top:25px; background-color:white; border-top:1px solid #E3E7F0;}
h1.templatearticletitle{font-size:25px; color:black; line-height:40px; text-align:left;}
h2.templatearticledesc{font-weight:normal; margin-top:10px; margin-bottom:0px; font-size:16px; color:#666666; text-align:left; line-height:28px;}
div.templatenewscontent{font-family:'Helvetica'; margin-left:5px; margin-right:5px; max-width:920px; text-align:left; margin-bottom:5px; font-size:16px; color:black; font-weight:normal; line-height:25px;}
div.templatenewscontent h1, div.templatenewscontent h2{font-size:18px; color:black; font-weight:normal; line-height:30px;}
div.templatenewscontent h3{font-size:16px; color:black; font-weight:normal; line-height:30px;}
div.templatenewscontent a{border-bottom:2px dotted #999999; color:black;}
div.templatenewscontent a:hover{border-bottom:none; color:#666666;}
div.templatenewscontent figcaption{margin-top:8px; font-size:14px; color:#999999; text-align:center;}
blockquote{margin-left:10px; border-left:4px solid #dddddd; color:#888888; font-size:14px;}
div.templaterightgreybox{vertical-align:top; background-color:white; overflow:hidden; border-top:5px solid #E3E7F0; padding:15px;}
div.templaterightwhitebox{vertical-align:top; background-color:white; overflow:hidden; border-top:5px solid #E3E7F0; padding:15px;}
div.templatemainfooter{clear:both; padding:10px; background-color:black;}
div.templateleftwhitebox{border-top:5px solid #E3E7F0; background-color:white; position:relative; overflow:auto;}
div.templateprofilenavigation{text-align:left; margin-top:35px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; white-space:nowrap; overflow-x:auto; padding-left:0px; padding-right:0px;}
div.templateprofileavatarholder{text-align:center;}
h1.templateprofiledisplayname{font-size:23px; color:black; margin-top:15px; padding-top:0px; line-height:35px; font-weight:bold; margin-left:15px; margin-right:15px;}
h2.templateprofileshortdesc{font-size:15px; margin-top:10px; color:#666666; line-height:24px; margin-left:15px; margin-right:15px;}
div.templatefootercontainer{margin-top:0px;}
div.templatenewsbox{height:320px; margin:10px; background-color:white; position:relative; clear:both; border:1px solid #E3E7F0; border-radius:4px; overflow:hidden; margin-bottom:15px;}
div.templatefilterbtnmenu{display:block;}
div.templatefilterbtnmenu button.btn{display:block; width:100%; margin-bottom:10px;}
button.templatefilterbtntoggle{display:inline-block; font-size:14px; font-weight:normal; text-transform:none; line-height:14px; padding:10px; border:0px; position:relative; padding-left:50px;}
div#templateprofilestable{display:block; margin-top:0px; width:100%; border-top:4px solid #E3E7F0;}
div#templateprofilestable div.templateprofileshead, div#templateprofilestable div.templateprofilesbody{display:block;}
div#templateprofilestable div.templateprofiletablesheadcolumn{background-color:#EBEEF2; padding:15px; display:none; text-align:center; font-size:15px; color:black;}
div#templateprofilestable div.templateprofiletablesbodycolumn{padding:15px; background-color:white; text-align:center; font-size:14px; line-height:21px; border:1px solid #f9f9f9; display:block; position:relative; min-height:80px;}
div.dbloadmore{cursor:pointer; display:block; padding:15px; background-color:white; border-top:1px solid #E3E7F0; border-bottom:4px solid #E3E7F0; text-align:center; font-size:14px; font-weight:bold;}
}
@media ( min-width: 768px ) {
div#headersearch{position:absolute; top:3px; left:170px; right:150px; max-width:400px;}
div#mainholder{margin-top:80px;}
h1#newsheading{font-size:24px;}
h1#articleheadline{margin:0px; margin-left:5px; margin-right:5px; margin-bottom:10px;}
div.newsbox{padding:10px; height:350px;}
div.newsbox h2{font-size:16px; font-weight:bold; margin-top:15px; margin-left:5px; margin-right:5px; line-height:24px; margin-bottom:15px; -webkit-line-clamp:3; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.newsbox h3{font-size:14px; font-weight:normal; line-height:20px; margin-top:5px; margin-left:5px; margin-right:5px; color:#666666; position:relative; padding-left:35px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.newsbox img.cover{height:180px; width:100%; background-color:#f9f9f9; border-radius:10px; border:1px solid #eeeeee; display:block; object-fit:cover;}
div.rightarticlebox{border-radius:10px; border:1px solid #e1e1e1; margin-left:10px; padding-bottom:15px; margin-bottom:30px;}
img#newscover{background-color:#f9f9f9; display:block; border-radius:10px; height:480px; width:100%; border:1px solid #eeeeee; object-fit:cover;}
li.summarypoint{margin:20px; padding-left:10px; margin-left:0px; margin-bottom:15px; font-size:18px; font-weight:normal;}
div#maincontainer{margin-top:70px; overflow:auto;}
h1.landinghead{font-family:'Futura', 'Arial', 'Helvetica Neue'; font-size:30px; line-height:50px; font-weight:bold; color:black;}
#conftitle{padding:10px; padding-top:5px; padding-bottom:5px; line-height:27px; width:330px; font-size:17px; border-radius:360px; background-color:darkorange; box-shadow:0px 0px 10px darkorange; font-weight:bold; color:white;}
div.featurednewsbox{margin-bottom:25px; padding-top:10px; padding-bottom:10px; border:1px solid #eeeeee; margin-top:-10px; border-radius:10px;}
div.promobox{margin-left:20px; margin-right:10px; border:1px solid #e5e5e5; background-color:white; border-radius:10px; overflow:hidden; margin-bottom:50px;}
div.promobox h1{font-weight:bold; font-family:'Futura'; text-transform:uppercase; font-size:24px; line-height:40px; margin:30px; margin-bottom:0px;}
div.promobox h2{color:#666666; font-size:18px; line-height:32px; margin:30px; margin-top:15px; margin-bottom:15px;}
div.promobox p.buttonholder{margin-left:30px; margin-bottom:40px;}
span.jobparams{margin-left:25px;}
div#onboardingbox{z-index:6; display:none; position:fixed; border:1px solid #E3E7F0; border-radius:5px; top:20px; left:50%; margin-left:-270px; width:540px; max-height:80%; overflow-y:auto; padding:10px; background-color:white;}
#navlogo{width:34px; position:absolute; top:18px; left:15px; height:auto;}
div#leftsection{margin:30px; margin-left:0px; border:0px;}
button.headactionbtn{padding:15px; padding-right:15px; padding-left:15px; width:100%; max-width:250px; margin-right:10px;}
span.headavatar{background-size:cover; background-position:center; background-image:url('".APIURL."/index.php?system=images&type=avatar&profileid=".$obj["job"]["info"]["companyprofileid"]."&width=480'); background-color:#f9f9f9; display:Block; width:100px; height:100px; border-radius:10px; position:absolute; top:0px; left:0px;}
h1.headertitle{text-align:left; margin-top:0px; margin-left:120px; font-weight:bold; font-size:25px;}
h2.headersubtitle{text-align:left; margin-left:120px; margin-top:10px;color:#666666; font-size:15px; line-height:25px;}
p.headerparams{text-align:left; margin-left:120px; color:#666666; font-size:14px;}
span.questionavatar{position:absolute; left:25px; top:15px; display:block; background-size:cover; background-position:center; height:50px; width:50px; border-radius:360px; background-color:#f9f9f9; margin-right:10px;}
h1.homejobtitle{line-height:26px; font-size:17px; padding-top:3px; margin:10px; margin-left:100px; margin-right:150px; margin-bottom:0px; padding-bottom:0px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
h1.homequestiontitle{line-height:26px; font-size:17px; padding-top:3px; margin:10px; margin-left:100px; margin-right:150px; margin-bottom:0px; padding-bottom:0px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
h2.homequestiondesc{font-size:14px; margin:0px; font-weight:normal; margin-left:100px; margin-right:150px; line-height:22px; margin-top:5px; margin-bottom:5px; color:#777777; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.homequestioninfo{margin-left:100px; margin-right:150px; font-size:13px; overflow:auto;}
div.leftsection{z-index:1; position:fixed; top:0px; bottom:0px; right:0px; left:100px;}
div.leftcolumn_row{background-color:#f6f7f8;}
div.leftcolumn_row .msgattachholder{display:block;}
div.leftcolumn_row:hover, div.leftcolumn_row.chatrowselected{background-color:#eeeeee;}
div.leftcolumn_row.chatrowselected .msgattachholder{display:none;}
button.tabbar{background-color:#f6f7f8; }
button.tabbar.tabbaractive{background-color:#eeeeee;}
button.profilebtn{padding:8px; padding-top:5px; padding-bottom:5px; border:0px; font-weight:normal; text-transform:none; font-size:16px; border-radius:8px;}
button.profilebtn.btnactive{background-color:#eeeeee;}
h1.welcomeheading{margin:25px; margin-bottom:10px; line-height:35px; padding-top:0px; font-size:24px; font-weight:bold;}
h2.welcomeheading{margin:25px; margin-top:10px; font-size:15px; color:#666666; line-height:24px; margin-right:160px;}
h1.templatehomefeaturetitle{font-size:18px; font-weight:bold; font-family:Arial; padding-left:25px;}
div.templatehomenews{position:relative; min-height:165px; border-bottom:1px solid #eeeeee;}
div.templatehomenews span.templatehomenewscover{background-size:cover; border-radius:10px; background-position:center; height:130px; width:200px; position:absolute; top:10px; left:25px; display:block; background-color:#f9f9f9;}
div.templatehomenews h1.posttitle{line-height:26px; font-size:14px; padding-top:3px; margin:10px; margin-left:250px; margin-right:25px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenews h2.postdesc{font-size:14px; margin:0px; font-weight:normal; margin-left:250px; line-height:22px; margin-top:10px; color:#777777; margin-right:25px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenews p.postbyline{position:relative; font-size:11px; margin:0px; font-weight:normal; margin-left:250px; line-height:22px; margin-top:10px; color:#999999; margin-right:25px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenews div.formtitleholder{margin:10px; padding-top:10px; margin-left:250px; margin-right:25px;}
div.templatehomenews div.formdescholder{margin:10px; padding-top:0px; margin-left:250px; margin-right:25px;}
div.templatehomescrollholder{overflow-x:auto; height:450px; white-space:nowrap; padding-left:15px;}
h1.templatefaqquestion{font-size:18px; line-height:25px; color:black; margin-right:20px;}
div.templatelandingpage div.infobox{margin:20px; height:530px; box-shadow:0px 0px 10px #eeeeee; background-color:white; border:1px solid #E3E7F0; border-radius:3px;}
div.templatelandingpage h1.sectionhead{margin-bottom:20px; font-family:'Futura'; font-weight:bold; font-size:40px; line-height:60px; color:black;}
div.templatelandingpage h2.sectiondesc{margin-top:0px; font-weight:normal; font-size:20px; line-height:38px; color:#666666;}
div.templatelandingpage h3.sectionhead{text-align:left; margin-left:10px; text-transform:uppercase; font-size:16px; font-family:'Futura'; padding-top:15px;}
div.templatelandingpage h4.sectiondesc{text-align:left; margin:0px; margin-bottom:25px; margin-left:10px; font-size:16px; line-height:25px; color:#666666;}
div.templatelandingpage h1.question{font-size:18px; line-height:23px; color:black}
div.templatelandingpage div.answer{display:none; font-size:16px; line-height:25px; color:#666666;}
div.templatelandingpage span.changeword{display:inline-block; color:#6DAD4F; width:320px; border-radius:5px; border:2px dashed #cccccc;}
div.templatehomenewsbox{vertical-align:top; white-space:normal; margin:10px; margin-left:5px; width:300px; display:inline-block; background-color:white; height:330px; overflow:hidden; border:1px solid #E3E7F0; box-shadow:0px 8px 8px -6px #e8ebf3; border-radius:10px; }
div.templatehomenewsbox h1{margin:10px; margin-left:20px; margin-right:20px; line-height:23px; font-size:16px; text-align:left; font-family:Helvetica; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomenewsbox h2{margin:10px; margin-left:20px; margin-right:20px; text-align:left; line-height:19px; font-size:13px; -webkit-line-clamp:2; display: -webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
div.templatehomefilters{margin-left:10px; margin-right:10px; padding:15px; background-color:white; border:1px solid #E3E7F0; border-bottom:0px; position:relative;}
div.templatehomechatbox{cursor:pointer; border:1px solid #E3E7F0; border-bottom:0px; margin-left:10px; margin-right:10px; background-color:white; position:relative; overflow:auto; }
div.templatehomechatbox:hover{background-color:#fcfcfc;}
div.templatehomechatbox .chat_avatar{display:block; position:absolute; width:50px; height:50px; background-color:#f9f9f9; background-size:cover; background-position:center; left:5px; top:0px; border-radius:360px;}
div.templatehomechatbox .chat_avatar.noavatar{ background-color:white; font-size:16px; font-weight:normal; color:#bbbbbb; padding:10px; text-align:center;}
div.templatehomechatbox p.convo_title{margin:0px; margin-top:20px; padding-bottom:0px; line-height:16px; margin-left:70px; color:black; font-size:15px; line-height:18px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient: vertical; overflow: hidden; font-weight:bold;}
div.templatehomechatbox p.convo_shortdesc{margin-left:70px; margin-top:10px; margin-right:15px; font-size:13px; line-height:19px; text-align:left; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.templatehomechatbox p.convo_shortdesc.bubble{margin-top:10px; }
div.templatehomechatbox span.availabilitycircle{display:block; border:2px solid white; width:14px; height:14px; border:2px solid white; border-radius:360px; background-color:#6DAD4F; position:absolute; left:40px; top:40px; z-index:2;}
div.templatehomechatbox p.convo_timestamp{margin-left:70px; font-size:11px; line-height:11px; margin-bottom:0px; text-align:left;}
div.templatehomechatbox div.msgattachholder{margin-top:10px; overflow-y:hidden; height:230px; margin-left:-10px; margin-right:-10px; position:relative;}
div.templatehomechatbox div.msgattachholder div.msgattachscrollbox{height:350px; overflow-y:hidden; overflow-x:auto; white-space:nowrap; padding-left:80px; padding-right:10px;}
div.templatechatloadmorebtn{margin-left:10px; margin-right:10px; padding:20px; border:1px solid #E3E7F0; font-size:14px; border-bottom:2px solid #D9DBDE; border-radius:4px; border-top-left-radius:0px; border-top-right-radius:0px; background-color:white;}
div.templateprofilehqmap{margin:25px; border:1px solid #eeeeee; border-bottom:2px solid #eeeeee; border-radius:3px; height:165px; overflow:hidden; clear:both;}
div.templatehomebtnholder{line-height:60px; margin-bottom:10px; font-size:16px; max-width:980px;}
button.templatehomebtnoptions{margin-right:10px; padding:20px; color:#666666; padding-top:10px; padding-bottom:10px; font-size:16px; background-color:white; font-weight:normal; text-transform:none; border-radius:360px; border:1px solid #eeeeee;}
button.templatehomebtnoptions.loginbtn{color:white; border:1px solid white; background-color:#6DAD4F;}
div.templatearticlebox{vertical-align:top; background-color:white; border:1px solid #E3E7F0; border-radius:10px; margin-bottom:25px; box-shadow:0px 20px 10px -10px #E3E7F0; padding:20px;}
div.templatearticlebox h3.templatearticletimestamp{margin-left:60px; font-size:13px; line-height:20px; margin-top:8px; padding-right:220px; -webkit-line-clamp:1; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
div.homeleftholder{display:table-cell; padding:10px; width:25%; vertical-align:top;}
div.homecenterholder{display:table-cell; padding:10px; width:50%; vertical-align:top;}
div.homerightholder{display:table-cell; width:25%; padding:10px; vertical-align:top;}
div.templateleftholder{display:table-cell; padding:10px; width:68%; vertical-align:top;}
div.templaterightholder{display:table-cell; width:32%; padding:10px; vertical-align:top;}
div.templatemaincontainer{clear:both; border-bottom:1px solid #eeeeee; background-color:#F2F4F7; padding-top:85px; padding-bottom:25px; clear:both; min-height:600px;}
div.templateprofilefilters{margin-top:10px; padding:15px; background-color:white; border:1px solid #E3E7F0; border-radius:10px; box-shadow:0px 20px 10px -10px #E3E7F0;}
h1.templatearticletitle{font-size:29px; color:black; line-height:40px; text-align:left;}
h2.templatearticledesc{font-weight:normal; margin-top:10px; margin-bottom:0px; font-size:16px; color:#666666; text-align:left; line-height:30px;}
div.templatenewscontent{font-family:'Helvetica'; margin-left:5px; margin-right:5px; max-width:920px; text-align:left; margin-bottom:5px; font-size:17px; color:#555555; font-weight:normal; line-height:28px;}
div.templatenewscontent h1, div.templatenewscontent h2{font-size:20px; color:black; font-weight:normal; line-height:32px;}
div.templatenewscontent h3{font-size:18px; color:black; font-weight:normal; line-height:32px;}
div.templatenewscontent a{font-weight:normal; border-bottom:2px dotted #999999; color:black;}
div.templatenewscontent a:hover{font-weight:normal; border-bottom:none; color:#666666;}
div.templatenewscontent figcaption{margin-top:10px; font-size:16px; color:#999999; text-align:center;}
blockquote{margin-left:10px; border-left:4px solid #dddddd; color:#888888; font-size:16px; line-height:25px;}
div.templaterightgreybox{margin-bottom:25px; vertical-align:top; background-color:#EAECF0; overflow:hidden; border:1px solid #E3E7F0; border-radius:10px; padding:15px;}
div.templatemainfooter{clear:both; padding:10px; background-color:black;}
div.templaterightwhitebox{vertical-align:top; background-color:white; overflow:hidden; border:1px solid #E3E7F0; box-shadow:0px 20px 10px -10px #E3E7F0; border-radius:10px; padding:15px; margin-bottom:25px;}
div.templateleftwhitebox{margin-right:10px; border:1px solid #E3E7F0; background-color:white; box-shadow:0px 20px 10px -10px #E3E7F0; border-radius:10px; position:relative; margin-bottom:25px;}
div.templateprofilenavigation{text-align:left; margin-top:35px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding-left:25px; padding-right:25px;}
div.templateprofileavatarholder{text-align:left;}
h1.templateprofiledisplayname{font-size:23px; color:black; margin-top:30px; padding-top:0px; padding-bottom:0px; margin-bottom:0px; line-height:32px; margin-left:110px; font-weight:bold;margin-right:25px;}
h2.templateprofileshortdesc{font-size:15px; margin-top:5px; color:#666666; margin-left:110px; line-height:24px; margin-right:25px;}
span.templateprofileavatar{background-size:cover; background-position:center; border:1px solid #eeeeee; display:block; background-color:#f9f9f9; height:60px; width:60px; position:absolute; border-radius:360px; top:25px; left:25px;}
div.templatefootercontainer{max-width:1080px;}
div.templatenewsbox{height:320px; margin:8px; background-color:white; position:relative; clear:both; border:1px solid #E3E7F0; border-bottom:2px solid #D9DBDE; border-radius:4px; overflow:hidden; margin-bottom:15px;}
div.templatefilterbtnmenu{display:inline-block; margin-right:10px;}
button.templatefilterbtntoggle{display:inline-block; margin-right:10px; font-size:14px; font-weight:normal; text-transform:none; line-height:14px; padding:10px; border:0px; position:relative; padding-left:50px;}
div#templateprofilestable{display:table; margin-top:25px; width:100%; border:1px solid #E3E7F0; border-radius:10px; overflow:hidden; border-bottom:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
div#templateprofilestable div.templateprofileshead, div#templateprofilestable div.templateprofilesbody{display:table-row;}
div#templateprofilestable div.templateprofiletablesheadcolumn{background-color:#EBEEF2; padding:15px; display:table-cell; text-align:center; font-size:15px; color:#666666; font-weight:bold;}
div#templateprofilestable div.templateprofiletablesbodycolumn{padding:15px; background-color:white; font-size:14px; line-height:21px; border:1px solid #f9f9f9; display:table-cell; position:relative; min-height:80px;}
div.dbloadmore{cursor:pointer; display:block; padding:15px; background-color:white; border:1px solid #E3E7F0; box-shadow:0px 20px 10px -10px #E3E7F0; border-bottom-right-radius:10px; border-bottom-left-radius:10px; text-align:center; font-size:14px; font-weight:bold; border-top:1px solid #f9f9f9;}
div.dbloadmore:hover{background-color:#f9f9f9;}
}
.document {
height: 100%;
position: relative;
}
/* PRELOADER */
.preloader {
display: table;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
color: #444444;
background-image: none;
z-index: 9999;
}
.preloader-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.preloader-logo {
display: inline-block;
margin-top: -20px;
}
.preloader-logo img {
display: none;
max-height: 90px;
}
.preloader-logo strong {
position: absolute;
top: 50%;
left: 50%;
margin-top: 45px;
margin-left: -45px;
display: none;
width: 90px;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
-webkit-animation: preloader-loading 2s infinite;
animation: preloader-loading 2s infinite;
}
@-webkit-keyframes preloader-loading {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes preloader-loading {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
.with-preloader .document {
opacity: 0;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.with-preloader.preloader-done .document {
opacity: 1;
}
.with-preloader.preloader-done .preloader {
display: none;
}
.with-preloader .wow {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
.with-preloader.preloader-done .wow {
animation-play-state: running;
-webkit-animation-play-state: running;
}
/* SECTION */
.section {
position: relative;
background-image: url(../images/backgrounds/section-light-bg.png);
background-position: bottom center;
background-repeat: repeat-x;
overflow: hidden;
}
.section-inverse-color {
background-image: url(../images/backgrounds/section-dark-bg.png);
background-color: #222222;
color: #cccccc;
}
.black-background-overlay,
.black-dot-background-overlay,
.accent-background-overlay {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.black-background-overlay {
background-color: #000000;
opacity: 0.5;
}
.accent-background-overlay {
opacity: 0.95;
}
.black-dot-background-overlay {
background-color: rgba(0,0,0,0.5);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM4Q0NDRTgyNDQ2MTFFNEE2NEVDNzc4QzFDRjlCRUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM4Q0NDRTkyNDQ2MTFFNEE2NEVDNzc4QzFDRjlCRUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzhDQ0NFNjI0NDYxMUU0QTY0RUM3NzhDMUNGOUJFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzhDQ0NFNzI0NDYxMUU0QTY0RUM3NzhDMUNGOUJFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkB60N8AAAAYSURBVHjaYmJgYPgPBAxMQIIRyGEACDAARwYG/12eAo8AAAAASUVORK5CYII%3D);
background-repeat: repeat;
background-position: center center;
}
.parallax-background {
background-attachment: fixed;
background-position: top center;
}
.video-background-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.container {
position: relative;
}
.mobile-device .parallax-background {
background-attachment: scroll;
background-position: center center !important;
}
.mobile-device .parallax {
top: 0 !important;
}
/* OTHER GENERAL CLASSES */
.clear {
clear: both;
}
.blur {
-webkit-filter: blur( 10px );
filter: blur( 10px );
}
/**
* ========================================
* BUTTONS
* ========================================
*/
.btn {
padding: 14px 22px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0;
}
.btn-lg {
padding: 20px 25px;
}
.btn-lg, .btn-app-download {
font-size: 14px;
letter-spacing: 1.5px;
}
.btn-app-download {
position: relative;
padding: 10px 20px 10px 60px;
text-align: left;
}
.btn-app-download strong {
display: block;
margin-bottom: 6px;
font-weight: 800;
}
.btn-app-download span {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
margin-top: -3px;
opacity: 0.8;
}
.btn-app-download i {
position: absolute;
top: 0;
left: 0;
margin: 10px 0 0 15px;
font-size: 40px;
line-height: 1;
}
.btn-black {
background-color: #222222;
color: #ffffff;
}
.btn-black:focus, .btn-black:hover {
background-color: #000000;
color: #ffffff;
}
.btn-gray {
background-color: #999999;
color: #ffffff;
}
.btn-gray:focus, .btn-gray:hover {
background-color: #777777;
color: #ffffff;
}
.btn-ios {
background-color: #999999;
color: #ffffff;
}
.btn-ios:focus, .btn-ios:hover {
background-color: #777777;
color: #ffffff;
}
.btn-android {
background-color: #a4c639;
color: #ffffff;
}
.btn-android:focus, .btn-android:hover {
background-color: #8bad20;
color: #ffffff;
}
.btn-windows-phone {
background-color: #e81123;
color: #ffffff;
}
.btn-windows-phone:focus, .btn-windows-phone:hover {
background-color: #cf000a;
color: #ffffff;
}
/**
* ========================================
* FORMS
* ========================================
*/
.form-control::-webkit-input-placeholder {
color: #aaaaaa;
}
.form-control:-moz-placeholder {
color: #aaaaaa;
}
.form-control::-moz-placeholder {
color: #aaaaaa;
}
.form-control:-ms-input-placeholder {
color: #aaaaaa;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #cccccc;
}
.form-control {
font-size: inherit;
line-height: inherit;
height: 50px;
padding: 11px 22px;
color: inherit;
border-color: #dddddd;
background-color: #ffffff;
}
.form-control-lg {
font-size: 18px;
line-height: 30px;
height: 60px;
padding: 15px 25px;
}
.section-inverse-color .form-control {
color: #777777;
}
.form-validation {
display: none;
padding: 15px 25px;
}
.form-validation.alert-danger {
color: #ffffff;
background-color: #a94442;
background-color: rgba(169,68,66,0.8);
border-color: #a94442;
}
.form-validation.alert-success {
color: #ffffff;
background-color: #3c763d;
background-color: rgba(60,118,61,0.8);
border-color: #3c763d;
}
/**
* ========================================
* HEADINGS
* ========================================
*/
span.autoscroll{
cursor:pointer;
}
span.autoscroll:hover{
background-color:rgba(0,0,0,0.1);
}
h1, h2, h3, h4, h5, h6 {
color: black;
}
.section-inverse-color h1,
.section-inverse-color h2,
.section-inverse-color h3,
.section-inverse-color h4,
.section-inverse-color h5,
.section-inverse-color h6 {
color: #ffffff;
}
.section-heading {
position: relative;
padding-bottom: 20px;
margin: 0 0 30px;
font-weight: 300;
font-size: 32px;
line-height: 42px;
}
.section-heading:after {
content: "";
position: absolute;
top: 100%;
left: 0;
height: 2px;
width: 120px;
}
.section-heading.text-center:after {
left: 50%;
margin-left: -60px;
}
@media ( min-width: 768px ) {
.section-heading {
font-size: 36px;
line-height: 46px;
}
}
@media ( min-width: 992px ) {
.section-heading {
font-size: 40px;
line-height: 50px;
}
}
/**
* ========================================
* LIST
* ========================================
*/
.list-with-icons {
list-style: none;
padding: 0;
}
.list-with-icons li {
position: relative;
padding-left: 50px;
margin: 10px 0;
}
.list-with-icons li > i[class*="icon-"],
.list-with-icons li > i[class*="fa-"] {
position: absolute;
top: 5px;
left: 10px;
width: 20px;
font-size: 20px;
line-height: 1;
text-align: center;
}
/**
* ========================================
* PHONE IMAGE
* ========================================
*/
.phone-image-double {
position: relative;
}
.phone-image-front {
z-index: 1;
}
.phone-image-double {
max-width: 50%;
}
.phone-image-right {
margin-left: -25%;
}
@media ( min-width: 768px ) and ( max-width: 991px ) {
.phone-image-right {
margin-left: -20%;
}
}
/**
* ========================================
* HERO SECTION
* ========================================
*/
.hero-section {
height: 100%;
background-image: url(../images/backgrounds/hero-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.hero-logo {
margin-bottom: 30px;
max-height: 70px;
}
.hero-title {
margin: 0 0 30px;
font-weight: 300;
font-size: 32px;
line-height: 42px;
}
.hero-description {
margin-bottom: 30px;
font-size: 18px;
line-height: 30px;
}
.hero-section .container {
height: 100%;
}
.hero-content {
display: table;
height: 100%;
width: 100%;
padding-bottom: 60px;
}
.hero-section .download-buttons {
margin: 0 -10px;
}
.hero-section .download-buttons .btn-app-download {
margin: 0 10px 10px;
}
.hero-text {
display: table-cell;
vertical-align: middle;
}
.hero-images {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.hero-images:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.hero-image {
vertical-align: middle;
}
.hero-release {
margin: 30px 0 0;
opacity: 0.7;
}
.hero-release i {
display: inline-block;
margin-left: 20px;
font-size: 32px;
}
.hero-release i:first-child {
margin-left: 0;
}
@media ( max-width: 991px ) {
.hero-section {
min-height: 100%;
height: auto;
padding: 100px 0 0;
}
}
@media ( max-width: 767px ) {
.hero-section {
padding: 80px 0 0;
}
.hero-images {
display: none;
}
.hero-content {
text-align: center;
}
.articlecontentheader{
font-size:16px;
line-height:25px;
}
.articlecontent{
color: black;
font-size:14px;
line-height:22px;
}
}
@media ( max-width: 768px ) {
.responsiveheader{
display:none;
}
.hiddenresponsiveheader{
display:inherit;
}
h1.newstitle{
font-size:25px; color:black; line-height:40px; text-align:left;
}
p.newsshortdesc{
margin-top:10px; margin-bottom:0px; font-size:19px; color:black; text-align:left; font-weight:300; line-height:35px; color:#666666;
}
p.newsattribution{
font-weight:normal; color:#666666; font-size:12px; text-align:left; padding:0px; margin-top:10px;
}
div.newscontent{
font-family:'Helvetica'; margin-left:5px; margin-right:5px; max-width:920px; text-align:left; margin-bottom:5px; font-size:16px; color:black; font-weight:normal; line-height:25px;
}
div.newscontent h2{
max-width:920px; text-align:left; margin-bottom:5px; font-size:18px; color:black; font-weight:normal; line-height:28px;
}
div.productcontent{
max-width:920px; text-align:left; margin-bottom:0px; font-size:19px; color:black; font-weight:300; line-height:30px;
}
div.productcontent h2{
max-width:920px; text-align:left; margin-bottom:0px; font-size:22px; color:black; font-weight:normal; line-height:35px;
}
h1.retreatheading{font-size:30px; line-height:44px; font-weight:300; margin:0px; color:white;}
blockquote{margin-left:10px; border-left:4px solid #dddddd; color:#666666; font-size:14px;}
}
/**** Card Content *****/
@media (max-width:350px) {
div.cardcontent{
max-width:920px; text-align:left; margin-bottom:0px; font-size:18px; color:black; font-weight:300; line-height:30px; padding:15px;
}
div.cardcontentcover h1{
text-shadow: 1px 1px 8px black; max-width:920px; text-align:left; margin-top:0px; margin-bottom:0px; font-size:24px; color:white; font-weight:bold; line-height:40px; padding:8px;
}
div.cardcontentcover p{
text-shadow: 1px 1px 8px black; margin-top:0px; max-width:920px; text-align:left; margin-bottom:0px; font-size:16px; color:white; font-weight:normal; line-height:26px; padding:8px;
}
div.cardcontentcover p.author{
text-shadow: 1px 1px 8px black; margin-top:0px; max-width:920px; text-align:left; margin-bottom:0px; font-size:14px; color:white; font-weight:normal; line-height:18px; padding:8px;
}
div.cardcontent_small p{
margin-bottom:0px; font-size:7px; color:black; font-weight:300; line-height:10px; padding:5px; margin-top:0px;
}
div.cardcontent_small img{
background-color:#f9f9f9;
}
div.cardcontentcover_small h1{
margin-bottom:0px; font-size:9px; font-weight:bold; color:white; line-height:15px; padding:5px; margin-top:0px;
}
div.cardcontentcover_small h2{
margin-bottom:0px; font-size:6px; font-weight:normal; color:white; line-height:10px; padding:5px; margin-top:0px;
}
div.cardcontent figure{
background-image: url('../images/preloaders/loading_small.gif');
background-repeat: no-repeat;
background-position: center center;
}
}
@media (min-width: 350px) AND (max-width: 768px) {
div.cardcontent{
max-width:920px; text-align:left; margin-bottom:0px; font-size:23px; color:black; font-weight:300; line-height:35px; padding:15px;
}
div.cardcontentcover h1{
text-shadow: 1px 1px 8px black; max-width:920px; text-align:left; margin-top:0px; margin-bottom:0px; font-size:30px; color:white; font-weight:bold; line-height:50px; padding:8px;
}
div.cardcontentcover p{
text-shadow: 1px 1px 8px black; margin-top:0px; max-width:920px; text-align:left; margin-bottom:0px; font-size:20px; color:white; font-weight:normal; line-height:32px; padding:8px;
}
div.cardcontentcover p.author{
text-shadow: 1px 1px 8px black; margin-top:0px; max-width:920px; text-align:left; margin-bottom:0px; font-size:14px; color:white; font-weight:normal; line-height:18px; padding:8px;
}
div.cardcontent_small p{
margin-bottom:0px; font-size:7px; color:black; font-weight:300; line-height:10px; padding:5px; margin-top:0px;
}
div.cardcontent_small img{
background-color:#f9f9f9;
}
div.cardcontentcover_small h1{
margin-bottom:0px; font-size:9px; font-weight:bold; color:white; line-height:15px; padding:5px; margin-top:0px;
}
div.cardcontentcover_small h2{
margin-bottom:0px; font-size:6px; font-weight:normal; color:white; line-height:10px; padding:5px; margin-top:0px;
}
div.cardcontent figure{
background-image: url('../images/preloaders/loading_small.gif');
background-repeat: no-repeat;
background-position: center center;
}
}
@media ( min-width: 768px ) {
div.cardcontent{
max-width:920px; text-align:left; margin-bottom:0px; font-size:23px; color:black; font-weight:300; line-height:35px; padding:15px;
}
div.cardcontentcover p.author{
text-shadow: 1px 1px 8px black; margin-top:0px; max-width:920px; text-align:left; margin-bottom:0px; font-size:14px; color:white; font-weight:normal; line-height:18px; padding:8px;
}
div.cardcontentcover h1{
text-shadow: 1px 1px 8px black; max-width:920px; text-align:left; margin-top:0px; margin-bottom:0px; font-size:30px; color:white; font-weight:bold; line-height:50px; padding:8px;
}
div.cardcontentcover p{
text-shadow: 1px 1px 8px black; margin-top:0px; max-width:920px; text-align:left; margin-bottom:0px; font-size:20px; color:white; font-weight:normal; line-height:32px; padding:8px;
}
div.cardcontent_small p{
margin-bottom:0px; font-size:7px; color:black; font-weight:300; line-height:10px; padding:5px; margin-top:0px;
}
div.cardcontent_small img{
background-color:#f9f9f9;
}
div.cardcontentcover_small h1{
margin-bottom:0px; font-size:9px; font-weight:bold; color:white; line-height:15px; padding:5px; margin-top:0px;
}
div.cardcontentcover_small h2{
margin-bottom:0px; font-size:6px; font-weight:normal; color:white; line-height:10px; padding:5px; margin-top:0px;
}
div.cardcontent figure{
background-image: url('../images/preloaders/loading_small.gif');
background-repeat: no-repeat;
background-position: center center;
}
}
/******* */
@media ( min-width: 768px ) {
.articlecontentheader{
color: black;
font-size:20px;
line-height:30px;
}
.articlecontent{
color: black;
font-size:16px;
line-height:24px;
}
.hiddenresponsiveheader{
display:none;
}
.responsiveheader{
display:inherit;
}
.hero-logo {
max-height: 80px;
}
.hero-title {
font-size: 36px;
line-height: 46px;
}
.hero-text {
width: 50%;
padding-right: 15px;
}
.hero-images {
width: 50%;
padding-left: 15px;
}
h1.newstitle{
font-size:35px; color:black; line-height:50px; text-align:left;
}
p.newsshortdesc{
margin-top:10px; margin-bottom:0px; font-size:20px; color:black; text-align:left; font-weight:300; line-height:35px; color:#666666;
}
div.newscontent{
max-width:920px; text-align:left; margin-bottom:0px; font-size:23px; color:black; font-weight:300; line-height:35px;
}
div.newscontent h2{
max-width:920px; text-align:left; margin-top:35px; margin-bottom:0px; font-size:26px; color:black; font-weight:normal; line-height:40px;
}
div.productcontent{
max-width:920px; text-align:left; margin-bottom:0px; font-size:20px; color:black; font-weight:300; line-height:30px;
}
div.productcontent h2{
max-width:920px; text-align:left; margin-top:35px; margin-bottom:0px; font-size:22px; color:black; font-weight:normal; line-height:37px;
}
p.newsattribution{
font-weight:normal; color:#666666; font-size:15px; text-align:left; padding:0px; margin-top:10px;
}
h1.retreatheading{font-size:55px; line-height:80px; color:white; font-weight:300; margin:0px; color:white;}
}
@media ( min-width: 992px ) {
.hero-logo {
max-height: 90px;
}
.hero-title {
font-size: 40px;
line-height: 50px;
}
}
/**
* ========================================
* SUBSCRIBE SECTION
* ========================================
*/
.subscribe-form {
max-width: 480px;
margin: 0 auto;
}
.subscribe-form-email, .subscribe-form-submit {
margin-bottom: 10px;
}
.subscribe-form-submit {
width: 100%;
}
@media ( min-width: 768px ) {
.subscribe-form {
margin: 0;
}
.subscribe-form-input {
position: relative;
padding-right: 150px;
}
.subscribe-form-email {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.subscribe-form-submit {
position: absolute;
top: 0;
right: 0;
width: 150px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
/**
* ========================================
* FOOTER SECTION
* ========================================
*/
.footer-section {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 15px 20px;
color: #cccccc;
text-align: center;
opacity: 0.7;
}
.footer-text {
margin: 0;
padding: 0;
list-style: none;
}
.footer-text li {
display: inline-block;
margin-left: 10px;
}
.footer-text li:first-child {
margin-left: 0;
}
.copyright {
margin: 0;
text-align: center;
}
.copyright a {
font-weight: normal;
color: #cccccc;
}
.copyright a:focus, .copyright a:hover {
color: #ffffff;
}
@media ( min-width: 992px ) {
.footer-section {
text-align: center;
}
}
/* File Uploads */
.ajax-file-upload-statusbar {
width:95px;
height:95px;
border:1px solid #dddddd;
margin:5px;
display:inline-block;
position:relative;
overflow:hidden;
}
.ajax-file-upload-statusbar-digital {
width:95px;
height:95px;
border:1px solid #dddddd;
margin:5px;
display:inline-block;
position:relative;
overflow:hidden;
}
.ajax-file-upload-preview{
visibility:hidden;
}
.ajax-file-upload-image img{
width:180px;
height:auto;
margin-left:-45px;
}
span.removeuploadbtn{
visibility:hidden;
text-shadow:0 1px 4px black;
}
.ajax-file-upload-statusbar:hover span.removeuploadbtn, .ajax-file-upload-statusbar-digital:hover span.removeuploadbtn{
visibility:visible;
}
.ajax-file-upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579;
}
.ajax-file-upload-progress {
left:50%;
bottom:10%;
margin-top:-5px;
margin-left:-30px;
z-index:1;
position: absolute;
width: 60px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
}
.ajax-file-upload-bar {
background-color: white;
width: 0;
width:100px;
height: 5px;
border-radius: 3px;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%;
}
.ajax-file-upload-red {
position:absolute;
top:0px;
right:4px;
cursor:pointer;
border:0px;
color:white;
font-weight:normal;
font-family:Verdana;
font-size:13px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload, .ajax-file-upload-digital {
cursor:pointer;
border: 1px dashed #cccccc;
color: #888;
margin:5px;
width:95px;
height:95px;
overflow:auto;
display:inline-block;
background: url("../images/assets/plussign.png") no-repeat center center white;
}
.ajax-file-upload:hover, .ajax-file-upload-digital:hover {opacity:0.8;}
.ajax-upload-dragdrop{
border:2px dotted #A5A5C7;
color: #DADCE3;
text-align:left;
vertical-align:middle;
padding:10px 10px 0px 10px;
}
.ajax-upload-dragdrop.state-hover{border: 2px solid #A5A5C7;}
.ajax-file-upload-error {color: red;}
/* NEW BEAM */
@media ( min-width: 992px ) {
p.formtitle{margin:0px; margin-top:0px; margin-bottom:5px;}
p.formdescription{font-size:11px; color:#888888; line-height:15px; margin:0px; margin-top:10px; margin-bottom:0px;}
div.mainfooter{clear:both; padding:10px; background-color:#f9f9f9; border-top:1px solid #eeeeee; margin-top:25px;}
div.maincontainer{margin-left:140px; margin-right:140px; margin-top:130px; min-width:1100px; clear:both; overflow:auto;}
div.mainleftcontainer{float:left; width:630px;}
div.newsleftcontainer{float:left; margin-left:30px; width:100%; max-width:670px}
div.homeleftbox{margin-bottom:25px; border:1px solid #dddddd; border-radius:8px; margin-left:10px; margin-right:10px;}
div.homeleftbox div.newssliderholder{overflow:hidden; height:290px;}
div.homeleftbox div.newsslider{padding:0px; height:400px; margin-bottom:10px; white-space:nowrap; padding-left:10px;}
div.maincontentbox{margin-left:8px; margin-right:8px; margin-bottom:25px; position:relative; min-height:90px; padding:10px;}
div.maincontentbox:hover{background-color:#f9f9f9;}
div.maincontentbox .avatar{background-size:cover; background-position:center; width:60px; height:60px; display:block; border-radius:360px; background-color:#f9f9f9; border:1px solid #eeeeee; position:absolute; top:5px; left:0px;}
div.maincontentbox h2.displayname{font-size:16px; margin:0px; margin-left:80px; line-height:23px;}
div.maincontentbox h2.jobtitle{font-size:17px; line-height:25px; margin:0px; margin-left:5px;}
div.maincontentbox span.jobavatar{background-size:cover; background-position:center; width:60px; height:60px; display:block; border-radius:5px; background-color:#f9f9f9; border:1px solid #eeeeee; float:right; margin-left:25px;}
div.maincontentbox p.longdesc{font-size:15px; margin:0px; font-weight:300; line-height:23px; margin-top:8px; margin-left:80px; color:black;}
div.maincontentbox p.country{font-size:13px; margin:0px; font-weight:300; line-height:20px; margin-top:5px; margin-left:80px; color:#333333;}
div.ctaform{margin:8px; border-radius:5px; padding:10px;}
div.rightcontentbox{border:1px solid #dddddd; border-radius:8px; margin-bottom:25px; position:relative;}
div.rightcontentbox div.rightcontentsliderholder{overflow:hidden; height:290px;}
div.rightcontentbox div.rightcontentslider{padding:0px; height:400px; margin-bottom:10px; white-space:nowrap; padding-left:10px;}
div.rightcontentbox hr.rseparator{border:0px; border-bottom:1px solid #eeeeee;}
/* News */
div.contentholder{
margin-left:8px; margin-right:8px; margin-bottom:25px; position:relative; min-height:90px;
}
div.contentholder h2{
font-size:18px; margin-left:15px; margin-bottom:20px; position:relative;
}
div.newscontentbox{
vertical-align:top; border:1px solid #dddddd; background-color:white; width:196px; display:inline-block; height:280px; margin-right:10px; border-radius:8px; overflow:hidden;
}
div.newssliderholder{
overflow:hidden; height:290px; ;
}
div.newsslider{
padding:0px; height:400px; margin-bottom:10px; white-space:nowrap;
}
p.showmorenews{
margin-top:0px; font-weight:300; margin-left:10px; text-align:right;
}
/* Broadcasts */
div.broadcastbox{
vertical-align:top; border:1px solid #dddddd; background-color:white; width:196px; display:inline-block; height:200px; margin-right:10px; border-radius:8px; overflow:hidden;
}
div.broadcastholder{
overflow:hidden; height:210px;
}
div.broadcastslider{
padding:0px; height:400px; margin-bottom:10px; white-space:nowrap;
}
/* People */
div.peopleholder{
margin-bottom:25px; border:1px solid #dddddd; border-radius:8px; padding:15px; margin-left:10px; margin-right:10px;
}
div.peopleholder h2{
font-size:18px; margin-left:5px; margin-bottom:15px; margin-top:10px;
}
div.mainrightcontainer{float:left; margin-left:30px; width:430px;}
div.newsrightcontainer{float:left; margin-left:30px; width:370px}
/* Profile */
div.profilebox{
margin-bottom:25px; border:1px solid #dddddd; border-radius:8px; margin-left:10px; margin-right:10px; min-width:600px;
}
div.profilebox h1{
margin:0px; font-size:22px;
}
div.profilebox h2{font-weight:300; font-size:16px; line-height:22px; margin-top:5px;}
div.profilebox span.avatar{
background-position:center; background-size:cover; display:block; width:150px; height:150px; background-color:#f9f9f9; float:right; border-top-right-radius: 8px;
}
div.profilebox div.newssliderholder{
overflow:hidden; height:290px;
}
div.profilebox div.newsslider{
padding:0px; height:400px; margin-bottom:10px; white-space:nowrap; padding-left:10px;
}
div.profilebox div.newscontentbox{
vertical-align:top; border:1px solid #dddddd; background-color:white; width:190px; display:inline-block; height:280px; margin-right:10px; border-radius:8px; overflow:hidden;
}
/* Article */
h1.articletitle{font-size:35px; color:black; line-height:55px; text-align:left;}
h2.articledesc{margin-top:10px; margin-bottom:0px; font-size:20px; color:black; text-align:left; font-weight:300; line-height:35px;}
}
@media ( max-width: 991px ) {
p.formtitle{margin:0px;}
p.formdescription{font-size:11px; color:#888888; line-height:15px; margin:0px;}
div.mainfooter{clear:both; padding:10px; background-color:#f9f9f9; border-top:1px solid #eeeeee;}
div.maincontainer{margin-left:0px; margin-right:0px; overflow:auto; margin-top:65px; clear:both; overflow:auto;}
div.mainleftcontainer{}
div.mainrightcontainer{}
div.newsleftcontainer{padding:10px; padding-top:0px;}
div.newsrightcontainer{padding:10px;}
div.homeleftbox{margin-bottom:25px; border:1px solid #dddddd; border-radius:8px; margin-left:10px; margin-right:10px;}
div.homeleftbox div.newssliderholder{overflow:hidden; margin-bottom:8px; height:300px; margin-left:-10px; margin-right:-10px;}
div.homeleftbox div.newsslider{padding:10px; height:400px; padding-left:10px; padding-right:10px; margin-bottom:10px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling: touch; padding-left:20px;}
div.maincontentbox{position:relative; border-bottom:1px solid #eeeeee; padding-top:10px; padding-bottom:10px; min-height:80px; padding:10px; -webkit-tap-highlight-color:#f9f9f9;}
div.maincontentbox:focus, div.maincontentbox:active, div.maincontentbox:hover{background-color:#f9f9f9;}
div.maincontentbox .avatar{background-size:cover; background-position:center; width:50px; height:50px; display:block; border-radius:360px; background-color:#f9f9f9; border:1px solid #eeeeee; position:absolute; top:5px; left:2px;}
div.maincontentbox h2.displayname{font-size:14px; margin:0px; margin-left:70px; line-height:20px;}
div.maincontentbox h2.jobtitle{font-size:14px; line-height:22px; margin:0px; margin-left:5px;}
div.maincontentbox span.jobavatar{background-size:cover; background-position:center; width:50px; height:50px; display:block; border-radius:5px; background-color:#f9f9f9; border:1px solid #eeeeee; float:right; margin-left:25px;}
div.maincontentbox p.longdesc{font-size:12px; font-family:Arial; margin:0px; font-weight:normal; line-height:20px; margin-top:8px; margin-left:70px; color:#777777; word-break:break-word;}
div.maincontentbox p.country{font-size:12px; margin:0px; font-weight:300; line-height:20px; margin-top:5px; margin-left:70px; color:#333333;}
div.rightcontentbox{border-bottom:1px solid #dddddd; margin-bottom:8px; position:relative;}
div.rightcontentbox div.rightcontentsliderholder{overflow:hidden; margin-bottom:8px; height:300px; }
div.rightcontentbox div.rightcontentslider{padding:10px; height:400px; padding-left:10px; padding-right:10px; margin-bottom:10px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling: touch;}
div.rightcontentbox hr.rseparator{border:0px;}
div.ctaform{padding:10px; border-radius:0px;}
/* News Content */
div.contentholder{position:relative; border-bottom:1px solid #dddddd; min-height:90px;}
div.newscontentbox{vertical-align:top; border:1px solid #dddddd; background-color:white; width:220px; display:inline-block; height:280px; margin-right:10px; border-radius:8px; overflow:hidden;}
div.newssliderholder{
overflow:hidden; margin-bottom:8px; height:300px;
}
div.newsslider{
padding:10px; height:400px; padding-left:10px; padding-right:10px; margin-bottom:10px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling: touch;
}
p.showmorenews{
display:none;
}
div.contentholder h2{font-size:16px; margin-left:15px; margin-bottom:20px; position:relative;}
/* People */
div.peopleholder{
margin-left:8px; margin-right:8px; margin-bottom:8px; border:1px solid #dddddd; border-radius:8px; padding:10px;
}
div.peopleholder h2{
font-size:16px; margin-left:5px; margin-bottom:15px;
}
/* Broadcasts */
div.broadcastholder{
overflow:hidden; margin-bottom:8px; height:220px;
}
div.broadcastslider{
padding:10px; height:400px; padding-left:10px; padding-right:10px; margin-bottom:10px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling: touch;
}
div.broadcastbox{
vertical-align:top; border:1px solid #dddddd; background-color:white; width:220px; display:inline-block; height:200px; margin-right:10px; border-radius:8px; overflow:hidden;
}
/* Profile */
div.profilebox{
margin-bottom:8px; margin-top:0px; border-bottom:1px solid #dddddd;
}
div.profilebox h1{
margin:0px; font-size:20px;
}
div.profilebox h2{font-weight:300; font-size:14px; line-height:22px; margin-top:5px;}
div.profilebox span.avatar{
background-position:center; background-size:cover; display:block; width:110px; height:110px; background-color:#f9f9f9; float:right; border-top-right-radius: 8px;
}
div.profilebox div.newssliderholder{
overflow:hidden; margin-bottom:8px; height:300px;
}
div.profilebox div.newsslider{
padding:10px; height:400px; padding-left:10px; padding-right:10px; margin-bottom:10px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling: touch;
}
div.profilebox div.newscontentbox{
vertical-align:top; border:1px solid #dddddd; background-color:white; width:220px; display:inline-block; height:280px; margin-right:10px; border-radius:8px; overflow:hidden;
}
/* Article */
h1.articletitle{font-size:22px; color:black; line-height:38px; text-align:left; font-weight:bold;}
h2.articledesc{margin-top:10px; margin-bottom:0px; font-size:16px; text-align:left; color:#666666; font-weight:normal; line-height:24px;}
}