/* reset rules */
.ltfh .top-nav li {
    float: none;
    margin-left: 0px;
}

.ltfh .top-nav li a {
    font-size: initial;
    font-weight: initial;
    color: initial;
    text-transform: none;
    display: initial;
    border: none;
    padding: 0px;
}

.ltfh .navbar ul a {
    display: inherit;
    padding: 3px 20px;
    color: initial;
    font-weight: initial;
    font-size: 15px;
    text-transform: none;
    border: none;
    text-decoration: none;
}

.ltfh .navbar ul {
    display: inherit;
    flex-direction: initial;
    list-style: none;
    width: initial;
}

.ltfh .navbar ul.dropdown-menu {
    display: none;
}

.ltfh .navbar .open ul.dropdown-menu {
    display: block;
}

.header-lined {
    display: none;
}

.ltfh section#header a.logo.logo-text {
    font-size: 36.5px;
}

.form-custom .form-control {
    outline: none;
    box-shadow: none;
}

.range-count {
    width: 15px;
}

.mhd-container {
    width: 835px;
}

.mhd-container .side-left {
    width: 420px;
}

.mhd-container .side-right {
    width: 410px;
}

.mhd-container .mhd-text {
    float: left;
    width: 405px;
    height: 410px;
}

.mhd-container .mhd-text .mhd-bg {
    background-size: 405px auto;
    width: 405px;
    height: 410px;
    font-size: 18px;
}

.mhd-container .mhd-image-1 {
    background-image: url(../images/mhd-bg-1.png);
    height: 410px;
    width: 425px;
    background-size: 425px auto;
    padding-left: 62px;
    padding-top: 30px;
}

.mhd-container .mhd-image-1 .mhd-logo-container {
    height: 301px;
    width: 248px;
}

.mhd-container .mhd-image-1 .mhd-logo {
    transform: matrix3d( 1, -0.07555, 0, -0.000513, -0.008827, 1, 0, 0.000009, 0, 0, 1, 0, 0, 23, 0, 1 );
    width: 255px;
    height: 152px;
}

.mhd-container .mhd-image-2 {
    width: 420px;
    height: 361px;
    padding-left: 100px;
    padding-top: 136px;
}

.mhd-container .mhd-image-2 .mhd-logo-container {
    height: 158px;
    width: 260px;
}

.mhd-container .mhd-image-2 .mhd-background {
    top: -294px;
    height: 420px;
    left: -100px;
    width: 420px;
    background-image: url(../images/mhd-bg-2.png);
    background-size: 420px auto;
}

.mhd-container .mhd-image-3 {
    width: 420px;
    height: 375px;
    padding-top: 65px;
    padding-left: 125px;
}

.mhd-container .mhd-image-3 .mhd-logo-container {
    height: 170px;
    width: 214px;
}

