/* Add here all your CSS customizations */

.page-top {
	background-image:url(../img/page-header.jpg);
	border-bottom: 5px solid #053b8c;
	border-top: 5px solid #0088cc;
}
.page-top1 {
	background-image:url(../img/custom-bg.jpg);
	border-bottom: 3px solid #053b8c;
	border-top: 3px solid #0088cc;
}
section.page-top h1 {
border-bottom-color: #ff5501;
}
#header {
border-top: 5px solid #ff5501;
}
.home-intro {
background-color: #010b19;
}
#header nav ul.nav-main li > a:hover, {
color: #FFF;
background-color: #053b8c !important;
}
a {
color: #053b8c;
}

.btn-account {
	width: 100%;
	height: 150px;
	background-color: #f9f9f9;
	border: 1px solid #ebebeb !important;
	margin-bottom: 20px;
}

.btn-account:hover {
	background-color: #fff;
}
.btn-account:active {
	background-color: #fff;
}
.btn-account:focus {
	background-color: #fff;
}

@media (max-width: 992px) {
.btn-testingRec {
	width: 100%;
	height: 34px;
}
.mobile-spacing {
	margin: 10px 0;
}
}
.account-icon {
font-size: 70px;
color: #fd7d47;	
}
.main-icon {
font-size: 140px;
color: #fd7d47;	
}
.scrwrap {
	height: 223px;
}
.spacerShort {
height: 30px;
}
.spectable1 {
	width: 7%;
}
.spectable2 {
	width: 93%;
}
@media (max-width: 768px){
.spectable1 {
	width: 11%;
}
.spectable2 {
	width: 89%;
}	
}
.flexrow {
display: flex; 
float: left;
}
.mainIconContainer {
text-align: center;
}
.account-title {
font-size: 16px;
color: #0088cc;
}
.currentLogo {
border: 1px solid #e9e9e9;
}
.inputForms p {
	margin: 0 0 5px;
}
.spacer {
height: 100px;
}
.spacing {
margin: 24px 0;
}
.list.list-icons 
{
list-style: none;
padding-left: 0;
padding-right: 0;
}
.blue
{
color:#0088cc;
}
.orange {
color:#fd7d47;
font-weight: 600;	
}
.bold {
font-weight: 900;
line-height: 90px;
}
.fright {
float: right;
}
.noborder {
	border: 0 !important;
}
#onlinetesting td {
border: 0 !important;
padding: 4px 2px 4px 2px;
}
.qtitle {
padding: 8px 0 !important;
    font-size: 16px;
}
#onlinetesting {
margin: 0 0 0 70px;
}
#onlinetestingWrapped {
margin: 0px;	
}
#onlinetestingWrapped td {
border: 0 !important;
padding: 4px 2px 4px 2px;
}
table#onlinetestingWrapped {
width: auto !important;
}
table#onlinetesting {
width: auto !important;
}
.questionNumber {
font-weight:900;
color: #0088cc;
}
.order {
font-weight:900;
color: #0088cc;
position: relative;
top: 6px;
left: 10px;
}

.fixed_button{
    position:absolute !important;
    margin-top:1900px;
    bottom: auto !important;
}
.stickybotcontainer {
	height: 80px; background:#D9EDF6; max-width: 350px;padding: 18px 0;
}

.questionClass {
font-weight:900;
color: #0088cc;
}
hr.tall3 {
margin: 15px 0 15px 0;
}
.question {
width: 50px;
float: left;	
}
.timer {
background:#fcfcfc; padding: 5px 20px; border: 1px solid #bec5c8; color:#59a7dc;
font-weight: bold;
}
.questionsanswers {
float: left;
}
.stickydiv {
	padding: 10px; border:1px solid #ccd6da; background:#d9edf6; width: 203px; position: fixed;
}

.greytxt {
color:#A7A7A7;	
}
.flexarea > textarea {
  flex: 1;
}


.txtarea {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
border-color:#BDBDBD;
padding: 10px;
}
.txtareapadding {
padding: 10px 15px 20px 15px;
}
.upl {
border: 0;	
float: left;
}
.btn-rev {
	float: right;
	background: #ff5e02;
	border: 0;
	color: #ffffff;
}
.btn-rev:hover {
	color: #ffffff;
	background-color: #0099e6;
}

.btn-rev_nofloat {
	background: #ff5e02;
	color: #ffffff;
}
.btn-rev_nofloat:hover {
	color: #ffffff;
	background-color: #0099e6;
}

.btnRow {
padding: 10px 0;
max-width: 360px;
}
.curLogo { 
margin-top: 5px;}
.btn-testingRec{
width: 100%;
height: 34px;
font-size: 15px;
}
.sdbrmargin {
margin-bottom: 30px;
}
.padding-right 
{
padding-right: 35px;
}
.top-buffer { margin-top:20px; }
/* using index-footer7 */
#footer .footer-copyright {
background: #010b19;
border-top: 0px solid #0072c6;
margin-top: 0px;
}





