* {
    margin: 0;
    padding: 0
}

img {
    margin: 0;
    padding: 0;
    border: none
}

body,
html {
    height: auto;
    min-height: 100%
}

body {
    font-family: Lato, sans-serif;
    font-size: 14px;
    background-color: #f8f8f8
}

button {
    background: 0 0;
    border: none;
    cursor: pointer
}

a {
    outline: 0;
    text-decoration: none;
    transition: .3s
}

a:active,
a:focus,
a:hover {
    opacity: .7;
    outline: 0
}

footer:after,
footer:before,
header:after,
header:before,
section:after,
section:before {
    content: " ";
    display: table
}

footer,
header,
nav,
section {
    float: left;
    width: 100%
}

header {
    overflow: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

textarea {
    resize: none
}

li {
    list-style-position: inside
}

.container {
    max-width: 1280px
}

.container-fluid {
    min-height: 100%;
    height: 100%
}

.container-fluid>.row {
    height: 100%;
    background-color: #333742
}

.authentication {
    background-image: url(https://coinstrategy.io/wp-content/uploads/2024/02/pexels-photo-6770610-scaled.jpeg);
    background-size: cover
}

header {
    padding: 12px 0;
    background-color: #434752;
    z-index: 99
}

header .logo {
    display: block;
    width: 100%;
    height: 50px;
    background-image: url(../images/logo.png);
    background-size: contain;
    background-repeat: no-repeat
}

header menu ul {
    margin: 8px 0
}

header menu ul li {
    display: inline-block;
    list-style: none
}

header menu ul li a {
    margin: 0 10px;
    color: #fff;
    text-transform: uppercase;
    background-color: #52c8d2
}

header .time {
    display: inline-block;
    padding: 15px 0;
    color: #fff
}

header .language {
    position: relative;
    float: right;
    color: #fff;
    margin: 0 0 0 20px;
    padding: 14px 0
}

header .language span {
    cursor: pointer;
    vertical-align: middle
}

header .language ul {
    display: none;
    position: absolute;
    width: 100px;
    left: -14px;
    background-color: #ccc;
    text-align: left !important;
    overflow: visible !important;
    z-index: 1
}

header .language ul li {
    padding: 5px;
    background-color: #ccc;
    list-style: none;
    margin: 0 !important
}

header .language ul a {
    color: #000;
    margin: 0
}

header .language ul a:hover {
    text-decoration: none
}

header .language ul a img {
    vertical-align: middle
}

.left-box {
    float: left;
    height: 100%;
    padding: 25px 15px;
    background-color: #333742
}

.left-box .box-user {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 55px;
    color: #fff;
    font-size: 1.429em;
    background-image: url(../images/user.png);
    background-repeat: no-repeat;
    background-position: left center
}

.left-box .box-user p {
    margin: 0
}

.left-box .box-user p:last-child {
    font-size: .929em
}

.left-box .box-user .btn {
    padding: 3px 12px;
    color: #fff;
    cursor: default
}

.left-box .box-user .btn.bg-green {
    background-color: #82c882
}

.left-box .box-user .btn.bg-red {
    background-color: #b71818
}

.left-box .box-user .btn.bg-gray {
    background-color: #828282
}

.left-box .box-user .btn:hover {
    opacity: .7;
    color: #fff
}

.left-box nav {
    margin: 25px 0 0;
    border-top: 1px solid #2a2e38
}

.left-box nav:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #454957
}

.left-box nav ul {
    margin: 0
}

.left-box nav ul li {
    float: left;
    width: 100%;
    list-style: none
}

.left-box nav ul li.active a {
    color: #fff;
    opacity: 1;
    text-decoration: none;
    background-color: #2a2e38;
    border-left: 4px solid #46aeb7
}

.left-box nav ul li.border-top {
    border-top: 1px solid #2a2e38
}

.left-box nav ul li.border-top:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #454957
}

.left-box nav ul li a {
    float: left;
    width: 100%;
    padding: 15px 30px;
    font-size: 1.071em;
    color: #5b6173;
    font-weight: 700;
    text-transform: uppercase
}

