body {margin:0; padding: 0; font-family: Arial;}

.container-fluid {width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto;}

.row {width: 100%; margin:0; padding:0;}

p, h1, h3, h4 {width: 100%;}

ul li {list-style-type: none;}

a:hover {text-decoration: none;}

button:focus, form input.form-control:focus, form textarea.form-control:focus, form select.form-control:focus {outline: none; box-shadow:none; border-color: #CED4DA;}

input.form-control, select.custom-select {border-radius: 1px; height: 48px;}
input.form-control:focus, select.custom-select:focus {outline:none; box-shadow: none; border-color: #eaeaed;}

a.btnSuccess {background: #09a77d; color: #FFF; font-size: 14px; padding: 5px 10px; border-radius: 2px;}

.layout {max-width: 1200px; margin:0 auto;}

header.row {background: #4b4d52; padding:10px 0 20px 0;}
header .topMenu {text-align: right;}
header .topMenu ul {padding: 7px 0 0 0; margin:0;}
header .topMenu ul li {display: inline-block; vertical-align: top;}
header .topMenu ul li a {background: #09a77d; color: #FFF; font-size: 13px; padding: 5px 10px; border-radius: 2px;}
header .topMenu ul li.exit a {background: #d8d8d8; color: #000;}

.logo a svg {height: 31px;}
.logo a svg image {height: 30px;}
.logo img {height:30px;}

nav.menu {border-bottom:1px solid #b1b1b1;}
nav.menu ul {margin:30px 0 0 0; padding: 0;}
nav.menu ul li {display: inline-block; vertical-align: top; padding:0; margin:0; position: relative; text-align: center;}
nav.menu ul li span {position:absolute; top:-8px; background: #09a77d; color: #FFF; font-size: 11px; padding:2px 7px; right: 42%; border-radius:2px;}
nav.menu ul li a {color: #324f89; font-family: Calibri; font-size: 17px;  display:block; padding:10px;}
nav.menu ul li a.active {border:1px solid #b1b1b1; border-bottom:0;}
nav.menu ul li a:hover {position: relative;}
nav.menu ul li a:hover::before {position:absolute; content:""; bottom:-1px; width:90%; height:3px; background: #09a77d;}
nav.menu ul li a.active:hover::before {display:none;}

aside.col-12 {border-right:1px solid #c2c2c2; margin:20px 0; font-family: Calibri; padding:60px 0 0 0;}
aside ul.row {margin:0 0 40px 0; padding: 0 0 40px 0;}
aside ul.borderBottom {border-bottom:1px solid #c2c2c2;}
aside ul li {width: 100%;}
aside ul li a {color: #3d3d3e; font-size: 16px;}
aside ul li a:hover {color: #3c8cc5;}
aside ul li a:hover svg {color: #3c8cc5;}
aside ul li a svg {margin-right:10px; color: #bdbdbd;}

main {font-family: Calibri; margin-top:30px; padding-bottom:50px;}
main.content {margin:40px auto; font-family: Calibri;}

.profileInfo ul li {display: inline-block; vertical-align: top; padding:0 10px;}
.profileInfo p {margin:0; padding: 0; font-size: 18px; color: #133c7f;}
.profileInfo p.brief {color: #acacac; font-size: 14px; margin:10px 0;}
.profileInfo p.noVerified {text-align: center; font-size: 14px;}
.profileInfo p.noVerified span {color: #FFF; background: #d44f68; padding: 3px 10px; border-radius: 3px;}
.profileInfo p img {display: block; margin:20px auto;}
.profileInfo ul {margin:20px 0 0 0; padding: 0;}
.profileInfo ul li svg {color: #d4dae8; font-size: 25px;}
.profileInfo ul li span.success svg {color:#00a478;}
.profileInfo p.pass {margin-top: 15px;}
.profileInfo p.pass a {color: #696969; font-size: 15px;}

.profileDetails h3 {margin: 0 0 20px 0; color: #00a478; padding:0; font-size: 24px;}
.profileGrey {background: #f1f4fa;}
.profileGrey p {margin:0; padding: 0; font-size: 13px; color: #95989e;}
.profileGrey p.number {color: #242425; font-size: 19px;}
.profileGreyButton {text-align: right;}
.profileGreyButton ul {margin: 12px 0 0 0; padding: 0;}
.profileGreyButton ul li {display: inline-block; vertical-align: top;}
.profileGreyButton ul li a {background: #FFF; color: #000; padding:5px 15px; margin-right: 20px;}
.profileGreyButton p {display: inline-block; vertical-align: top;}
.profileGreyButton ul li span svg {float:left; font-size: 8px; margin:8px 10px 0 0;}

.profileEnable {padding:30px 0;}
.profileEnableText p {margin:0; padding: 0; font-size: 20px;}
.profileEnableNum {text-align: right;}
.profileEnableNum p {margin: 0; padding: 9px 0 0 0; border-bottom: 1px dashed #dde2ed; line-height: 8px;}
.profileEnableNum p span {background: #FFF; padding: 5px 10px; font-size: 25px;}

.profileOperationsRow {margin:0 0 10px 0;}
.profileOperationsRow .profileEnableText p {margin:0; padding: 0; font-size: 16px;}
.profileOperationsRow p span {background: #FFF; padding: 5px 10px; font-size: 16px;}

.profileOperationsButtons.row {margin:20px 0 0 20px;}
.profileOperationsButtons button {background: none; border:none; text-decoration: underline; color: #c0c2c7; cursor:pointer;}
.profileOperationsButtons .showOperations {display:none;}

.mainTitle h3 {margin: 0 0 20px 0; color: #00a478; padding: 0 0 0 28px; font-size: 24px;}
.mainTitle p {padding:0 0 0 20px;}
.mainTitle p.step {background: #f1f4fa; font-weight: bold; padding: 10px; margin-left: 25px;}

.portfolioBlockTitle h3 {font-size: 18px;}
.portfolioBlock {margin-bottom:40px;}
.portfolioBlock img {width: 100%;}
.portfolioBlockText {margin-bottom: 20px;}
.portfolioBlockText h4 {font-weight: bold; font-size: 15px;}
.portfolioBlockText p {line-height: 17px;}
.portfolioBlockFooter {background: #f1f4fa; display: flex; align-items: center; padding: 12px 0; margin-top:20px;}
.portfolioBlockFooter p {margin:0; padding:0}
.portfolioBlockFooter p.link {margin-top:10px;}
.portfolioBlockFooter a {background: #08a77e; color: #FFF; padding:10px 20px;}

.formTitle h3 {font-size: 19px; margin:0 0 30px 10px; font-weight: bold;}
.formBlock {margin-bottom: 50px;}
.formBlock label {width: 100%;}
.formBlockRow {margin-bottom: 40px;}
.formBlock select.custom-select {background: #eaeaed; border-color:#eaeaed;}
.formBlock select.custom-select.selectPart {width:32%; display: inline-block; vertical-align: top;}
.formBlock .custom-control.custom-radio {width: 49%; display: inline-block; vertical-align: top; margin: 12px 0 0 0;}
.formBlock button.button, .formRegInput button.button {height: 48px; background: #09a77d; color: #FFF; border-color: #09a77d; box-shadow: none; border: none; cursor: pointer; display: block; width: 100%;}

.formBlockFalse1 button {margin-top: 16px;}

.contacts h4 {background: #f1f4fa; font-family: Myriad Pro; font-size: 18px; padding: 15px 20px;}
.contacts p {margin-left:20px;}

.contactsPage {padding-left:20px;}
.contactsPage h3 {background: #f1f4fa; font-size: 16px; font-weight: bold; padding:10px 20px;}
.contactsPage p {padding-left:20px;}

.tablePayments h3 {color:#000; font-weight: bold; font-size: 17px; padding-left:0;}
.tablePayments thead th {font-weight: 400;}
.tablePayments .table thead th {border:none;}
.tablePayments .table tr td.methodName {font-size: 13px;}

.documents {font-family: Calibri; padding:40px 0;}
.documents h3, .documents h4, .documents ol li {margin: 0 0 20px 0; color: #00a478; padding: 0 0 0 28px; font-size: 24px;}
.documents p, .documents ul li {font-size: 15px;}
.documents ul li {padding:5px 0;}
.documents p.print {text-align: right;}
.documents p.print a.printBlock {background: #09a77d; color: #FFF; font-size: 13px; padding: 5px 10px; border-radius: 2px;}

.do_accept_text {padding-top:30px;}

.invoice {padding:30px 0; font-size: 15px;}
.invoice table.table td {padding:5px;}
.invoice .invoiceButtons .success {background: #09a77d; color: #FFF; font-size: 13px; padding: 7px 10px; border-radius: 2px; margin-right:5px;}
.invoice .invoiceButtons .primary {border:none; background: #007BFF; color: #FFF; font-size: 13px; padding: 5px 10px; border-radius: 2px;}

.videos {padding:50px 0;}

footer.row {background: #6a6b75; color: #d2d2d2; padding:20px 0; font-size: 15px;}
footer .footerTop ul li {display: inline-block; vertical-align: top; margin-right:30px;}
footer .footerTop ul li a {color: #d2d2d2;}
footer .footerTop ul li a svg {float:left; font-size: 6px; margin:8px 10px 0 0;}
footer .footerMiddle {padding:30px 0 0 0; border-top:1px solid #53545f;}
footer .footerBottom {text-align: center; border-top:1px solid #53545f; padding:30px 0 0 0;}

.customForm .form-group {display: flex; align-items: center; margin-bottom:15px;}

.additionalInfoTitle p {font-weight: bold; padding-left:15px; padding-bottom: 30px;}

.bottomButton {padding-top:30px; display: flex; align-items: center;}
.bottomButton p {}

.formInfo {background: #f1f4fa; padding:25px; margin-bottom:30px;}
.formInfo h4 {font-size: 18px; margin-bottom: 20px;}
.formInfo h4 svg {margin-right: 8px;}
.formInfo ul {padding-left:0;}

body.reg {background: url(/template/images/reg-bg.jpg) no-repeat; display: flex;}
.regFlex.row {align-items: center; height: 100vh;}
.regForm {background: #FFF; border-radius: 6px; padding: 60px;}
.formRegInput {margin:0 0 20px 0;}
.formRegInput input {border:none; border-bottom:1px solid #eaeaed;}
.formRegInputCheckButton p {text-align: right;}
.formRegInputCheckButton p button {background: #09a77d; border:none; color: #FFF; padding:6px 15px; border-radius:4px; cursor:pointer;}
.formRegInput p.regBottom {text-align: center; font-size: 14px; margin:30px 0 0 0;}
.formRegInput button.button {margin:40px 0 0 0; border-radius:5px;}
.formRegP p {margin:0; padding:0; text-align: right;}

.lang {position: absolute; top: 100px; right: 0; z-index: 1;}
.lang ul {padding: 0; margin: 0;}
.lang ul li {background: #5CB85C; padding: 10px;}
.lang ul li a {color:#FFF;}

@media(max-width: 600px){

    .regFlex.row {height: auto;}
    .regForm.col-10 {margin: 40px auto; padding: 10px;}

    .logo img {margin:0 auto 10px auto; display: block;}
    header .topMenu {text-align: center;}

    aside.col-12 {border-right: none; padding:0 0 0 10px;}
    aside ul.row {padding: 0 0 11px 0; margin: 0 0 10px 0;}

    main.col-12 {margin-top:0;}

}