/* -- Buttons -- */
.main-btn {
    display:inline-block;
    padding:10px 22px;
    margin-top:25px;
    margin-bottom:30px;
    font-family: 'Bliss Pro Medium', Tahoma;
    text-transform:uppercase;
    font-size:19px;
    color:#fff;
    background:#0047BA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    text-decoration:none;
}
@media (max-width: 360px) {
	.main-btn {
		font-size:17px;
		padding:10px 20px;
	}
}
.main-btn:hover {
    color:#fff;
    background:#E12A2D;
} 
.main-btn-center {
	 text-align:center;	
}
.back-btn {
    display:inline-block;
    padding:10px 20px 10px 25px;
    margin-top:25px;
    margin-bottom:30px;
    font-family: 'Bliss Pro Medium', Tahoma;
    text-transform:uppercase;
    font-size:16px;
	line-height:20px;
    color:#fff;
    background:#0047BA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    text-decoration:none;
}
.back-btn::before {
	font-size: 22px;
    position: relative;
    top: 2px;
    left: -10px;
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}
.back-btn:hover {
    color:#fff;
    background:#E12A2D;
}
.back-btn:hover::before {
    left: -12px;
} 
.go-btn {
    display:inline-block;
    padding:10px 25px 10px 20px;
    margin-top:20px;
    margin-bottom:25px;
    font-family: 'Bliss Pro Medium', Tahoma;
    text-transform:uppercase;
    font-size:16px;
	line-height:20px;
    color:#fff;
    background:#0047BA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    text-decoration:none;
}
.go-btn::after {
	font-size: 22px;
    position: relative;
    top: 2px;
    right: -10px;
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}
.go-btn:hover {
    color:#fff;
    background:#E12A2D;
}
.go-btn:hover::after {
    right: -12px;
} 
.go-btn-sm {
    margin-top:20px;
    margin-bottom:13px;
}
.doc-btn-zone {
	text-align:center;
}
.doc-btn {
	padding:7px 20px;
	display: inline-block;
	border: solid 1px #ccc;
	background: #f8f8f8;
	border-radius: 5px;
}
.doc-btn:hover {
	border: solid 1px #0047BA;
	box-shadow: 0 0 27px 0 rgba(0,0,0,.1);
	color:#0047BA;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/* -- COLOR BOX -- */
.color-box {
    margin: 30px 0; 
    padding-left: 20px;
    position: relative;
    /*max-width: 500px;*/
}
.shadow {
    background: #F7F8F9;
    padding: 3px;
}
.color-box .shadow {
    margin: 0;
}
.note-box, .warning-box, .tip-box {
    padding: 15px 20px 15px 25px;
}

/* -- Cards -- */
.cardblock {
	position: relative;
	display: block;
	text-decoration: none;
	border: 1px solid #f2f2f2;
	transition: box-shadow 0.3s ease;
	box-shadow: none;
	padding: 15px 20px 30px;
	text-align: left;
	min-height: 100%;
}
.cardblock:hover {
	box-shadow: 0 0 27px 0 rgba(0,0,0,.1);
}
.cardzag {
	color:#e12a2d;
} 

/* Info-Tab */
.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 0;
}
.info-tab::before, .info-tab::after {
    display: inline-block;
    line-height: normal;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    color: #fff;
}
.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -15px;
    transform: rotateX(60deg);
}
.info-tab i::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
    bottom: -18px;
  }
.info-tab i::before {
    width: 20px;
    height: 20px;
    box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}

/* Note */
.note-box {
    color: #144261;
    background: #d5e9f6;
    border: dashed 2px #47ADE0;
}
.note-icon {
    background: #47ADE0;
}
.note-icon::before {
    font-size:23px;
    content:"\f328";
    top:6px;
    left:10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    color: #fff;
}
.note-icon::after {
    font-size:12px;
    content:"\f303";
    top:11px;
    left:19px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #fff;
}
.note-icon i::before {
    background:#1d7ead;
}

/* Tip */
.tip-box {
    color: #2e5014;
    background: #d5efc2;
    border: dashed 2px #92CD59;
}
.tip-icon {
    background: #92CD59;
}
.tip-icon::before {
    font-size:24px;
    content:"\f0eb";
    top:6px;
    left:10px;
    color:#2e5014;
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    color: #fff;
}
.tip-icon i::before {
    background:#75b436;
}

/* Warning */
.warning-box {
    color:#913944;
    background:#ecd2d7;
    border: dashed 2px #AD3C3C;
}
.warning-icon {
    background:#AD3C3C;
}
.warning-icon::before {
    font-size:22px;
    content:"\f12a";
    top:8px;
    left:16px;
    transform:scaleY(0.98);
    color:#913944;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #fff;
}
.warning-icon i::before{
    background:#9c3636;
    font-weight: bold;
    color: #fff;
}

/* StepBlocks*/
.step-block {
	position:relative;
	display:block;
 	zoom: 1;
	padding: 0px 25px 25px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
	text-decoration:none;
	border: 1px solid #f2f2f2;
	transition: box-shadow 0.3s ease;
	box-shadow: none;
}
.step-block:hover {
	box-shadow: 0 0 27px 0 rgba(0,0,0,.1);
}
.step-num {
    margin-right: 34px;
}
.step-zag {
	font-size: 30px;
	padding: 23px 15px 15px 40px;
	display: inline-block;
	color:#0047BA;
	line-height: normal;
}