.left-box nav ul li a:active,
.left-box nav ul li a:focus,
.left-box nav ul li a:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
    background-color: #2a2e38;
    border-left: 4px solid #46aeb7
}

.left-box nav ul li ul {
    display: none;
    float: left;
    width: 100%;
    margin: 20px 0 0 50px
}

.left-box nav ul li ul li {
    margin: 0 0 15px
}

.left-box nav ul li ul li a {
    text-transform: none;
    padding: 0
}

.left-box nav ul li ul li a:active,
.left-box nav ul li ul li a:focus,
.left-box nav ul li ul li a:hover {
    color: #fff;
    border: none;
    background: 0 0
}

.left-box nav ul li ul li a i {
    margin-right: 10px
}

.left-box nav ul li ul li.active a {
    color: #fff;
    border: none;
    background: 0 0
}

.no-bottom {
    margin-bottom: 0 !important
}

.right-box {
    float: left;
    min-height: 700px;
    background-color: #fff
}

.right-box .news {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    color: #909090;
    background-color: #efefef
}

.right-box .box-top {
    float: left;
    width: 100%;
    height: 70px;
    background-color: #efefef
}

.right-box .box-top .news,
.right-box .box-top .ticker {
    float: left;
    width: 100%;
    height: 35px;
    color: #000
}

.right-box .box-top .news .container_curr,
.right-box .box-top .ticker .container_curr {
    background-color: transparent !important
}

.right-box .box-top .news .mt-body,
.right-box .box-top .ticker .mt-body {
    margin: 0
}

.right-box .box-top .news .modern-ticker,
.right-box .box-top .ticker .modern-ticker {
    height: 35px;
    line-height: 35px
}

.right-box .box-top .assets-ticker {
    background-color: #fff;
    font-weight: 700
}

.right-box .box-top .news-ticker {
    background-color: #efefef !important
}

.right-box .box-top .news-ticker a {
    color: #909090 !important
}

.right-box .box-top .ticker li,
.right-box .box-top .ticker ul {
    height: 35px
}

.right-box .box-top .ticker .mt-news {
    color: #000;
    font-weight: 700
}

.right-box .box-top .news {
    padding: 0;
    background-color: #efefef
}

.right-box .box-top .news .mt-news a {
    color: #909090
}

.right-box .box-top .news .container_curr {
    padding: 0
}

.right-box .box-just {
    float: left;
    display: inline-block;
    width: 100%;
    min-height: 130px;
    margin: 0 0 15px;
    padding: 20px;
    color: #fff;
    font-size: 1.429em;
    background-color: #3dadb3
}

.right-box .box-just .item {
    display: block;
    width: 100%;
    margin: 20px 20px 0 0;
    padding: 15px;
    background-color: #52c8d2;
    word-wrap: break-word;
    font-size: 1em
}

.right-box .box-just .item p {
    margin: 0;
    text-transform: uppercase
}

.right-box .box-just .item h6 {
    margin: 5px 0 0;
    font-size: 1.2em
}

.right-box .box-just .item select {
    width: 100%;
    padding: 0 10px;
    color: #000;
    border: 1px solid #19909a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.right-box .box-body {
    float: left;
    width: 100%
}

.right-box .box-body h6 {
    display: inline-block;
    width: 100%;
    color: #4e4e4e;
    font-size: 1.286em
}

.right-box .box-body h6 .btn {
    margin: 0 0 0 5px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-weight: 900;
    vertical-align: middle
}

.right-box .box-body h6 .btn.bg-green {
    color: #fff;
    background-color: #82c882
}

.right-box .box-body h6 .btn.border-green {
    color: #82c882;
    border: 1px solid #82c882
}

.right-box .box-body h6 span {
    display: inline-block;
    margin: 8px 0;
    vertical-align: middle
}

.right-box .box-body .body {
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px #d9d9d9
}

