/* Frontend */ 
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 20px 8px 0;
  line-height: 1.42857143;
  border-top: 1px solid #e1e1e1;
  vertical-align: middle;
}
.table > tbody > tr.larger-rows > td {padding: 10px 20px 10px 0;}
.table > thead > tr > th {border-bottom-width: 1px; border-bottom-color: #e1e1e1}
.tblright {padding-right:0px!important; text-align:right;}
.tbl-lastrow td {padding-bottom: 0!important;}
.refsearch .table > tbody > tr > td {border-top:0px;}

#footer p {font-size:14px;}
.menudivider {line-height:61px; font-weight: bold;}
#primary-menu.style-4 > ul > li > a {margin-top: 9px;}
#primary-menu ul li a { font-size: 16px; }
ul.pp-menu > li > a { font-weight: bold;}
.footerinnerbox {max-width: 590px;}

.mainsiteinfobox {position: relative;}
.mainsiteinfobox .resp-img { width:100%; height:auto; border:0;}
.mainsitecaption { position:absolute; top:5px; left:0; right:0; bottom:10px; overflow:auto; }
.mainsitecaption-inner { display:table; width:100%; height:100%; }
.mainsitecaption-content { display:table-cell; vertical-align:middle; }
.mainsiteinfobox h1{line-height: 1.2; font-size: 55px; color: #444;}
.mainsiteinfobox h3{line-height: 1.2; font-size: 33px; color: #444; padding-bottom: 0;}

.footer-widgets-wrap a {color:#03a9fe!important;}
.mainsiteimagesubtitle { float: left; color:#fff; font-size:28px; padding: 25px 0 25px 0;}
.mainsiteimagesubtitle { padding-left: 3.7%;}
.mainsiteimagebutton { float: right; margin-right:70px; margin-top: 16px;}

.mainsitecontent .feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img { border: #fff; }
.mainsitecontent .feature-box .fbox-icon i, .feature-box .fbox-icon img { border-top-right-radius: 45% }
.mainsitecontent .feature-box:hover .fbox-icon img { background-color: #03a9fe; }
.mainsitecontent .feature-box.fbox-center p { font-size: 18px; }
.mainsitesealbox, .publicrefcontactform { background: #efefef; } /*trusted lightgray*/
.mainsitesealbox p {font-size:20px; font-weight: 300; margin-right: 50px; padding-top: 15px;}

.marketingcontent h3, .mainsitechannels h3, .mainsitecontent h3 { font-size: 43px}
.marketingcontent .boxtext {color: #999; font-size: 18px;}
.mainsitetext { font-size: 28px; font-weight: 300; }

.marketingcontent .mainsitetext { margin:0 auto 40px auto;}
.marketingcontent h3 { margin-bottom: 0; }
.mainsitetool .button {min-width: 120px;}

.mainsitesealbox { height: 310px; padding-top: 10px;}
.img-shiv { height: 300px; min-width: 400px; background:url('../images/siegel-hand.png') no-repeat bottom left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.mainsitesealbox .col-md-8 {padding: 30px 0 0 50px;}
.mainsitesealbox .main-md9-content {max-width: 940px}
.mainsitesealbox .main-md9-content h2 {line-height: 1.2em; margin-top:40px;}
.mainsitesealbox .col-md-8 {line-height: 1.2em;}

.mainsitechannels .mainsitetext { width: 800px; margin:0 auto 40px auto;}
.mainsitechannels h3 { margin-bottom: 0; }
.mainsitechannels { margin-bottom: 50px; }

.pricebox { font-size: 32px; font-weight: bolder; color:#03a9fe;/*trusted call2action blue*/}
.priceinfo { font-size: 14px; font-weight: 300;}
.priceinfo .col_half {margin-bottom: 0;}
.priceboxlabel { line-height: 65px; }
.pricebox { font-size: 32px; color:#03a9fe;/*trusted call2action blue*/}
.priceoptionstitle {font-size: 18px; font-weight: bold;}

/* button colors */
.btn-green {color:#fff!important; background: #4caf50!important;} /* green */
.btn-gray {color:#fff!important; background: #aaaaaa!important;} /* grau */
.btn-gray:hover {background: #7f7f7f!important;} /* grau */
.btn-blue {color:#fff!important; background: #03a9fe!important;} /* blau */
.btn-blue:hover {background: #0c5484!important;} /* blau */
.info-orange {color:#fff!important; background: #e46c0a!important;}
.info-red {color:#fff!important; background: #f00!important;}
.info-gray {color:#fff!important; background: #aaaaaa!important;}
.infodash-orange {color:#e46c0a!important; border: 2px solid #e46c0a!important;}
.infodash-red {color:#f00!important; border: 2px solid #f00!important;}
.infodash-gray {color:#aaaaaa!important; border: 2px solid #aaaaaa!important;}
.yellownote {background: #ffffcc; border: 1px solid #ffd15e; }
.userpage {min-width:1200px!important; };
.userpage .button.button-mini { padding: 0 25px; text-transform: none; }
.userpages .content-wrap { padding-top: 24px; }
.margin24bottom {margin-bottom: 24px;}
.margin16right {margin-right: 16px!important;}
.margin16top {margin-top: 16px!important;}
.margin6top {margin-top: 5px!important;}
.margin16bottom {margin-bottom: 16px!important;}
.padding16ltr {padding: 16px 16px 0 16px;}
.paddingtop30 { padding-top: 30px !important; }
.nopaddingltr {padding-left:0;padding-right:0;}
a.button:hover {color:#fff!important;}
.wordtemplate {text-align:right;}
.lightborder {border: 1px solid #ddd}
.pricelargertext {font-size: 20px;}
.price-unitspezial {font-size: 28px;font-weight: 500;}
.spezialoffer .pricing-price, .spezialoffer .pricing-box.best-price .pricing-price { font-size: 32px; }
.spezialoffer .pricing-price span {font-size: 22px;}
.spezialoffer .pricing-price span {margin: 0px 3px 0 5px;}

/* modal register form */
.register-type-title { text-align: center; font-size: 24px; font-weight: 300; padding-top:10px;}
.register-type-subtitle{ text-align: center; font-size: 14px; font-weight: 300; padding-bottom:10px;}
.register-type-button { padding: 10px; }
.register-type-button .button-large {width:98%; text-align: center;  font-size: 20px;}
#register-form-next { margin: 0;}
#register-body .form-control {height: 50px;}
#register-body .col_half { width: 48%; }
.agbrules label, .agbrules a{font-size: 90%;}
.regmarginbottom { margin-bottom: 24px; }
#reg-errormail, #reg-errorpsw, #reg-errorfirstname, #reg-errorlastname, #reg-erroragb, #reg-errorgender, #reg-errorcompany,
#demo-errorfirstname, #demo-errorlastname, #demo-errorfon, #demo-erroremail, #demo-errormailfail, #demo-erroracceptprivacy { color: red; line-height: 16px; padding-top: 5px; }

/* Ausrichtungen */
.leftalign {text-align:left;}
.rightalign {text-align:right;}
.middlealign {text-align:center;}
.buttonAbsAlign {position: absolute; z-index: 10; right: 16px; bottom: 16px;}

.uploadimage .feature-box .fbox-desc {margin: 0 auto; padding: 10px 10px 5px 0!important;}
.uploadimage .feature-box .fbox-media img, .uploadimage .feature-box .fbox-media iframe {margin: 0 auto;}
#imgbttupl1 {z-index:2000;}

/* userpage */
.userpages {background: #f1f1f1!important; border-top: 1px solid #e1e1e1;} /* hellgrau */
.userpage { background: #f1f1f1; padding: 24px; margin-bottom: 24px; min-height: 900px;}
.userpage h4 {margin-bottom: 15px; font-weight: 300; font-size: 18px;}
.userpage .button, .userpage table {margin: 0; } /*resets*/
.bgwhite {background: #fff; position:relative; border: 1px solid #e1e1e1;}
.userpage-content {padding: 16px;}
.statisticnumber {font-size: 31px; font-weight: 300;}

/* grid correction */
.userpage .col_full { width: 99.6%; margin-bottom: 24px; }
.userpage .col_half { width: 48.7%; margin-bottom: 24px; }
.userpage .col_one_third  { width: 31.6%; margin-bottom: 24px; }
.userpage .col_one_fourth { width: 23.0%; margin-bottom: 24px; }

.userpage .col_half,
.userpage .col_one_third,
.userpage .col_two_third,
.userpage .col_three_fourth,
.userpage .col_one_fourth,
.userpage .col_one_fifth,
.userpage .col_two_fifth,
.userpage .col_three_fifth,
.userpage .col_four_fifth,
.userpage .col_one_sixth,
.userpage .col_five_sixth {
	margin-right: 2.5%;
	margin-bottom: 24px;
}

/* dashboard */
.dash-infobox { display: inline-block; position: relative; white-space: nowrap; padding: 0 22px; font-size: 14px; height: 40px; line-height: 37px; color:#444; border:2px solid #fff;}
.userpage .packages table {margin-top: 16px}
.userpage .packages table td {padding: 5px 40px 5px 0}
.userpage .packages, .userpage .newReference {height: 155px;}
.dashboard .overviewbox {height: 190px;}
.dashboard .overviewbox table td {padding: 0 47px 10px 0}
.statebox {text-align: center; padding: 8px 10px; display: inline-block; font-size: 11px; line-height: 14px; min-width: 16em; color:#fff;}

/* prozess steps */
.process-steps li h5 {font-size: 12px;}
.process-steps li { width: 16%; }
.process-steps li a { width: 16%; cursor: default; pointer: default; }
.process-steps .ui-state-hover { background: none; }

/* Form elements*/
.mndstar {display: inline-block; font-size: 16px; font-weight: bold; vertical-align: middle;}
.mktbuttonstate .button-mini {min-width: 120px; text-align:center;}
.verifytable .button-mini {min-width: 120px; text-align:center;}

/* tooltip anpassung */
.mytooltip {cursor: hand; cursor: pointer; color: #666; font-size: 125%; margin-left: 12px; text-align: left;}
h4 .mytooltip {font-size: 100%!important; }
.tooltip-inner { max-width: 350px; }

.userpages .icon-trash {font-size: 140%; color: #666;}
a.iconlink {color: #444!important;}
a.iconlink:hover {color: #03a9fe!important;}

/* linkbuilding */
.linkstep {text-align:center; margin-top: 15px;}
.linkbuilding h4 { margin: 20px 0 0 53px; font-weight:bold;}
.linkbuilding h5, .linkbuilding label { font-size: 18px; font-weight: 300;}
.linkbuilding label {display: inline-block; min-width: 17em;}
.linkcategories { margin: 8px 0; width: 100%; }
.linkcategorie {width:31%; float:left; font-size:108%; color: #fff; line-height: 38px; text-align: center; margin-right: 16px; margin-bottom: 16px; cursor:hand; cursor:pointer; position:relative; opacity:0.99;}
.linkcategorie:before{display:block;content:" ";position:absolute;z-index:-1;background:rgb(0,0,0);top:0;left:0;right:0;bottom:0; opacity:0.1;}
.linkcategorie:hover:before{opacity:0.3;}
#form-newcatname, #form-linkdescription, #form-selcatname {width: 303px;}
#form-linkgenerate {width: 590px;}
.genlinkbutton {min-width: 115px; text-align: center;}
.linkactive, .linkinactive {color:#fff; line-height:28px; padding:0 14px; font-size: 11px; background-color:#03a9fe;}/*light blue*/
.linkinactive {background-color:#aaaaaa;}
.linkstatebtt {min-width:95px; text-align:center;}
#linkmessage {margin-top:10px;}

/* account */
.packaction {line-height:33px;}
.packaction a {min-width:200px; text-align:center;}

.analyse .anl-title {height:81px; display: table-cell; vertical-align: bottom;}

.col_two_fourth { padding-top: 2px; }
.mainsitedownloads, .tryoutbuttonbox {background:#efefef;}
.mainsitedownloads h3 { color: #999; margin-bottom: 0; padding-top: 30px;  font-size: 30px;}
.mainsitedownloads p { padding-bottom: 30px;}
.tryoutbuttonbox .content-wrap {padding-top: 50px;}
.tryoutbuttonbox .content-wrap .col_full {  padding-bottom: 50px; }

.darkblue {color: #03a9fe; }
.radius10 {border-radius: 10px!important;-webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; border-radius: 10px!important;}
.headererror, .headerinfo {padding: 10px 3em ;}
.drpdwntitle {font-weight:bold;}
.labelsmall {font-weight:normal!important;}

.headermessages {padding: 10px 0 0 0!important;}

.about, .partner, .price, .imprint, .privacy, .terms, .faq, .refcreateinfo, .refverifyinfo, .refplacementinfo, .refanalyzeinfo, .competencecat, .registersite {padding: 0 0 30px}
.privacy ul {margin-left:40px;}
.headermsgdialog ul {margin-left: 30px;}

.faq .acctitle {background-color: #f5f5f5; border-top: 1px solid #e1e1e1;}
.faq .acc_content { padding-top: 15px!important; }

.linegreen { clear: both; position: relative; width: 100%; margin:10px 0 20px; border-top: 2px solid #6b8e23; }
.topborderline {border-top:1px solid #ccc; width:100%;}
.competencecat p {margin: 15px 0;}

.blog .list-image {width: 40%; max-height:auto; float: left; margin:0 20px 20px 0;}
.blog { padding-top: 40px!important; }
.pagination {margin-bottom: 0;}

.strong {font-weight: bold;}
.bggreen {background-color: #4caf50!important;}

.register-modal-sm .modal-header, .getdemo-modal-sm .modal-header, .getdemofinisht-modal-lg .modal-header, .chart-modal-lg .modal-header, .field-changing-modal-sm .modal-header, .exit-modal .modal-header, .freeref-modal-sm .modal-header, .freereffinisht-modal-lg .modal-header { border-bottom: 0; }
.register-modal-sm .modal-body { padding-top: 0; }
.analyse .anl-title { font-size: 20px; font-weight: 300; }
.contactforminfo h4 { font-size: 20px; font-weight: 300; }
.contactforminfo .content-wrap { padding-top: 20px; }

   
.hide-element { display:none }
.col-lightblue { background-color: #95b3d7; }
.col-beige { background-color: #ffd699; }
.writingnote {color:#fff; background: #03a9fe; padding: 10px; text-align:center; } /* blau */
.writinginfobox {color:#fff; background: #03a9fe; padding: 10px; text-align:center; max-width: 182px; margin:20px auto 0 auto;}
.writinginfobox span { display: block;  font-weight: bold; font-size: 20px; padding: 10px 0;}
.bluebutton {color:#fff; background: #03a9fe; padding: 10px; text-align:center; display:inline-block; font-size: 20px; margin-bottom:20px;}

.forminvalid {
	margin-top: 5px;
	color: #E42C3E;
	font-weight: 400;
}

#reference-form .col_three_fourth, #reference-form .col_one_fourth {margin-right: 0;}
#reference-form .upl-infobox {background: #ffff7e; padding: 15px 10px;}
#reference-form .upl-infobox ul {margin: 0; padding: 0; padding-left: 20px;}
.externalApproval hr {margin-top: 0;}
.externalApproval h6 {margin-bottom: 10px; color: #444; font-size: 18px; font-weight: 500;}

.approvalcomment {color:red;}

form .commentfield { border:1px solid #444 }

.package-note {padding: 20px;}
.package-note ul {padding-left: 40px;}
.package-note ul li {padding: 10px;}

.graybox {
	background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
    color: #333333;
    padding: 20px;
    border-radius: 3px;
}

.largerdownloadlink { font-size: 20px; font-weight: 500; }

.example-reference { background:url('../images/beispiel-referenz-komplett.png') no-repeat top center; position: relative; width:1000px; height:1920px;}
.example-reference .example-reference-title {text-align: center; }
.example-reference .example-reference-title h4 { font-size: 22px; font-weight: 300; }
.example-reference .example-reference-titletext {background: #ffffcc; font-size: 12px; left: 194px; top: 40px; width: 612px;}
.example-reference-discription, .example-reference-discription-right {position: absolute; padding: 5px; background-color: white;width: 170px;}
.example-reference-discription-right {width: 160px;}
.expldisc1 {top: 159px; left: 10px;}
.expldisc2 {top: 161px; left: 820px;}
.expldisc3 {top: 243px; left: 10px;}
.expldisc4 {top: 420px; left: 10px;}
.expldisc5 {top: 423px; left: 820px;}
.expldisc6 {top: 577px; left: 820px;}
.expldisc7 {top: 737px; left: 820px;}
.expldisc8 {top: 846px; left: 10px;}
.expldisc9 {top: 1082px; left: 10px;}
.expldisc10 {top: 1254px; left: 820px;}
.expldisc11 {top: 1482px; left: 10px;}

.areahide {display:none;}
#chFormModalBody {}
#chfields-submitarea, #addimage-submitarea {text-align:right; margin-top:10px;}
.testimonial .specialblockquote {color: #707070; font-size: 22px; padding-bottom:10px;}
.testimonialspecial {font-size: 17px; padding-top:2px;}

.ref-format-box {}
.ref-format-checkbox {margin: 10px 0;}
.ref-format-screenshot { margin-bottom: 30px; }
.ref-format-screenshot .fbox-media img { -webkit-border-radius: 30px;  -khtml-border-radius: 30px; -moz-border-radius: 30px;  border-radius: 30px;}
.ref-format-example-btt {margin-bottom: 20px;}
.ref-format-example-btt .button {min-width: 150px;}
#reference-typeform .col_one_fourth { margin-right: 25px; }
.avgbox {color: #03a9fe; font-size:36px; padding:10px 30px; border:2px solid #ccc; margin: 45px auto 20px auto; max-width: 250px;}
.refrating .progress {height: 8px;}
.refrating .progress-bar { background-color: #03a9fe; }
.refrating .progressbar-number { color: #03a9fe; line-height:8px; font-weight:bold;}
.refrating h5 {font-size: 16px; margin: 15px 0;}


#mainsiteslider .mainslider-text {position: absolute; z-index:30; width: 50%; height: 55%; margin: auto; top: 0; left: 60px; bottom: 0;}
.mainslider-bubble {
	position: absolute; 
	z-index:50; 
	bottom: 30px; 
	right: 20px; 
	width:350px; 
	height:190px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	border: 1px solid #666666; 
	-webkit-box-shadow: 3px 3px 3px rgba(150, 150, 150, 0.5); 
	-moz-box-shadow: 3px 3px 3px rgba(150, 150, 150, 0.5); 
	box-shadow: 3px 3px 3px rgba(150, 150,150, 0.5); 
	background: #fff;
	padding: 10px;
}
.mainslider-bubble h4 { color: #444; font-size: 20px; margin-bottom: 5px; font-weight: 500; }
.mainslider-bubble h6 { color: #444; font-size: 15px; margin-bottom: 5px; }
.mainslider-bubble p { margin-bottom: 10px; }
.mainslider-bubble-link { }
.mainslider-bubble-arrow {
	position: absolute; 
	z-index: 51; 
	left: -59px; 
	top: 40px; 
}
.mainslider-bubble-minilogo {
	position: absolute; 
	z-index: 53; 
	right: 10px; 
	top: 10px; 
}

#mainsiteslider .mainslider-text .button, #mainsiteslider .ytbutton {margin-left: 120px; max-width: 290px; padding: 0 40px; font-size: 20px; height: 61px; line-height: 59px; }
#mainsiteslider .ytbutton {display:block; padding-top: 10px;}
#mainsiteslider .mainslider-selector {
	position: absolute; 
	z-index: 30; 
	width: 100%; margin: auto; bottom: 60px; 
	height: 10px;
}

#mainsiteslider ul {list-style: none; }
#mainsiteslider ul > li { display: inline; cursor:pointer; padding: 0 4px;}
#logoslider {border: 1px solid #ccc; margin-top: 0; padding: 5px 0; border-left: 0; border-right: 0;}

.writeserviceinfo {background: #efefef;}


.mfp-iframe-holder .mfp-content {min-height: 850px;}
img[usemap] {
    border: 0;
    height: auto;
    max-width: 100%;
    width: auto;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

.testimonial hr, .referencerating hr { margin-bottom: 8px; }
.specialuploadbutton {z-index: 2147483584;}


/* style checkboxes radio buttons */
/* CSS Created by CSS CHECKBOX */
/**********************************/
/**** www.CSScheckbox.com *********/

/*general styles for all CSS Checkboxes*/
label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox].css-checkbox, input[type=radio].css-checkbox {
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {
	padding-left:23px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}

.css-label{
	background-image:url(../images/lite-green-check.png);
}

input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.radGroup1 {
	background-image:url(../images/cssradiobtt.png);
}

.overview-usingroules {padding: 20px; }
.checkbox-checked, 
.checkbox-nochecked {
  display      : inline-block;
  padding-left : 28px;
  background   : url('../images/checks.png') no-repeat 0 -3px;
  line-height  : 28px;
  width: 28px;
  height: 28px;
  float: left;
  margin: 0 10px;
}
.checkbox-checked {
  background-position : 0 -23px;
}

.checkbox-nochecked {
  background-position : 0 0;
}

/*########################### ENDE style checkboxes radio buttons ###########################*/

.ref-factsheed4 .statebox { width: 100%; font-weight: bold; padding: 3px 0;} 

/* reference html view  */
.refbody {
	margin: 20px auto;
	border: 1px solid #aaa;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 5px #e1e1e1;
    -moz-box-shadow: 10px 10px 5px #e1e1e1;
    box-shadow: 10px 10px 5px #e1e1e1;
    padding: 50px ;
    width: 1024px
}

/* reference overviews */
.refbody .refheader{min-height: 100px; font-size:80%; margin-bottom: 5px;}
.refbody hr {margin-top: 6px; border: 1px solid #ccc;}
.refbody h6 {margin-bottom: 5px; font-size:165%;}
.refbody h6 .titlenote {font-size:55%; color:#444;}
.refbody h3 {margin-bottom: 0; line-height: 1.3; padding-bottom: 10px; font-size: 32px;}
.refbody {font-size: 16px; }
.refbody .competences {margin-top: 20px;}
.refbody .competences .circle-plus {padding-right: 20px;}
.refbody .footer p {text-align: center; padding-top:30px;}
.refbody #refseal {max-width: none;}
.refbody p { line-height: 1.6!important; }
.refbody .col_one_fifth, .referenceview .col_four_fifth {margin-bottom: 25px; }
.sealbox {background: url('../images/seal_bg.jpg') repeat-x;}
.sealbox .textblock {padding-top: 27px;}
.factsheet .form-control {background-color: #fff; border-color:#f0f0f0!important; }

/* ----------------------------------------------------------------
	Primary Menu user pages	and Top Links User Pages
-----------------------------------------------------------------*/
/* userpage header */
.up-logo img {height:40px!important;}
.upheader {height:62px!important;}
.uptop-links { position: relative; float: right; }
#primary-menu2 { float: left; margin-left: 50px;}
#primary-menu2 ul, .uptop-links ul { list-style: none; margin: 0;}
#primary-menu2 > ul { float: left; }
#primary-menu2 ul li, .uptop-links ul li { position: relative; float: left; margin-left: 2px; }
#primary-menu2 ul li:first-child { margin-left: 0; }
#primary-menu2 ul li a, .uptop-links li > a { display: block; height: 62px; line-height: 80px; padding: 0 15px;
	color: #333; font-size: 16px; font-family: 'Lato', sans-serif;
	-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
}
#primary-menu2 > ul > li:hover a, #primary-menu2 > ul > li:hover a, .uptop-links li:hover a { border-bottom:5px solid #03a9fe; }
#primary-menu2 > ul > li.current a, .uptop-links li a.active,  
#primary-menu2 > ul > li a.active {color:#03a9fe; font-weight:bold!important; border-bottom:5px solid #03a9fe;}/*light blue*/
.uptop-links li > img { margin-top: 36px; }

ul.iconlist-color li {font-size: 18px; line-height: 32px; }
ul.iconlist-color { list-style-type:none;}
ul.iconlist-color li:before {  content: url('../images/tick7_16.png'); padding-right: 7px; }

.ppage #logo { margin-left: 60px; }
.ppage #primary-menu { margin-right: 60px; }
.top-links { margin-right: 64px; }

/* some responsive settings */
#header-wrap .container {min-width: 1000px!important;}

.boxed-slider { padding-top: 5px; }
.ppage #logo img { width: 80%; height: auto;}
.ppage #logo { margin-top: 5px; }
.sticky-header #logo { margin-top: 10px; }
.sticky-header #primary-menu ul li { padding-top: 5px; }
#top-bar, .top-links ul li, .top-links li > a, .top-links li div > a {height: 10px;}
#primary-menu.style-4 > ul > li > a { margin-bottom: 5px; } 
#header.sticky-style-2 { height: 63px; }
.whiteborder {border: 2px solid #fff;}
.yellownote p {line-height: 1.5!important; margin-bottom: 10px; }

.getdemo-modal-sm .getdemo-title, .freeref-modal-sm .freeref-title {font-size:145%; text-align:center; margin: 10px 50px; font-weight: 300;}
.getdemo-modal-sm .button-xlarge, .freeref-modal-sm .button-xlarge { width: 100%; margin: 0;}
.freeref-modal-sm .freeref-subtitle {font-size:125%; text-align:center; margin: 20px 10px 0; font-weight: 300;}
.getdemofinisht-modal-lg .getdemofinisht-title {font-weight: 300; text-align:center;}
.getdemofinisht-modal-lg .getdemofinisht-subtitle {font-size:120%; text-align:center; margin: 10px 40px; font-weight: 300;}
.getdemofinisht-modal-lg h3 {font-size:24px;}
.getdemofinisht-modal-lg .getdemofinisht-image {text-align:center;}
.getdemofinisht-modal-lg .getdemofinisht-buttons {padding:0 40px;}
.getdemofinisht-modal-lg .button-xlarge { width: 100%; margin: 0;}
.getdemofinisht-modal-lg .modal-lg {width: 750px;}

.nowrap {white-space: nowrap;}

.getdemo-modal-sm {line-height: 30px!important;}
#clientbar { color:#444; background-color:#ffffcc }
#clientbar .clientbarinfo { font-weight: bold; line-height:37px; }
.agcbuttons .button-xlarge { min-width: 280px; }
.agcmainsite{font-size: 20px; font-weight: 300; background:#efefef;}
.agcmainsite h3 {padding-top: 30px;}

.chartview {position:relative;}
.chartview .dl-icon {position:absolute; top:16px; right:16px; z-index:100; font-size:24px; font-weight:300;}
.chartview .help-icon {position:absolute; top:49px; right:16px; z-index:100; font-size:22px; font-weight:300; color:#03a9fe}
.chartview .catlegend {position:absolute; top:50px; left:54%; z-index:99; }
.chartview .catcolorbox {width:16px; height:16px; }
.legendtable td {padding: 1px 5px}
.chart-modal-lg .modal-lg {width: 720px;}
.chart-modal-lg .modal-header {padding-top: 5px;}
.chart-modal-lg .modal-body {height: 410px; padding-top: 0;}
.chart-modal-lg .modal-body h6 {width: 670px; margin-bottom: 10px; }
							
#search-form .searchselects select { margin-bottom: 16px }		
#search-form .searchselects { border: 1px solid #ddd; padding: 16px 16px 0 16px; }		

.maintestimonial {color: #444; font-size: 73%; font-weight: 400; margin-bottom: 20px;}
.testi-italic { font-style:italic;}
.owl-theme .owl-dots .owl-dot { margin-top: 10px; }

.field-changing-modal-sm .modal-body { padding-top: 0; }
.imagesubtitle {font-size:14px; font-weight: 300;}

/*special col six*/
#solutionapproach-area .col_one_sixth, #results-area .col_one_sixth, #taskdefinition-area .col_one_sixth, #summary-area .col_one_sixth { width: 14.5%; }
#solutionapproach-area .col_five_sixth, #results-area .col_five_sixth, #taskdefinition-area .col_five_sixth, #summary-area .col_five_sixth { width: 83.4%; margin-right: 1.7%; }
#reference-form .spbttsmall { text-align: center; min-width: 100px; }
#reference-form .spbttlarge { text-align: center; min-width: 160px; }


.factsheettable tr:first-child td {border-top:0;}
.bgcontact {background-color:#aaa;}
.brandprotect .col_half {margin-right: 0; width: 52%;}
.brandprotect .mainsitetext { font-size: 20px; font-weight: 300; }
.brandprotect .button {margin-top:45px;}
.brandprotect ul.iconlist-color li {font-size: 15px;}
.brandprotect .contacttext {line-height:37px;}
.brandprotect .littlepadding {padding-top:16px;}

#top-login .top-login-content {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 280px;
	background-color: #FFF;
	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	top: 35px;
	right: 10px;
	left: auto;
	padding: 20px;
	margin: -10000px 0 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;
}
#top-login.top-login-open .top-login-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}

#copyrights .col_three_fourth, #copyrights .col_one_fourth {margin-bottom: 35px;} 
#slider {margin-top: 30px;}


/* exit intend popup */
.exit-modal { z-index: 1100; }
.exit-modal .modal-dialog { width: 530px; font-weight: 300; font-size: 18px;}
.exit-modal .modal-body {padding-left: 35px; padding-right: 45px; font-size:}
/* ENDE ouibounce popup  */


/* price table */
.pricetable > thead > tr > th, .pricetable > tbody > tr > th, .pricetable > tfoot > tr > th, .pricetable > thead > tr > td, .pricetable > tbody > tr > td, .pricetable > tfoot > tr > td { padding: 8px 5px; border: 1px solid #fff;}
.pricetable { background: #EAEEF7; font-size: 18px;}
.pricetable .tbcenter {text-align:center!important;}
.pricetable .tbright {text-align:right;}
.pricetable .tbsuccess .i-plain{color:#4caf50;font-size: 20px; float:center!important; margin: 4px auto 7px;}
.pricetable .tbwarning .i-plain{color:#ff0000;font-size: 20px; float:center!important; margin: 4px auto 7px;}
.pricetable .i-plain {float:center!important;}


.circleoverlay { position: relative; }
.circleoverlay-button { position: absolute; right: -50px; bottom: -50px; border-radius: 50%; background-color: red; color: white; height: 100px; width: 100px; text-align: center; padding: 14px 10px;}




/*set some resolutions to max 1024*/
/* my breakpoints */
@media (max-width: 1820px) {

}
@media (max-width: 1680px) {	
	.mainsitesealbox .main-md9-content { margin-left: 100px; }
	.mainsiteinfobox h1{line-height: 1.2; font-size: 49px;}
	.mainsiteinfobox h3{line-height: 1.2; font-size: 29px;}
}
@media (max-width: 1470px) {
	.button.button-xlarge { padding: 0 26px; font-size: 16px; height: 46px; line-height: 46px;}
	#mainsiteslider .ytbutton img { width: 205px; }
	.mainsiteinfobox h1{line-height: 1.2; font-size: 45px;}
	.mainsiteinfobox h3{line-height: 1.2; font-size: 26px; }
}
@media (max-width: 1418px) {
	.mainsitesealbox p { padding-top: 0;}
	.mainsitesealbox .main-md9-content h2 {margin-top:20px;}
	#mainsiteslider .mainslider-text {height: 65%; }
}
@media (max-width: 1285px) {
	.mainsitesealbox .main-md9-content { margin-left: 150px; }
	.mainsitesealbox .main-md9-content h2 { font-size: 40px; }
	.mainsiteinfobox h1{line-height: 1.2; font-size: 36px;}
	.mainsiteinfobox h3{line-height: 1.2; font-size: 22px;}
}
@media (max-width: 1200px) {
	.mainsitesealbox .main-md9-content p {font-size: 18px;}
	.ppage #logo { margin-left: 40px; }
	.top-links { margin-right: 24px; }
	.mainsiteinfobox h1{ margin-bottom:20px;}
	.mainsiteinfobox h3{ margin-bottom:20px;}
}
@media (max-width: 1100px) {
	.brandprotect ul.iconlist-color li {font-size: 14px;}
	#primary-menu ul li a {font-size: 15px;}

	.mainsitetool .feature-box .boxtext {min-height: 85px;}
	.ppage #logo { margin-left: 20px; }
	.ppage #primary-menu { margin-right: 20px; }
	#logo a { max-width: 230px; }
	#header.sticky-header #header-wrap {min-width:1000px!important; }
	.mainsitesealbox .main-md9-content h2 { font-size: 34px; }
	
	.mainsiteinfobox h1{line-height: 1.2; font-size: 32px;}
	.mainsiteinfobox h3{line-height: 1.2; font-size: 19px;}
	.mainslider-bubble {width: 310px;}
	#mainsiteslider .mainslider-text .button, #mainsiteslider .ytbutton { margin-left: 70px; }
	#mainsiteslider .ytbutton {padding-top: 0px;}
}
@media (max-width: 1024px) {
	.refbody { width: 1000px }
	.mfp-iframe-holder .mfp-content { max-width: 1000px!important; }
}