#footer {
background-image:url(../img/footer-background.jpg);
border-top: 4px solid #010b19;
padding: 0px 0 0; /* to make footer image visible and add content, change first 0px to 70 px as it was originally */
margin-top: 0;
clear: both;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}

#footer_min {
background-image:url(../img/footer-background.jpg);
border-top: 4px solid #010b19;
padding: 0px 0 0; /* to make footer image visible and add content, change first 0px to 70 px as it was originally */
margin-top: 0;
clear: both;
right: 0;
left: 0;	
}

html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
position: relative;
min-height: 100%;
}
.modal-body {
border-top: 6px solid #1a7fb3;
border-radius: 5px;
min-height: 150px;
}
.modal-title {
color:#57a4c8 !important;
font-size: 22px;
}
.floatright {
float: right;
}




#custom_bg {
background-image:url(../img/custom-bg.jpg);
border-top: 4px solid #010b19;
padding: 0px 0 0; /* to make footer image visible and add content, change first 0px to 70 px as it was originally */
margin-top: 0px;
position: relative;
clear: both;
}
html .scroll-to-top.visible {
filter: alpha(opacity=100);
opacity: 1;
}
html .scroll-to-top {
background: #ff5501;
border-radius: 7px 7px 0 0;
color: #010b19;
}
section.featured {
background: #dbe8f1;
border-top: 5px solid #ECECE8;
}
.white   {
	color: #ffffff;
}

@media (max-width: 768px){
.stickydiv {
position: relative;
top: 0;
left: 0;
width: 100%; }
.resbtn {
margin-top: 0px !important;}	
	
}



@media (max-width: 991px){
	.btn-responsive-nav {
	background: #053b8c;
	top: 55px;
	display: block;
	position: absolute;
	right: 20px;
	color: #ff5501;
	z-index: 1;
}

.account-title {
font-size: 13px;
}
.stickyh4 {
	text-align: center;
}
.padding-right {
padding-right: 15px;
}
}
@media (max-width: 991px)
#header .nav-main-collapse {
top: 8px;
position: relative;
background: #053b8c;
max-height: none;
width: 100%;
overflow: hidden;
overflow-y: hidden;
overflow-x: hidden;
}
@media (max-width: 991px)
#header nav ul.nav-main li a {
color: #ff5501;
clear: both;
float: none;
display: block;
padding: 9px 8px !important;
border: 0;
border-top: 0;
margin: 0;
}

#footerlogin {
	background-color:none;
border-top: 0px solid #0088cc;
padding: 20px 0 0; /* to make footer image visible and add content, change first 0px to 70 px as it was originally */
margin-top: 0px;
position: relative;
clear: both;
}

.error {
	display: inline;
    color: red;
   
    
}
.not-display {
	display: none;
}

.footer-spacer {
	height: 150px;
}

@media (max-width: 768px)  {
	.footer-spacer{
		height:270px !important;
	}
}

@media (max-width: 991px)  {
	.footer-spacer{
		height: 220px;
	}
}

.editEmailBox {
	border: 1px dashed gray;
	color: #777777;
    line-height: 24px;
    width: 85%;
    height: 290px;
    margin-bottom:20px;
    overflow: auto;
    padding: 10px;
}

.editSubjectBox {
	border: 1px dashed gray;
	color: #777777;
    line-height: 24px;
    width: 85%;
    height: 90px;
    margin-bottom:20px;
    overflow: auto;
    padding: 10px;
}

.editFeedbackBox {
	border: 1px dashed gray;
	color: #777777;
    line-height: 24px;
    height: 150px;
    margin-bottom:20px;
    overflow: auto;
    padding: 10px;
}

a.feedbackhover:hover {
	text-decoration: none;
	cursor: pointer;
}

.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.framedQuestion {
    border: 1px solid #aaa;
    padding: 10px 10px 0px 15px;
}

.questionSlider {
    display: inline !important;
}

/*Altered theme.css*/

#header {
	min-height: 0px;
}

#header .header-body {
	border-top: none;
	background: linear-gradient( #f6f6f6, white);
}

@media (min-width: 991px)  {
	#header nav {
    	float: right;
	}
}

#header nav ul.nav-top li i {
    margin-right: 6px;
    position: relative;
    top: 1px;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #053b8c;
    font-size: 1.1em;
    padding: 6px 10px;
}

#header nav ul.nav-top li span {
    color: #053b8c;
    font-size: 1.1em;
    padding: 6px 10px;
}