.right-box .box-body .body ol,
.right-box .box-body .body ul {
    margin: 0 0 25px
}

.right-box .box-body .body ol li,
.right-box .box-body .body ul li {
    margin: 0 0 10px;
    list-style: none
}

.right-box .box-body .body .bg-orange span {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
    text-align: center;
    line-height: 50px;
    font-size: 1.071em;
    color: #fff;
    vertical-align: middle;
    background-color: #ffa127
}

.right-box .box-four .item {
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
    box-shadow: 0 0 20px #ccc
}

.right-box .box-four .item .bg-green {
    background-color: #82c882
}

.right-box .box-four .item i {
    font-style: normal
}

.right-box .box-four .item span {
    float: left;
    display: block;
    width: 70px;
    height: 100px;
    font-size: 1.571em;
    line-height: 100px;
    text-align: center;
    color: #fff
}

.right-box .box-four .item .txt {
    height: 100px;
    overflow: hidden;
    padding: 0 10px;
    margin-left: 70px;
    color: #4e4e4e;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase
}

.right-box .box-four .item .txt p {
    display: table-cell;
    height: 100px;
    margin: 0;
    vertical-align: middle
}

.right-box .box-four .item .txt p label {
    margin: 0;
    font-size: 1.071em;
    color: #82c882
}

.right-box .box-four .item a {
    color: #82c882;
    text-decoration: underline
}

.right-box .box-four .item a:hover {
    text-decoration: none
}

.right-box .box-table .fix-table {
    max-height: 400px;
    overflow: auto
}

.right-box .box-table th {
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    background-color: #434752
}

.right-box .box-table td {
    font-size: .786em
}

.right-box .box-table td,
.right-box .box-table th {
    text-align: center;
    vertical-align: middle
}

.right-box .box-filter {
    padding: 0 0 5px;
    background-color: #333742
}

.right-box .box-filter .title {
    padding: 10px;
    font-size: 1.286em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-color: #22242c
}

.right-box .box-filter .txt {
    padding: 10px;
    font-size: .857em;
    color: #757a8b
}

.right-box .box-message {
    margin-bottom: 20px;
    color: #767676
}

.right-box .box-message .data {
    color: #b2b2b2;
    font-weight: 700;
    font-size: .857em
}

.right-box .box-message h6 {
    color: #52c8d2;
    font-size: 1.286em;
    text-transform: uppercase
}

.right-box .box-message .open {
    display: block;
    padding: 5px 0;
    font-size: 1.071em;
    color: #767676;
    cursor: pointer;
    border-top: 1px solid #e8e8e8
}

.right-box .box-message .open:hover {
    background-color: #f6feff
}

.right-box .box-message .open.up .fa-angle-double-down:before {
    content: "\f102"
}

.right-box .box-message .item {
    display: inline-block;
    width: 100%
}

.right-box .box-message .body {
    padding-bottom: 0
}

.right-box .box-message .txt {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin: 0 0 10px;
    overflow: hidden
}

.right-box .box-message .txt p:last-child {
    margin-bottom: 0
}

.right-box .box-message .txt.active {
    overflow: visible;
    height: inherit
}

.right-box .pagination {
    display: inline-block;
    width: 100%;
    text-align: right
}

.right-box .pagination a {
    font-size: 1.286em;
    color: grey
}

.right-box .pagination a.next,
.right-box .pagination a.prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 1.429em;
    text-align: center;
    line-height: 28px;
    background-color: #52c8d2
}

.right-box .pagination a.active {
    color: #000
}

.right-box .pagination a.prev {
    margin-right: 10px
}

.right-box .pagination a.next {
    margin-left: 10px
}

.right-box .compliance {
    color: #767676;
    line-height: 23px
}

.right-box .compliance h6 {
    color: #52c8d2;
    font-weight: 700;
    text-transform: uppercase
}

.right-box .compliance.table {
    margin: 0
}

.right-box .compliance.table td,
.right-box .compliance.table th {
    vertical-align: middle !important
}