.step-num::before {
	content: '';
	display: inline-block;
	background: #45adff;
	width: 55px;
	height: 16px;
	margin: 0px auto;
	position: absolute;
	top: 30px;
	left: 0px;
	transition: 0.2s;
}
.step-num1::after {
    content: '1';
    display: inline-block;
    width: 55px;
    height: 46px;
    margin: 0px auto;
    position: absolute;
	top: 12px;
	left: 21px;
	font-size: 30px;
}
.step-num2::after {
    content: '2';
    display: inline-block;
    width: 55px;
    height: 46px;
    margin: 0px auto;
    position: absolute;
	top: 12px;
	left: 21px;
	font-size: 30px;
}
.step-num3::after {
    content: '3';
    display: inline-block;
    width: 55px;
    height: 46px;
    margin: 0px auto;
    position: absolute;
	top: 12px;
	left: 21px;
	font-size: 30px;
}
.step-num4::after {
    content: '4';
    display: inline-block;
    width: 55px;
    height: 46px;
    margin: 0px auto;
    position: absolute;
	top: 12px;
	left: 21px;
	font-size: 30px;
}
.step-num5::after {
    content: '5';
    display: inline-block;
    width: 55px;
    height: 46px;
    margin: 0px auto;
    position: absolute;
	top: 12px;
	left: 21px;
	font-size: 30px;
}
.step-num6::after {
    content: '6';
    display: inline-block;
    width: 55px;
    height: 46px;
    margin: 0px auto;
    position: absolute;
	top: 12px;
	left: 21px;
	font-size: 30px;
}
.step-block:hover .step-num1::before, .step-block:hover .step-num2::before, .step-block:hover .step-num3::before, .step-block:hover .step-num4::before, .step-block:hover .step-num5::before, .step-block:hover .step-num6::before {
    height: 46px;
    top: 0px;
}
@media (max-width: 767px) {
	.step-block ul, .step-block ol {
	    padding-left: 0rem !important;
	}
}
@media (max-width: 575px) {
	.step-block {
        padding: 0px 10px 25px !important; 
	}
 
	.step-zag {
		font-size: 20px;
		padding: 10px 0px 15px 0px;
		margin-top: 25px;
		display: block;
	}
	.base-list ul li::before {
        margin-left: 0em !important; 
	}
}



/* DocTipeIco */
.doc-type-ico {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 57px;
	background:url(/img/docico/docico-file.svg) no-repeat;
	background-size:cover;
}
.doc-type-ico-bmp {
	background:url(/img/docico/docico-bmp.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-doc {
	background:url(/img/docico/docico-doc.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-file {
	background:url(/img/docico/docico-file.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-gif {
	background:url(/img/docico/docico-gif.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-html {
	background:url(/img/docico/docico-html.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-jpg {
	background:url(/img/docico/docico-jpg.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-pdf {
	background:url(/img/docico/docico-pdf.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-png {
	background:url(/img/docico/docico-png.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-ppt {
	background:url(/img/docico/docico-ppt.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-rar {
	background:url(/img/docico/docico-rar.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-rtf {
	background:url(/img/docico/docico-rtf.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-tiff {
	background:url(/img/docico/docico-tiff.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-txt {
	background:url(/img/docico/docico-txt.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-xls {
	background:url(/img/docico/docico-xls.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-zip {
	background:url(/img/docico/docico-zip.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-odf {
	background:url(/img/docico/docico-odf.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-odt {
	background:url(/img/docico/docico-odt.svg) no-repeat;
	background-size: cover;
}
.doc-type-ico-ods {
	background:url(/img/docico/docico-ods.svg) no-repeat;
	background-size: cover; 
}


/* Tables*/
table.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
  max-width: 100%;
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
table.table > thead > tr > th {
  font-size: 16px;
  font-weight: normal;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: 'Montserrat', Arial;
  font-weight:bold;
}
table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th {
  color: white;
}
table.table th {
  background-color: #0D529C;
} 

.big-email {
	font-size:20px;
}
@media (max-width: 575px) {
	.big-email {
		font-size:18px;
	}
}
@media (max-width: 360px) {
	.big-email {
		font-size:15px;
	}
}



/* PilsTab */
#pills-tab {
	padding-top:0px !important;
	padding-bottom:8px !important;
}
#pills-tab li {
    list-style:none;
    width: 50%;
    /*width: 33.334%;*/
    text-align:center;
    background:#eaeaea;
    border-radius:0;
    text-transform:uppercase;
    font-family: 'Montserrat', Tahoma;
}
#pills-tab li a{
    color:#000;
    padding-top:10px;
    position:relative;
	height: 100%;
	width: 100%;
	display: table;
}
#pills-tab li a span{
	display: table-cell;
	vertical-align: middle;
}
#pills-tab li:nth-child(n+2) {
    border-left:solid 1px #afafaf;
}
.nav-pills .nav-link.active {
    background:#0047BA;
    border-radius:0;
    color:#fff !important;
}
.nav-pills .nav-link.active::before{
    content: " ";
    width: 20px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: calc(50% - 7px);
    bottom: -15px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 11px solid #0047BA;
}
#pills-tab li:hover {
    background:#e0e0e0;
}
ul.nav-pills li.nav-item:before {
	display:none;
}
@media (max-width:768px){
	#pills-tab li a {
		font-size: 13px;
		line-height: normal;
	}
}
@media (max-width:576px){
	#pills-tab li a {
		font-size: 11px;
		line-height: normal;
	}

}