.mhd-container .mhd-image-3 .mhd-logo {
    width: 252px;
    height: 149px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mhd-container .mhd-image-3  .mhd-background {
    height: 375px;
    width: 420px;
    top: -235px;
    left: -125px;
    background-image: url(../images/mhd-bg-3.png);
    background-size: 420px auto;
}

.mhd-container .mhd-image-4 {
    width: 410px;
    background-size: 410px auto;
    height: 275px;
    padding-top: 70px;
    padding-left: 135px;
}

.mhd-container .mhd-image-4 .mhd-logo {
    height: 100%;
    width: 100%;
}

.mhd-container .mhd-image-4 .mhd-background {
    background-image: url(../images/mhd-bg-4.png);
    width: 410px;
    background-size: 410px auto;
    height: 275px;
    top: -161px;
    left: -135px;
}

.mhd-container .mhd-image-4 .mhd-logo-container {
    height: 91px;
    width: 158px;;
}

.mhd-container .mhd-image-5 {
    background-image: url(../images/mhd-bg-5.png);
    background-repeat: no-repeat;
    background-color: orange;
    width: 410px;
    background-size: 410px auto;
    height: 461px;
    padding-top: 238px;
    padding-left: 153px;
}

.mhd-container .mhd-image-5 .mhd-logo {
    transform: rotateZ(2deg);
    height: 100%;
    width: 100%;
}

.mhd-container .mhd-image-5 .mhd-logo-container {
    height: 80px;
    width: 101px;
}

.mhd-container .mhd-image-6 {
    width: 835px;
    background-size: 835px auto;
    height: 475px;
}

.mhd-container .mhd-image-6 .mhd-logo-container {
    width: 835px;
    height: 475px;
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-1 {
    position: relative;
    top: 108px;
    left: 100px;
    width: 85px;
    height: 46px;
    transform: rotateZ(-37.1deg) skew(16.9deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-2 {
    position: relative;
    top: -34px;
    left: 306px;
    width: 87px;
    height: 50px;
    transform: rotateZ(-41.1deg) skew(20.2deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-3 {
    position: relative;
    top: -35px;
    left: 479px;
    width: 140px;
    height: 83px;
    transform: rotateZ(-43.4deg) skew(20.2deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-4 {
    position: relative;
    top: 149px;
    left: 365px;
    width: 115px;
    height: 78px;
    transform: rotateZ(-47deg) skew(10deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-5 {
    position: relative;
    top: -11px;
    left: 476px;
    width: 51px;
    height: 29px;
    transform: rotateZ(-43deg) skew(19.8deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-6 {
    position: relative;
    top: -131px;
    left: 564px;
    width: 75px;
    height: 49px;
    transform: rotateZ(-46.5deg) skew(12.9deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-7 {
    position: relative;
    top: -140px;
    left: 633px;
    width: 78px;
    height: 50px;
    transform: rotateZ(-49.1deg) skew(11deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .mhd-logo {
    height: 100%;
    width: 100%;
}

.mhd-container .mhd-image-6 .mhd-background {
    background-image: url("../images/mhd-bg-6.png");
    width: 835px;
    background-size: 835px auto;
    height: 476px;
    top: -475px;
    left: 0px;
}

.mhd-container .mhd-image-2, .mhd-container .mhd-image-3, .mhd-container .mhd-image-4, .mhd-container .mhd-image-5, .mhd-container .mhd-image-6 {
    margin: 4px 0px;
    overflow: hidden;
}

.mhd-container .mhd-image-6 {
    margin: 0px;
}

.hero-wrp {
    background: #f7f8fa url(../images/new-hero.jpg) no-repeat center center;
    background-size: 1140px;
}

.ltfh .form-group input[type="text"] {
    width: 170px;
    padding: 10px;
}

.ltfh .col-xl-9 {
    -ms-flex: 0 0 74%;
    flex: 0 0 74%;
    max-width: 74%;
}

.dd-font-name {
    padding: 8px 5px;
}

.logo-card-switcher {
    height: 140px;
    width: 213px;
    margin-bottom: 12px;
}

#layouts_preloader {
    width: 220px;
    padding: 170px 65px;
}

.icon-search-result {
    padding: 10px 14px;
}

.lab {
    width: 110px;
}

.btn:hover {
    color: white;
}

#controls_layout {
    width: 210px;
}

.logo-card-switcher {
    height: 125px;
    width: 185px;
}

.ltfh #controls_color label {
    display: inline-block;
    margin-bottom: 0.5rem;
    overflow: hidden;
    width: 110px;
    vertical-align: middle;
    font-size: 9px;
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding: 1px 8px;
    width: 92px;
}

.ui-tabs li {
    width: 74px;
    font-size: 11px;
}

.ui-tabs li.active {
    width: 74px;
}

.active .icon-symbol {
    height: 24px;
}

.dd-font-name {
    font-size: 11px;
}

.ic-opacity {
    margin-right: 5px;
}

.dropright {
    border: 1px #DADADA solid;
    padding: 4px 2px 4px 8px;
    border-radius: 2px;
    outline: none;
}

.dropright:hover {
    border: 1px #C6C6C6 solid;
    box-shadow: 1px 1px 1px #EAEAEA;
}

.dropright:active {
    box-shadow: inset 1px 1px 1px #DFDFDF;
}

.dd-font-name.title {
    width: 79%;
}

.home .state-1 #label-logo_name {
    font-size: 64px;
}

.home .state-1 #form-get-logos label {
    left: 40px;
    top: 35px;
}

.home .banner-1 .state-1 #form-get-logos input:focus+label{
    font-size: 64px;
    top: 35px;
    left: 40px;
}

.banner-1 .logo-card {
    width: 400px;
}

.banner-1 .slogan-line, .banner-1 .brand-name-line{
    width: 525px;
}

#logo_text_term, #logo_term {
    padding-left: 28px;
}

.error-msg{
    font-size: 11px;
}

.slogan_switch {
    padding: 6px 8px;
    font-size: 10px;
}

.slogan_switch_container{
    width: 192px;
}

#font_list ul {
    padding-left: 0px;
}

#main-menu .navbar-nav>li>.dropdown-menu {
    z-index: 100000;
}