.right-box .compliance.table tr:first-child td {
    border-top: none
}

.right-box .compliance .btn {
    text-transform: uppercase;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.right-box .compliance .btn.download {
    color: #fff;
    background-color: #52c8d2
}

.right-box .compliance .btn.upload {
    color: #52c8d2;
    border: none;
    border-bottom: 1px dotted #52c8d2
}

.right-box .compliance .btn.upload:hover {
    border-bottom: none
}

.right-box .form-1 {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.right-box .form-1 span {
    font-weight: 700
}

.right-box .form-1 input[type=text],
.right-box .form-1 input[type=password],
.right-box .form-1 input[type=email],
.right-box .form-1 select,
.right-box .form-1 textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #52c8d2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.right-box .form-1 textarea {
    height: 120px
}

.right-box .form-1 table {
    margin: 0
}

.right-box .form-1 table tr td:first-child {
    width: 25%
}

.right-box .form-1 table tr:first-child td {
    border-top: none
}

.right-box .form-1 .btn {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    background-color: #52c8d2
}

.right-box .form-1 .txt {
    font-size: 2em;
    font-weight: 700;
    text-align: center
}

.right-box .form-1.addition-style {
    position: relative
}

.right-box .form-1.addition-style .btn {
    margin: 29px 0 0
}

.right-box .form-1.addition-style .stp {
    position: absolute;
    width: 100%;
    bottom: 45px
}

.right-box .form-1.addition-style .stp input[type=checkbox] {
    margin: -1px 0 0;
    vertical-align: middle
}

.right-box .form-1.addition-style .stp a {
    text-decoration: underline
}

.right-box .form-1.addition-style .stp a:hover {
    text-decoration: none
}

.right-box .contact .title {
    position: relative;
    padding: 10px 50px;
    font-size: 1.429em;
    font-weight: 700;
    z-index: 1;
    color: #fff;
    background-color: #434752
}

.right-box .contact input,
.right-box .contact textarea {
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 0 10px 50px;
    border: 1px solid #bcd2dd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 17px center;
    background-image: url(../images/contact-2.png)
}

.right-box .contact input:first-child,
.right-box .contact textarea:first-child {
    background-image: url(../images/contact.png)
}

.right-box .contact input:last-child,
.right-box .contact textarea:last-child {
    background-image: url(../images/contact-3.png)
}

.right-box .contact textarea {
    height: 150px;
    background-position: 17px 17px
}

.right-box .contact .btn {
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    background-color: #52c8d2;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.right-box .contact .body {
    position: relative
}

.right-box .contact .right-contact {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    padding: 50px 0;
    color: #fff;
    background-image: url(../images/map-contact.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #52c8d2
}

.right-box .contact .right-contact p {
    padding-left: 40px
}

.right-box .contact .right-contact .txt {
    position: absolute;
    bottom: 30px
}

.right-box .contact .right-contact .txt i {
    margin-right: 10px
}

.right-box .box-tabs .red {
    color: #c36161
}

.right-box .box-tabs .blue {
    color: #52c8d2
}

.right-box .box-tabs .form-1 h6 {
    color: #52c8d2;
    text-transform: uppercase
}

.right-box .box-tabs .form-1 .btn {
    width: 100%;
    border: none
}

.right-box .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eee
}

.right-box table td,
.right-box table th {
    padding: 10px 8px;
    vertical-align: middle !important;
    border-color: #e8e8e8 !important
}

.right-box .box-pamm .item {
    float: left;
    height: 311px;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
    margin: 0 0 30px;
    padding: 0 0 30px;
    color: #fff;
    background-color: #333742
}

.right-box .box-pamm .item .title {
    margin: 0 0 10px;
    padding: 5px 10px;
    font-size: 1.286em;
    text-align: center;
    background-color: #22242c;
    text-transform: uppercase;
    font-weight: 700
}

.right-box .box-pamm .item h5,
.right-box .box-pamm .item h6 {
    color: #fff;
    text-align: center;
    padding: 0 15px;
    margin: 0
}

.right-box .box-pamm .item h6 {
    font-size: 1.214em;
    height: 54px;
    overflow: hidden
}

.right-box .box-pamm .item h5 {
    height: 33px;
    overflow: hidden;
    color: #5adae5;
    font-size: 2.143em
}

.right-box .box-pamm .item .txt {
    margin: 20px 0 0;
    padding: 0 15px;
    font-size: 700
}

.right-box .box-pamm .item .txt i {
    color: #46aeb7
}

.right-box .box-pamm .item .btn {
    width: 100%;
    margin: 30px 0 0;
    color: #fff;
    background-color: #46aeb7;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.right-box .pamm-top .item {
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
    box-shadow: 0 0 20px #ccc
}

.right-box .pamm-top .item .bg-green {
    background-color: #434752
}

.right-box .pamm-top .item span {
    float: left;
    display: block;
    width: 70px;
    height: 100px;
    font-size: 1.571em;
    line-height: 100px;
    text-align: center;
    color: #fff
}

.right-box .pamm-top .item .txt {
    height: 100px;
    overflow: hidden;
    padding: 0 10px;
    margin-left: 70px;
    color: #4e4e4e;
    font-size: .9em;
    font-weight: 700;
    text-transform: uppercase
}

.right-box .pamm-top .item .txt p {
    display: table-cell;
    height: 100px;
    margin: 0;
    vertical-align: middle
}

.right-box .pamm-top .item .txt p label {
    margin: 0;
    font-size: .9em;
    color: #52c8d2
}

.right-box .pamm-top .item.no-padding .txt {
    margin-left: 0
}

.right-box .pamm-top .item.displ .txt p {
    display: inline-block;
    width: 100%;
    margin: 25px 0
}

.right-box .pamm-history .pamm-filter-history .btn {
    width: 100%;
    color: #fff;
    padding: 10px 12px;
    text-transform: uppercase;
    background-color: #52c8d2;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.right-box .pamm-history .pamm-filter-history input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #bcd2dd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.right-box .pamm-history .box-table {
    margin: 25px 0 0
}

.right-box .pamm-history .box-table table {
    margin: 0
}

.right-box .pamm-history .box-table table td,
.right-box .pamm-history .box-table table th {
    height: 65px;
    overflow: hidden
}

footer {
    float: left;
    width: 100%;
    color: #b7b7b7;
    padding: 20px 0;
    background-color: #434752
}

footer .container {
    position: relative
}

footer .container #message {
    top: -80px
}