#header nav ul.nav-top li a {
    color: #053b8c;
    font-size: 1.1em;
    padding: 6px 3px;
}

#header nav ul.nav-main {
    margin: 10px 10px -10px 0;
}

@media (max-width: 991px) {
	#header .header-logo img {
    	max-width: 180px;
    	max-height: none !important;
    	height: auto !important;
    	margin: 10px 15px 10px 0;
	}
}

@media (max-width: 768px) {
	html.sticky-header-enabled #header .header-btn-collapse-nav {
		margin: 50px 0 8px 15px;
	}
}

.map-section {
	background: transparent url(../img/map-top.png) center 0 no-repeat;
	padding-top: 220px;
	margin-top: 40px;
}

section.featured {
    padding: 50px 0;
}

section.featured.footer {
    margin: 0px 0 -70px;
}

section.featured.map {
	background-image: url(../img/map-bottom.png);
	background-position: center 0;
	background-repeat: no-repeat;
	margin-top: 0;
	border-top: 0;
}

#header .header-btn-collapse-nav {
	background: #053b8c;
}
@media (max-width: 991px) {
	#header .header-nav-main {
		background-color: #171717;
	}
}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul li {
    	border-bottom: 1px solid #2A2A2A;
    }
}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li > a, 
	#header .header-nav-main nav > ul > li > a:focus, 
	#header .header-nav-main nav > ul > li > a:hover {
    	color: #FFF;
	}
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
    color: #FFF !important;
}

.page-top {
    background-color: #171717;
    margin-bottom: 35px;
    min-height: 50px;
    padding: 0;
    padding: 20px 0;
    position: relative;
    text-align: left;
}

.page-top h1 {
    border-bottom: 5px solid #CCC;
    color: #FFF;
    display: inline-block;
    font-weight: 200;
    margin: 0 0 -25px;
    min-height: 37px;
    font-size: 2.6em;
    line-height: 46px;
    padding: 0 0 17px;
    position: relative;
}

.page-top ul.breadcrumb {
    background: none;
    margin: -3px 0 0;
    padding: 0;
}

.page-top.custom-product2 {
    background-image: url(../img/custom-header-bg4.jpg);
    background-repeat: repeat;
    background-color: #999;
    overflow: visible;
}

.page-top.custom-product3 {
    background-image: url(../img/stand-out-cv2.jpg);
    background-repeat: repeat;
    background-color: #999;
    border-top: 5px solid #888;
    overflow: visible;
}

.page-top.custom-product3 h1 {
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 30px;
    border: 0;
}

.push-top {
    margin-top: 35px;
}

.alert ul li {
	font-size: inherit;
}

ul.icons {
    list-style: none;
}

ul.list.icons li i {
    margin-right: 5px;
}

html .scroll-to-top {
	right: 200px;
}

.owl-carousel .owl-stage-outer {
	width: 100%;
}

.thumb-info {
	border: none;
}

.shop {
	margin-top: 0px;
}

@media (min-width: 992px) {
	#header .header-nav-orange nav > ul > li:hover > a {
    	color: #ff5501 !important;
	}
}
@media (min-width: 992px) {
	#header .header-nav-orange nav > ul > li > a, 
	#header .header-nav-orange nav > ul > li:hover > a {
    	background: transparent;
	}
	/*Altered by Kerto 31.03.2017*/
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 1px solid #f4f4f4;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: 400;
    padding: 8px 20px 8px 8px;
    position: relative;
    text-transform: none;
}
}

html.sticky-header-enabled	#header .header-nav-orange nav > ul > li > a, 
html.sticky-header-enabled #header .header-nav-orange nav > ul > li:hover > a {
    	padding-top: 25px;
	}
}

#header .header-nav.header-nav-orange nav > ul > li:hover > a {
    color: #ff5501 !important;
}

html.sticky-header-active #header .header-body {
    padding: 10px;
}

html.sticky-header-active #header .header-body {
    position: fixed;
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

ul.comments li {
    clear: both;
    padding: 0px 0 0 15px !important;
}

#footer .logo {
    display: inline;
}
/*Altered by Kerto 23.03.2017*/