footer .margin-30 {
    margin-bottom: 30px
}

footer h6 {
    color: #fff;
    font-size: 1.071em
}

footer .about {
    line-height: 20px
}

footer ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    line-height: none
}

footer ul li a {
    color: #b7b7b7
}

footer ul li:last-child {
    margin: 0
}

footer .contact .item {
    display: inline-block;
    text-align: left
}

footer .contact .item p {
    position: relative;
    padding: 0 0 0 40px
}

footer .contact .item p:before {
    content: "";
    position: absolute;
    width: 15px;
    left: 0;
    top: 2px;
    color: #1cbac8;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

footer .contact .item p.map:before {
    content: "\f041"
}

footer .contact .item p.phone:before {
    content: "\f095"
}

footer .contact .item p.support:before {
    content: "\f0e0"
}

.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item {
    width: 230px !important;
    line-height: 35px !important;
    color: #6b6b6b !important
}

.leverate-rates-ticker-container {
    height: 35px !important;
    line-height: 35px !important
}

.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-arrow {
    height: 20px !important
}

.ui-datepicker-next,
.ui-datepicker-next-hover {
    width: 5px !important;
    height: 12px !important;
    cursor: pointer;
    background-image: url(../images/calendar-slider-right.png) !important
}

.ui-datepicker-prev,
.ui-datepicker-prev-hover {
    background: url(../images/calendar-slider-left.png) !important;
    width: 5px !important;
    height: 12px !important;
    cursor: pointer;
    border: none !important;
    margin-top: 8px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    margin: 8px 0 0 !important;
    border: none;
    background: 0 0
}

.musdwallet-info {
    text-align: center
}

.musdwallet-info img {
    width: 50%;
    margin: 0 0 5px
}

.musdwallet-info a {
    display: inline-block;
    width: 100%;
    font-size: 1.5em
}

.ui-menu-item {
    display: block
}

.ui-menu-item .ui-button,
.ui-menu-item .ui-state-default a,
.ui-menu-item .ui-state-default a:link,
.ui-menu-item .ui-state-default a:visited,
.ui-menu-item a.ui-button,
.ui-menu-item a:link.ui-button,
.ui-menu-item a:visited.ui-button {
    color: red
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png) !important
}