.home-intro p {
    color: #FFF;
    display: inline-block;
    font-size: 1.4em;
    font-weight: 300;
    max-width: 1800px;
    padding-top: 5px;
}
.home-intro {
    background-color: #171717;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 20px 0 10px 0;
    position: relative;
    text-align: left;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
/*Altered by Kerto 24.03.2017*/
.feature-box .feature-box-icon {
    background: #5bc4f9;
    border-radius: 35px;
    color: #FFF;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 35px;
}
.img-thumbnail {
    border-radius: 0px;
    position: relative;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0px !important;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #000 !important;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
/*Altered by Kerto 30.03.2017*/
.testimonial.testimonial-style-5 .testimonial-author {
    padding: 6px 0 0;
    margin: 12px 0 0;
   border-top: 0px solid #f2f2f2;
}
/*Altered by Kerto 14.07.2017*/
.pricing-table.pricing-table-sm h3 span {
    border: 3px solid #FFF;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    font: bold 19px/65px Georgia,serif;
    height: 80px;
    margin: 10px auto -65px;
    width: 80px;
}
/*Altered by Kerto 14.09.2017*/
.custom-background-color-1 {
    background-color: #063a8d !important;
}
.background-color-secondary {
    background-color: #f9f9f9 !important;
}
.btn-primary:active, html .btn-primary:focus, html .btn-primary:active:hover, html .btn-primary:active:focus {
    border-color: #fd7d47 #fd7d47 #fd7d47;
    background-color: #fd7d47;
}
/* ==========================================================================
   BOOTSTRAP SWITCHER  
   ========================================================================== */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
	color: #000 !important;
	background: #91c135 !important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
	color: #000 !important;
	background: #cccccc !important;
}
.bootstrap-switch {
	border-radius: 24px !important;
	border-color: #cacaca !important;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
	padding: 8px 12px !important; 
}                           


/*Altered by Zsolt 17.01.2019*/
.clientHeaderH2ify {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 10px 0 32px -15px;
	color: #0e0e0e;
	letter-spacing: -1px;
}

div.tooltip-inner {
    max-width: 350px;
}

div.client-important-note {
	border-left: 3px solid red;
    padding-left: 10px;
}

a.spo_href {
	color: #777;
	font-size: 25px;
	font-weight: bold;
	text-decoration: underline;
}

#header .trustpilot-widget {
	margin-left: -28px;
}

@media (max-width: 991px) {
	#header .trustpilot-widget {
    	margin-left: -5px;
	}
}
@media (max-width: 991px) {
	html.sticky-header-active #header .header-logo img {
	    margin: 11px 15px 9px 0 !important;
	}
}

html.sticky-header-active #header .trustpilot-widget {
    margin-top: 15px;
}

html.sticky-header-active #header .header-logo img {
	margin: 0px 15px 15px 0;
}

.pleaseWaitModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                no-repeat;
}

body.pleasewaitModalShown {
    overflow: hidden;   
}

body.pleasewaitModalShown .pleaseWaitModal {
    display: block;
}

.blink_text {
  animation:2s blinker linear infinite;
  -webkit-animation:2s blinker linear infinite;
  -moz-animation:2s blinker linear infinite;
}

@-moz-keyframes blinker {  
 25% { opacity: 1.0; }
 50% { opacity: 0.0; }
 75% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 25% { opacity: 1.0; }
 50% { opacity: 0.0; }
 75% { opacity: 1.0; }
 }

@keyframes blinker {  
 25% { opacity: 1.0; }
 50% { opacity: 0.0; }
 75% { opacity: 1.0; }
 }
 
 .question_image {
 	float: middle;
 	max-width: 500px;
 }
 
@media (max-width: 480px) and (min-width: 300px) {
	.question_image {
    	max-width: 250px;
	}
}

@media (max-width: 600px) and (min-width: 481px) {
	.question_image {
    	max-width: 375px;
	}
}

.begintest_image {
 	max-width: 200px;
 	max-height: 200px;
 }
 
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.error_message {
	color: red;
}


.categoryTree {
  margin: 2% auto;
  width: 100%;
  list-style: none;
}

.categoryTree ul {
  display: none;
  margin: 4px auto;
  margin-left: 6px;
  border-left: 1px dashed #dfdfdf;
  list-style: none;
}


.categoryTree li {
  padding: 12px 18px;
  cursor: pointer;
  vertical-align: middle;
  background: #fff;
}

.categoryTree li:first-child {
  border-radius: 3px 3px 0 0;
}

.categoryTree li:last-child {
  border-radius: 0 0 3px 3px;
}

.categoryTree .active,
.active li {
  background: #efefef;
}

.categoryTree label {
  cursor: pointer;
}

.categoryTree input[type=checkbox] {
  margin: -2px 6px 0 0px;
}

.has > label {
  color: #000;
}

.categoryTree .total {
  color: #e13300;
}

.correctAnswer {
  font-weight: bold;
  color: green;
  font-size: 16px;
}

.incorrectAnswer {
  font-weight: bold;
  color: red;
  font-size: 16px;
}

.faAnswer {
    font-size: 25px;
    margin: 0px 5px 0px -2px;
}

.percentSpan {
  font-size: 25px;
  font-weight: bold;
  color: #666;
  text-decoration: underline;
}

.blink_me {
  animation: blink 1000ms infinite alternate;
}

@keyframes blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1
  }
}