.w-100 {
    width: 100%
}

.questionnaire {
    width: 960px !important;
    background-color: #fff
}

.questionnaire h6 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    color: #395594;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.questionnaire .ui-widget-content {
    background-color: #fff !important
}

.questionnaire .title {
    border: none;
    padding: 5px;
    font-size: 30px;
    color: #fff;
    background-color: #283d6b
}

.questionnaire .item {
    padding: 15px 0
}

.questionnaire .menu {
    width: 100%;
    margin: 0;
    text-align: left
}

.questionnaire .menu li,
.questionnaire .menu li a {
    display: inline-block;
    width: 100%
}

.questionnaire .ui-widget.ui-widget-content {
    border: none
}

.questionnaire .box-op .wrapp {
    margin: 0 0 5px;
    padding: 5px 15px;
    border: 1px solid #e8e8e8;
    font-size: #7b7b7b
}

.questionnaire .box-op .wrapp .form-group {
    margin-bottom: 5px
}

.questionnaire .box-op .wrapp h5 {
    margin: 5px 0;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 700;
    text-transform: uppercase
}

.questionnaire .box-op .wrapp h5 span {
    color: #e00707
}

.questionnaire .box-op .wrapp label {
    padding: 0
}

.questionnaire .box-op .wrapp input[type=text],
.questionnaire .box-op .wrapp input[type=password],
.questionnaire .box-op .wrapp select,
.questionnaire .box-op .wrapp textarea {
    display: inline-block;
    width: 100%;
    padding: 5px;
    border: 1px solid #bcd2dd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.questionnaire .box-op .wrapp textarea {
    height: 80px
}

.questionnaire .box-op .wrapp .margin-bottom-25 {
    margin-bottom: 10px
}

.questionnaire .box-op .wrapp .checkbox input[type=checkbox],
.questionnaire .box-op .wrapp .checkbox-inline input[type=checkbox],
.questionnaire .box-op .wrapp .radio input[type=radio],
.questionnaire .box-op .wrapp .radio-inline input[type=radio] {
    margin-left: 0
}

.questionnaire .box-op .wrapp input[type=radio],
.questionnaire .box-op .wrapp input[type=checkbox] {
    display: none
}

.questionnaire .box-op .wrapp input[type=radio]+label span,
.questionnaire .box-op .wrapp input[type=checkbox]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../images/custom-check.png) right bottom;
    cursor: pointer
}

.questionnaire .box-op .wrapp input[type=radio]+label span {
    background-position: left bottom
}

.questionnaire .box-op .wrapp input[type=checkbox]:checked+label span {
    background: url(../images/custom-check.png) right top
}

.questionnaire .box-op .wrapp input[type=radio]:checked+label span {
    background: url(../images/custom-check.png) left top
}

.questionnaire .box-op .wrapp ul {
    list-style: none
}

.questionnaire .box-op .btn {
    float: right;
    margin: 0 10px;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #52c8d2;
    text-transform: uppercase
}

.questionnaire .box-op .btn:hover {
    background-color: #5bd4de
}

.questionnaire .box-op .btn:active {
    background-color: #39a6b0
}

.questionnaire .box-op .btn.pull-right {
    margin-right: 0
}

.questionnaire .ui-state-default,
.questionnaire .ui-widget-content .ui-state-default,
.questionnaire .ui-widget-header .ui-state-default {
    background-color: #52c8d2
}

.questionnaire .ui-state-default a,
.questionnaire .ui-state-default a:link,
.questionnaire .ui-state-default a:visited {
    color: #fff
}

.questionnaire .ui-tabs-vertical .ui-tabs-nav {
    padding: 0
}

.questionnaire .ui-widget-header {
    border: none;
    background: #fff
}

.questionnaire .ui-tabs-vertical .ui-tabs-nav li,
.questionnaire .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin: 0 0 20px;
    border: none;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.questionnaire .ui-state-active,
.questionnaire .ui-widget-content .ui-state-active,
.questionnaire .ui-widget-header .ui-state-active {
    border: none;
    background-color: #395594
}

.questionnaire .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    width: 100%;
    text-align: left !important
}

.questionnaire .ui-widget-content {
    border: none;
    padding: 0
}

.questionnaire #tabs ul.col-lg-4 {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.questionnaire #tabs ul.col-lg-4 li {
    display: table;
    font-weight: 400
}

.questionnaire #tabs ul.col-lg-4 li span {
    display: table-cell;
    vertical-align: middle
}

.questionnaire #tabs ul.col-lg-4 li span:first-child {
    padding: 0 20px 0 0;
    font-size: 60px;
    color: #58d3dd
}

.ui-tabs-vertical .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: left
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 0 1em;
    float: right
}

.box-tabs .ui-widget.ui-widget-content {
    border: none !important
}

.box-tabs .ui-button,
.box-tabs .ui-state-default,
.box-tabs .ui-widget-content .ui-state-default,
.box-tabs .ui-widget-header .ui-state-default,
.box-tabs html .ui-button.ui-state-disabled:active,
.box-tabs html .ui-button.ui-state-disabled:hover {
    border: none;
    background: #e8e8e8;
    font-weight: 700;
    color: #fff;
    border-radius: 0
}

.box-tabs .ui-button.ui-state-active:hover,
.box-tabs .ui-button:active,
.box-tabs .ui-state-active,
.box-tabs .ui-widget-content .ui-state-active,
.box-tabs .ui-widget-header .ui-state-active,
.box-tabs a.ui-button:active {
    border: none;
    background: #52c8d2;
    font-weight: 700;
    color: #fff
}

.box-tabs .ui-tabs .ui-tabs-nav {
    padding: 0
}

.box-tabs .ui-widget-header {
    border: none;
    background: #fff;
    color: #333;
    font-weight: 700
}

.box-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0
}

.box-tabs .ui-tabs .ui-tabs-nav li {
    margin-right: 5px
}

.box-tabs .ui-tabs .ui-tabs-nav li:last-child {
    margin-right: 0
}

@media screen and (min-width:1210px) and (max-width:1580px) {
    .right-box .box-just .col-lg-3 {
        width: 50% !important
    }

    .right-box .box-just .col-lg-3 .item {
        margin: 20px 20px 0 0
    }

    .w-100-ad {
        width: 100%
    }
}

@media screen and (max-width:1580px) {
    .right-box .box-just {
        margin-bottom: 0
    }
}

@media screen and (max-width:1199px) {
    .right-box .box-just .item {
        margin-bottom: 0
    }

    .left-box,
    .right-box {
        width: 100%;
        height: auto
    }

    .right-box .contact .right-contact {
        position: static
    }

    .col-lg-6 {
        float: left;
        width: 100%
    }

    .right-box .contact .right-contact .txt {
        position: static
    }
}

@media screen and (max-width:1007px) {
    .questionnaire {
        width: 100% !important
    }

    .questionnaire .item .col-md-8,
    .questionnaire .item ul.col-lg-4 {
        width: 100%
    }
}

@media screen and (max-width:1001px) {
    footer {
        text-align: center
    }

    footer .logo {
        margin-bottom: 30px;
        background-position: center
    }

    footer .contact {
        margin-top: 30px
    }
}