/* Logo boxes start */
.logo-hero-heading{
    padding: 0 0 60px 0;
}
.logo-hero-heading h2{
    font-size: 30px;
    font-weight: bold;
    color: #666666;
}
.logo-hero-heading p{
    font-size: 15px;
    color: #8c8b8b;
}
.logo-hero-heading p b{
    color: #5d5d5d
}

.tooltip-inner{
    background: #c8daf1;
    padding: 5px;
}

.bs-tooltip-bottom .arrow::before{
    border-bottom-color: #c8daf1;
}
.bs-tooltip-top .arrow::before{
    border-top-color: #c8daf1;
}

.form-tooltip {
    font-size: 11px;
    color: #215073;
}
.tooltip-inner.large{
    max-width: 237px;
}

.form-tooltip span{
    font-weight: bold;
}
.form-tooltip span i{
    font-size: 6px;
    margin: 0 2px 0 2px;
    transform: rotate(90deg);
    display: inline-block;
    vertical-align: middle;
}

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

.logo-content-wrp {
    background: #f5f5f5;
    padding: 60px 0;
    margin-top: 0px;
}

.logo-col, .logo-col-loader{
    margin-bottom: 45px;
}

#logo_loader_container{
    padding: 40px 0;
    background: #f8faff;
}

.logo-col .logo-btn-group {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    -background: rgba(255, 255, 255, 0.7);
    transform: translateY(35px);
    transition: all ease-in-out 0.3s;
    -display: none;
    width: 94.8%;
    margin: 0px 15px;
}

.logo-col:hover .logo-btn-group {
    -transform: translateY(35px);
    transition: all ease-in-out 0.3s;
    display: block;
}

.logo-btn-group .btn {
    text-align: center;
    padding: 10px 30px 8px 30px;
    font-size: 1.4rem;
    margin: 0 10px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
}

.logo-btn-group .btn-secondary {
    background-color: #3f7ee9;
    transition: all ease-in-out 0.3s;
}

.logo-btn-group .btn-primary {
    background-color: #28bd8b;
    transition: all ease-in-out 0.3s;
}

.logo-btn-group .btn-secondary:hover {
    background-color: #175ed8;
    transition: all ease-in-out 0.3s;
}

.ltfh .logo-btn-group .btn-primary:hover {
    background-color: #128f65;
    transition: all ease-in-out 0.3s;
    color: white;
}

.logo-card-body {
    width: 100%
}

.logo-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
    height: 360px;
    background-color: #fff;
    align-items: center;
    border-radius: 10px;
    -webkit-box-shadow: 5px 10px 20px -10px #999;
    -moz-box-shadow: 5px 10px 20px -10px #999;
    box-shadow: 5px 10px 20px -10px #999;
}

.logo-body{
    width: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#layouts .logo-body{
    width: 230px;
}

@-moz-document url-prefix() {
    .logo-body{
        -margin-top: -20px;
    }
}

.logo-loader {
    border: 1px solid lightgray;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
    height: 300px;
    background-color: #fff;
    align-items: center;
    border-radius: 10px;
    -webkit-box-shadow: 5px 10px 20px -10px #999;
    -moz-box-shadow: 5px 10px 20px -10px #999;
    box-shadow: 5px 10px 20px -10px #999;
}

.logo-col .ic-pin {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 26px;
    cursor: pointer;
    z-index: 10;
}

.logo-col .ic-pin .fa-pin {
    font-size: 2rem;
    color: #fff;
    text-shadow: 0px 1px 3px #222;
    transition: all ease-in-out 0.3s;
}

.active .ic-pin .fa-pin {
    font-size: 2rem;
    font-weight: bold;
    color: #e76060;
    transition: all ease-in-out 0.3s;
}

.logo-pin-counter {
    position: relative;
    display: inline-block;
}

.row-btn-wrp{
    background: #f8faff;
    padding: 0 0 60px 0;
}
.row-btn-wrp .btn{
    padding: 11px 35px 8px 35px;
    width: inherit;
    height: inherit;
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo-content-wrp {
    background: #f8faff;
}

.watermark {
    position: absolute;
    width: 540px;
    height: 320px;
    background-image: url(../images/watermark.png);
    background-position: left top;
    background-size: 100% 100%;
    background-repeat: repeat;
    z-index: 0;
}

.grid {
    background-image: url(../images/grid-light.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 540px;
    height: 360px;
    background-size: 100% 100%;
    z-index: 0;
    margin-top: -6px;
}

.watermark.disable {
    background-image: none;
}

.widget-opacity {
    display: none;
}

.icon-tabs li.active:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background: url(../images/tab-bg.png) no-repeat;
    left: 45%;
    bottom: -6px;
    background-color: white;
}

/* Pin style starts */
.ic-pin-heart {
    color: #F75880;
}

.ic-remove {
    position: absolute;
    top: 15px;
    right: 30px;
    color: #fff;
    font-size: 1.7rem;
    cursor: pointer;
    text-shadow: 0 0 3px #222;
    z-index: 1000;
}

#logo_shortlist.pinned {
    pointer-events: none;
}

#logo_shortlist.pinned i {
    color: #e76060;
    font-weight: bold
}

#pin_logo_msg {
    background-color:
    #f8faff;
    text-align: center;
    padding: 20px 0px 0px 0px;
    font-size: 1.2em;
}
/* Pin style ends */
/* Logo box ends */

/* Logo edit controls start*/
.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
    right: 2px;
}

.logo-edit-controls .wrp {
    padding: 20px;
}

.logo-edit-controls {
    background: #fff;
}

.icon-item-list .search-box {
    margin: 15px 0;
}

.brandnameSelector {
    margin-bottom: 12px;
    padding: 9px;
    font-size: 1.3rem;
    cursor: pointer;
    background-color: #F7F8F9;
    border: 2px solid #F7F8F9;
    border-radius: 4px;
}

.brandnameSelector i {
    float: left;
    margin: 2px 10px 0 0;
    color: #E0E4EB;
}

.brandnameSelector.active {
    border: 2px solid #2D6CFF;
}

.brandnameSelector.active i {
    color: #2D6CFF;
}

.logo-controls h2 {
    font-weight: 300;
    font-size: 1.7rem;
    color: #1d1d30;
    padding-bottom: 15px;
}

.controls-wrp {
    border: 1px solid#EDEFF4;
    border-radius: 3px;
}

.icon-item-list .form-control::placeholder {
    color: #fff !important;
}

.icon-item-list .form-control:focus {
    background: transparent;
}

.icon-item-list .btn-search {
    -background: transparent;
    border: none;
    text-indent: 0;
    font-size: 1.5rem;
}

.icon-item-list .btn-search:hover {
    -background: transparent;
    color: #5a6275;
}

/* UI tabs start */
.ui-tabs li {
    display: inline-block;
    font: 500 1.1rem/1.7rem "Hind", sans-serif;
    color: #888888;
    text-transform: uppercase;
    padding: 40px 0 10px 0;
    width: 33.3%;
    text-align: center;
    cursor: pointer;
    border-bottom: solid 1px#EDEFF4;
    margin-right: -3px;
    opacity: 1;
    transition: all ease-in-out 0.2s;
}

.ui-tabs li.active {
    border-bottom: none;
    opacity: 1;
    transition: all ease-in-out 0.2s;
}

.ui-tabs .separator {
    border-left: solid 1px#EDEFF4;
    border-right: solid 1px#EDEFF4;
}

.ui-tabs .ic-color {
    background: url(../images/colors-active.svg) no-repeat center 13px;
}

.ui-tabs .ic-fonts {
    background: url(../images/fonts-active.svg) no-repeat center 13px;
}

.ui-tabs .ic-icons {
    background: url(../images/icons-active.svg) no-repeat center 13px;
}

.ltfh .form-control-range {
    display: inline-block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 70%;
    margin: 0;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
  }

.ltfh .form-control-range:focus {
    outline: none;
  }

.ltfh .form-control-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, #2D6CFF, #2D6CFF) 100% 50%/100% 3px no-repeat transparent;
  }

.ltfh .form-control-range::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
            appearance: none;
    height: 13px;
    width: 13px;
    background-image: url('../images/slider-circle.png');
    border: 0;
    top: 50%;
    background-position: center;
    background-size: 16px 17px;
    margin-top: -6.5px;
    border-radius: 100%;
    border: 1px solid #D9DDE7;
    box-shadow: 0 1px 3px 0 #CFD5DC;
    box-shadow: 1px 0 0 -5px #cfcfcf, 2px 0 0 -5px #cfcfcf, 3px 0 0 -5px #cfcfcf, 4px 0 0 -5px #cfcfcf, 5px 0 0 -5px #cfcfcf, 6px 0 0 -5px #cfcfcf, 7px 0 0 -5px #cfcfcf, 8px 0 0 -5px #cfcfcf, 9px 0 0 -5px #cfcfcf, 10px 0 0 -5px #cfcfcf, 11px 0 0 -5px #cfcfcf, 12px 0 0 -5px #cfcfcf, 13px 0 0 -5px #cfcfcf, 14px 0 0 -5px #cfcfcf, 15px 0 0 -5px #cfcfcf, 16px 0 0 -5px #cfcfcf, 17px 0 0 -5px #cfcfcf, 18px 0 0 -5px #cfcfcf, 19px 0 0 -5px #cfcfcf, 20px 0 0 -5px #cfcfcf, 21px 0 0 -5px #cfcfcf, 22px 0 0 -5px #cfcfcf, 23px 0 0 -5px #cfcfcf, 24px 0 0 -5px #cfcfcf, 25px 0 0 -5px #cfcfcf, 26px 0 0 -5px #cfcfcf, 27px 0 0 -5px #cfcfcf, 28px 0 0 -5px #cfcfcf, 29px 0 0 -5px #cfcfcf, 30px 0 0 -5px #cfcfcf, 31px 0 0 -5px #cfcfcf, 32px 0 0 -5px #cfcfcf, 33px 0 0 -5px #cfcfcf, 34px 0 0 -5px #cfcfcf, 35px 0 0 -5px #cfcfcf, 36px 0 0 -5px #cfcfcf, 37px 0 0 -5px #cfcfcf, 38px 0 0 -5px #cfcfcf, 39px 0 0 -5px #cfcfcf, 40px 0 0 -5px #cfcfcf, 41px 0 0 -5px #cfcfcf, 42px 0 0 -5px #cfcfcf, 43px 0 0 -5px #cfcfcf, 44px 0 0 -5px #cfcfcf, 45px 0 0 -5px #cfcfcf, 46px 0 0 -5px #cfcfcf, 47px 0 0 -5px #cfcfcf, 48px 0 0 -5px #cfcfcf, 49px 0 0 -5px #cfcfcf, 50px 0 0 -5px #cfcfcf, 51px 0 0 -5px #cfcfcf, 52px 0 0 -5px #cfcfcf, 53px 0 0 -5px #cfcfcf, 54px 0 0 -5px #cfcfcf, 55px 0 0 -5px #cfcfcf, 56px 0 0 -5px #cfcfcf, 57px 0 0 -5px #cfcfcf, 58px 0 0 -5px #cfcfcf, 59px 0 0 -5px #cfcfcf, 60px 0 0 -5px #cfcfcf, 61px 0 0 -5px #cfcfcf, 62px 0 0 -5px #cfcfcf, 63px 0 0 -5px #cfcfcf, 64px 0 0 -5px #cfcfcf, 65px 0 0 -5px #cfcfcf, 66px 0 0 -5px #cfcfcf, 67px 0 0 -5px #cfcfcf, 68px 0 0 -5px #cfcfcf, 69px 0 0 -5px #cfcfcf, 70px 0 0 -5px #cfcfcf, 71px 0 0 -5px #cfcfcf, 72px 0 0 -5px #cfcfcf, 73px 0 0 -5px #cfcfcf, 74px 0 0 -5px #cfcfcf, 75px 0 0 -5px #cfcfcf, 76px 0 0 -5px #cfcfcf, 77px 0 0 -5px #cfcfcf, 78px 0 0 -5px #cfcfcf, 79px 0 0 -5px #cfcfcf, 80px 0 0 -5px #cfcfcf, 81px 0 0 -5px #cfcfcf, 82px 0 0 -5px #cfcfcf, 83px 0 0 -5px #cfcfcf, 84px 0 0 -5px #cfcfcf, 85px 0 0 -5px #cfcfcf, 86px 0 0 -5px #cfcfcf, 87px 0 0 -5px #cfcfcf, 88px 0 0 -5px #cfcfcf, 89px 0 0 -5px #cfcfcf, 90px 0 0 -5px #cfcfcf, 91px 0 0 -5px #cfcfcf, 92px 0 0 -5px #cfcfcf, 93px 0 0 -5px #cfcfcf, 94px 0 0 -5px #cfcfcf, 95px 0 0 -5px #cfcfcf, 96px 0 0 -5px #cfcfcf, 97px 0 0 -5px #cfcfcf, 98px 0 0 -5px #cfcfcf, 99px 0 0 -5px #cfcfcf, 100px 0 0 -5px #cfcfcf, 101px 0 0 -5px #cfcfcf, 102px 0 0 -5px #cfcfcf, 103px 0 0 -5px #cfcfcf, 104px 0 0 -5px #cfcfcf, 105px 0 0 -5px #cfcfcf, 106px 0 0 -5px #cfcfcf, 107px 0 0 -5px #cfcfcf, 108px 0 0 -5px #cfcfcf, 109px 0 0 -5px #cfcfcf, 110px 0 0 -5px #cfcfcf, 111px 0 0 -5px #cfcfcf, 112px 0 0 -5px #cfcfcf, 113px 0 0 -5px #cfcfcf, 114px 0 0 -5px #cfcfcf, 115px 0 0 -5px #cfcfcf, 116px 0 0 -5px #cfcfcf, 117px 0 0 -5px #cfcfcf, 118px 0 0 -5px #cfcfcf, 119px 0 0 -5px #cfcfcf, 120px 0 0 -5px #cfcfcf, 121px 0 0 -5px #cfcfcf, 122px 0 0 -5px #cfcfcf, 123px 0 0 -5px #cfcfcf, 124px 0 0 -5px #cfcfcf, 125px 0 0 -5px #cfcfcf, 126px 0 0 -5px #cfcfcf, 127px 0 0 -5px #cfcfcf, 128px 0 0 -5px #cfcfcf, 129px 0 0 -5px #cfcfcf, 130px 0 0 -5px #cfcfcf, 131px 0 0 -5px #cfcfcf, 132px 0 0 -5px #cfcfcf, 133px 0 0 -5px #cfcfcf, 134px 0 0 -5px #cfcfcf, 135px 0 0 -5px #cfcfcf, 136px 0 0 -5px #cfcfcf, 137px 0 0 -5px #cfcfcf, 138px 0 0 -5px #cfcfcf, 139px 0 0 -5px #cfcfcf, 140px 0 0 -5px #cfcfcf, 141px 0 0 -5px #cfcfcf, 142px 0 0 -5px #cfcfcf, 143px 0 0 -5px #cfcfcf, 144px 0 0 -5px #cfcfcf, 145px 0 0 -5px #cfcfcf, 146px 0 0 -5px #cfcfcf, 147px 0 0 -5px #cfcfcf, 148px 0 0 -5px #cfcfcf, 149px 0 0 -5px #cfcfcf, 150px 0 0 -5px #cfcfcf, 151px 0 0 -5px #cfcfcf, 152px 0 0 -5px #cfcfcf, 153px 0 0 -5px #cfcfcf, 154px 0 0 -5px #cfcfcf, 155px 0 0 -5px #cfcfcf, 156px 0 0 -5px #cfcfcf, 157px 0 0 -5px #cfcfcf, 158px 0 0 -5px #cfcfcf, 159px 0 0 -5px #cfcfcf, 160px 0 0 -5px #cfcfcf, 161px 0 0 -5px #cfcfcf, 162px 0 0 -5px #cfcfcf, 163px 0 0 -5px #cfcfcf, 164px 0 0 -5px #cfcfcf, 165px 0 0 -5px #cfcfcf, 166px 0 0 -5px #cfcfcf, 167px 0 0 -5px #cfcfcf, 168px 0 0 -5px #cfcfcf, 169px 0 0 -5px #cfcfcf, 170px 0 0 -5px #cfcfcf, 171px 0 0 -5px #cfcfcf, 172px 0 0 -5px #cfcfcf, 173px 0 0 -5px #cfcfcf, 174px 0 0 -5px #cfcfcf, 175px 0 0 -5px #cfcfcf, 176px 0 0 -5px #cfcfcf, 177px 0 0 -5px #cfcfcf, 178px 0 0 -5px #cfcfcf, 179px 0 0 -5px #cfcfcf, 180px 0 0 -5px #cfcfcf, 181px 0 0 -5px #cfcfcf, 182px 0 0 -5px #cfcfcf, 183px 0 0 -5px #cfcfcf, 184px 0 0 -5px #cfcfcf, 185px 0 0 -5px #cfcfcf, 186px 0 0 -5px #cfcfcf, 187px 0 0 -5px #cfcfcf, 188px 0 0 -5px #cfcfcf, 189px 0 0 -5px #cfcfcf, 190px 0 0 -5px #cfcfcf, 191px 0 0 -5px #cfcfcf, 192px 0 0 -5px #cfcfcf, 193px 0 0 -5px #cfcfcf, 194px 0 0 -5px #cfcfcf, 195px 0 0 -5px #cfcfcf, 196px 0 0 -5px #cfcfcf, 197px 0 0 -5px #cfcfcf, 198px 0 0 -5px #cfcfcf, 199px 0 0 -5px #cfcfcf, 200px 0 0 -5px #cfcfcf, 201px 0 0 -5px #cfcfcf, 202px 0 0 -5px #cfcfcf, 203px 0 0 -5px #cfcfcf, 204px 0 0 -5px #cfcfcf, 205px 0 0 -5px #cfcfcf, 206px 0 0 -5px #cfcfcf, 207px 0 0 -5px #cfcfcf, 208px 0 0 -5px #cfcfcf, 209px 0 0 -5px #cfcfcf, 210px 0 0 -5px #cfcfcf, 211px 0 0 -5px #cfcfcf, 212px 0 0 -5px #cfcfcf, 213px 0 0 -5px #cfcfcf, 214px 0 0 -5px #cfcfcf, 215px 0 0 -5px #cfcfcf, 216px 0 0 -5px #cfcfcf, 217px 0 0 -5px #cfcfcf, 218px 0 0 -5px #cfcfcf, 219px 0 0 -5px #cfcfcf, 220px 0 0 -5px #cfcfcf, 221px 0 0 -5px #cfcfcf, 222px 0 0 -5px #cfcfcf, 223px 0 0 -5px #cfcfcf, 224px 0 0 -5px #cfcfcf, 225px 0 0 -5px #cfcfcf, 226px 0 0 -5px #cfcfcf, 227px 0 0 -5px #cfcfcf, 228px 0 0 -5px #cfcfcf, 229px 0 0 -5px #cfcfcf, 230px 0 0 -5px #cfcfcf, 231px 0 0 -5px #cfcfcf, 232px 0 0 -5px #cfcfcf, 233px 0 0 -5px #cfcfcf, 234px 0 0 -5px #cfcfcf, 235px 0 0 -5px #cfcfcf, 236px 0 0 -5px #cfcfcf, 237px 0 0 -5px #cfcfcf, 238px 0 0 -5px #cfcfcf, 239px 0 0 -5px #cfcfcf, 240px 0 0 -5px #cfcfcf, 241px 0 0 -5px #cfcfcf, 242px 0 0 -5px #cfcfcf, 243px 0 0 -5px #cfcfcf, 244px 0 0 -5px #cfcfcf, 245px 0 0 -5px #cfcfcf, 246px 0 0 -5px #cfcfcf, 247px 0 0 -5px #cfcfcf, 248px 0 0 -5px #cfcfcf, 249px 0 0 -5px #cfcfcf, 250px 0 0 -5px #cfcfcf, 251px 0 0 -5px #cfcfcf, 252px 0 0 -5px #cfcfcf, 253px 0 0 -5px #cfcfcf, 254px 0 0 -5px #cfcfcf, 255px 0 0 -5px #cfcfcf, 256px 0 0 -5px #cfcfcf, 257px 0 0 -5px #cfcfcf, 258px 0 0 -5px #cfcfcf, 259px 0 0 -5px #cfcfcf, 260px 0 0 -5px #cfcfcf, 261px 0 0 -5px #cfcfcf, 262px 0 0 -5px #cfcfcf, 263px 0 0 -5px #cfcfcf, 264px 0 0 -5px #cfcfcf, 265px 0 0 -5px #cfcfcf, 266px 0 0 -5px #cfcfcf, 267px 0 0 -5px #cfcfcf, 268px 0 0 -5px #cfcfcf, 269px 0 0 -5px #cfcfcf, 270px 0 0 -5px #cfcfcf, 271px 0 0 -5px #cfcfcf, 272px 0 0 -5px #cfcfcf, 273px 0 0 -5px #cfcfcf, 274px 0 0 -5px #cfcfcf, 275px 0 0 -5px #cfcfcf, 276px 0 0 -5px #cfcfcf, 277px 0 0 -5px #cfcfcf, 278px 0 0 -5px #cfcfcf, 279px 0 0 -5px #cfcfcf, 280px 0 0 -5px #cfcfcf, 281px 0 0 -5px #cfcfcf, 282px 0 0 -5px #cfcfcf, 283px 0 0 -5px #cfcfcf, 284px 0 0 -5px #cfcfcf, 285px 0 0 -5px #cfcfcf, 286px 0 0 -5px #cfcfcf, 287px 0 0 -5px #cfcfcf, 288px 0 0 -5px #cfcfcf, 289px 0 0 -5px #cfcfcf, 290px 0 0 -5px #cfcfcf, 291px 0 0 -5px #cfcfcf, 292px 0 0 -5px #cfcfcf, 293px 0 0 -5px #cfcfcf, 294px 0 0 -5px #cfcfcf, 295px 0 0 -5px #cfcfcf, 296px 0 0 -5px #cfcfcf, 297px 0 0 -5px #cfcfcf, 298px 0 0 -5px #cfcfcf, 299px 0 0 -5px #cfcfcf, 300px 0 0 -5px #cfcfcf, 301px 0 0 -5px #cfcfcf, 302px 0 0 -5px #cfcfcf, 303px 0 0 -5px #cfcfcf, 304px 0 0 -5px #cfcfcf, 305px 0 0 -5px #cfcfcf, 306px 0 0 -5px #cfcfcf, 307px 0 0 -5px #cfcfcf, 308px 0 0 -5px #cfcfcf, 309px 0 0 -5px #cfcfcf, 310px 0 0 -5px #cfcfcf, 311px 0 0 -5px #cfcfcf, 312px 0 0 -5px #cfcfcf, 313px 0 0 -5px #cfcfcf, 314px 0 0 -5px #cfcfcf, 315px 0 0 -5px #cfcfcf, 316px 0 0 -5px #cfcfcf, 317px 0 0 -5px #cfcfcf, 318px 0 0 -5px #cfcfcf, 319px 0 0 -5px #cfcfcf, 320px 0 0 -5px #cfcfcf, 321px 0 0 -5px #cfcfcf, 322px 0 0 -5px #cfcfcf, 323px 0 0 -5px #cfcfcf, 324px 0 0 -5px #cfcfcf, 325px 0 0 -5px #cfcfcf, 326px 0 0 -5px #cfcfcf, 327px 0 0 -5px #cfcfcf, 328px 0 0 -5px #cfcfcf, 329px 0 0 -5px #cfcfcf, 330px 0 0 -5px #cfcfcf, 331px 0 0 -5px #cfcfcf, 332px 0 0 -5px #cfcfcf, 333px 0 0 -5px #cfcfcf, 334px 0 0 -5px #cfcfcf, 335px 0 0 -5px #cfcfcf, 336px 0 0 -5px #cfcfcf, 337px 0 0 -5px #cfcfcf, 338px 0 0 -5px #cfcfcf, 339px 0 0 -5px #cfcfcf, 340px 0 0 -5px #cfcfcf, 341px 0 0 -5px #cfcfcf, 342px 0 0 -5px #cfcfcf, 343px 0 0 -5px #cfcfcf, 344px 0 0 -5px #cfcfcf, 345px 0 0 -5px #cfcfcf, 346px 0 0 -5px #cfcfcf, 347px 0 0 -5px #cfcfcf, 348px 0 0 -5px #cfcfcf, 349px 0 0 -5px #cfcfcf, 350px 0 0 -5px #cfcfcf, 351px 0 0 -5px #cfcfcf, 352px 0 0 -5px #cfcfcf, 353px 0 0 -5px #cfcfcf, 354px 0 0 -5px #cfcfcf, 355px 0 0 -5px #cfcfcf, 356px 0 0 -5px #cfcfcf, 357px 0 0 -5px #cfcfcf, 358px 0 0 -5px #cfcfcf, 359px 0 0 -5px #cfcfcf, 360px 0 0 -5px #cfcfcf, 361px 0 0 -5px #cfcfcf, 362px 0 0 -5px #cfcfcf, 363px 0 0 -5px #cfcfcf, 364px 0 0 -5px #cfcfcf, 365px 0 0 -5px #cfcfcf, 366px 0 0 -5px #cfcfcf, 367px 0 0 -5px #cfcfcf, 368px 0 0 -5px #cfcfcf, 369px 0 0 -5px #cfcfcf, 370px 0 0 -5px #cfcfcf, 371px 0 0 -5px #cfcfcf, 372px 0 0 -5px #cfcfcf, 373px 0 0 -5px #cfcfcf, 374px 0 0 -5px #cfcfcf, 375px 0 0 -5px #cfcfcf, 376px 0 0 -5px #cfcfcf, 377px 0 0 -5px #cfcfcf, 378px 0 0 -5px #cfcfcf, 379px 0 0 -5px #cfcfcf, 380px 0 0 -5px #cfcfcf, 381px 0 0 -5px #cfcfcf, 382px 0 0 -5px #cfcfcf, 383px 0 0 -5px #cfcfcf, 384px 0 0 -5px #cfcfcf, 385px 0 0 -5px #cfcfcf, 386px 0 0 -5px #cfcfcf, 387px 0 0 -5px #cfcfcf, 388px 0 0 -5px #cfcfcf, 389px 0 0 -5px #cfcfcf, 390px 0 0 -5px #cfcfcf, 391px 0 0 -5px #cfcfcf, 392px 0 0 -5px #cfcfcf, 393px 0 0 -5px #cfcfcf, 394px 0 0 -5px #cfcfcf, 395px 0 0 -5px #cfcfcf, 396px 0 0 -5px #cfcfcf, 397px 0 0 -5px #cfcfcf, 398px 0 0 -5px #cfcfcf, 399px 0 0 -5px #cfcfcf, 400px 0 0 -5px #cfcfcf, 401px 0 0 -5px #cfcfcf, 402px 0 0 -5px #cfcfcf, 403px 0 0 -5px #cfcfcf, 404px 0 0 -5px #cfcfcf, 405px 0 0 -5px #cfcfcf, 406px 0 0 -5px #cfcfcf, 407px 0 0 -5px #cfcfcf, 408px 0 0 -5px #cfcfcf, 409px 0 0 -5px #cfcfcf, 410px 0 0 -5px #cfcfcf, 411px 0 0 -5px #cfcfcf, 412px 0 0 -5px #cfcfcf, 413px 0 0 -5px #cfcfcf, 414px 0 0 -5px #cfcfcf, 415px 0 0 -5px #cfcfcf, 416px 0 0 -5px #cfcfcf, 417px 0 0 -5px #cfcfcf, 418px 0 0 -5px #cfcfcf, 419px 0 0 -5px #cfcfcf, 420px 0 0 -5px #cfcfcf, 421px 0 0 -5px #cfcfcf, 422px 0 0 -5px #cfcfcf, 423px 0 0 -5px #cfcfcf, 424px 0 0 -5px #cfcfcf, 425px 0 0 -5px #cfcfcf, 426px 0 0 -5px #cfcfcf, 427px 0 0 -5px #cfcfcf, 428px 0 0 -5px #cfcfcf, 429px 0 0 -5px #cfcfcf, 430px 0 0 -5px #cfcfcf, 431px 0 0 -5px #cfcfcf, 432px 0 0 -5px #cfcfcf, 433px 0 0 -5px #cfcfcf, 434px 0 0 -5px #cfcfcf, 435px 0 0 -5px #cfcfcf, 436px 0 0 -5px #cfcfcf, 437px 0 0 -5px #cfcfcf, 438px 0 0 -5px #cfcfcf, 439px 0 0 -5px #cfcfcf, 440px 0 0 -5px #cfcfcf, 441px 0 0 -5px #cfcfcf, 442px 0 0 -5px #cfcfcf, 443px 0 0 -5px #cfcfcf, 444px 0 0 -5px #cfcfcf, 445px 0 0 -5px #cfcfcf, 446px 0 0 -5px #cfcfcf, 447px 0 0 -5px #cfcfcf, 448px 0 0 -5px #cfcfcf, 449px 0 0 -5px #cfcfcf, 450px 0 0 -5px #cfcfcf, 451px 0 0 -5px #cfcfcf, 452px 0 0 -5px #cfcfcf, 453px 0 0 -5px #cfcfcf, 454px 0 0 -5px #cfcfcf, 455px 0 0 -5px #cfcfcf, 456px 0 0 -5px #cfcfcf, 457px 0 0 -5px #cfcfcf, 458px 0 0 -5px #cfcfcf, 459px 0 0 -5px #cfcfcf, 460px 0 0 -5px #cfcfcf, 461px 0 0 -5px #cfcfcf, 462px 0 0 -5px #cfcfcf, 463px 0 0 -5px #cfcfcf, 464px 0 0 -5px #cfcfcf, 465px 0 0 -5px #cfcfcf, 466px 0 0 -5px #cfcfcf, 467px 0 0 -5px #cfcfcf, 468px 0 0 -5px #cfcfcf, 469px 0 0 -5px #cfcfcf, 470px 0 0 -5px #cfcfcf, 471px 0 0 -5px #cfcfcf, 472px 0 0 -5px #cfcfcf, 473px 0 0 -5px #cfcfcf, 474px 0 0 -5px #cfcfcf, 475px 0 0 -5px #cfcfcf, 476px 0 0 -5px #cfcfcf, 477px 0 0 -5px #cfcfcf, 478px 0 0 -5px #cfcfcf, 479px 0 0 -5px #cfcfcf, 480px 0 0 -5px #cfcfcf, 481px 0 0 -5px #cfcfcf, 482px 0 0 -5px #cfcfcf, 483px 0 0 -5px #cfcfcf, 484px 0 0 -5px #cfcfcf, 485px 0 0 -5px #cfcfcf, 486px 0 0 -5px #cfcfcf, 487px 0 0 -5px #cfcfcf, 488px 0 0 -5px #cfcfcf, 489px 0 0 -5px #cfcfcf, 490px 0 0 -5px #cfcfcf, 491px 0 0 -5px #cfcfcf, 492px 0 0 -5px #cfcfcf, 493px 0 0 -5px #cfcfcf, 494px 0 0 -5px #cfcfcf, 495px 0 0 -5px #cfcfcf, 496px 0 0 -5px #cfcfcf, 497px 0 0 -5px #cfcfcf, 498px 0 0 -5px #cfcfcf, 499px 0 0 -5px #cfcfcf, 500px 0 0 -5px #cfcfcf, 501px 0 0 -5px #cfcfcf, 502px 0 0 -5px #cfcfcf, 503px 0 0 -5px #cfcfcf, 504px 0 0 -5px #cfcfcf, 505px 0 0 -5px #cfcfcf, 506px 0 0 -5px #cfcfcf, 507px 0 0 -5px #cfcfcf, 508px 0 0 -5px #cfcfcf, 509px 0 0 -5px #cfcfcf, 510px 0 0 -5px #cfcfcf, 511px 0 0 -5px #cfcfcf, 512px 0 0 -5px #cfcfcf, 513px 0 0 -5px #cfcfcf, 514px 0 0 -5px #cfcfcf, 515px 0 0 -5px #cfcfcf, 516px 0 0 -5px #cfcfcf, 517px 0 0 -5px #cfcfcf, 518px 0 0 -5px #cfcfcf, 519px 0 0 -5px #cfcfcf, 520px 0 0 -5px #cfcfcf, 521px 0 0 -5px #cfcfcf, 522px 0 0 -5px #cfcfcf, 523px 0 0 -5px #cfcfcf, 524px 0 0 -5px #cfcfcf, 525px 0 0 -5px #cfcfcf, 526px 0 0 -5px #cfcfcf, 527px 0 0 -5px #cfcfcf, 528px 0 0 -5px #cfcfcf, 529px 0 0 -5px #cfcfcf, 530px 0 0 -5px #cfcfcf, 531px 0 0 -5px #cfcfcf, 532px 0 0 -5px #cfcfcf, 533px 0 0 -5px #cfcfcf, 534px 0 0 -5px #cfcfcf, 535px 0 0 -5px #cfcfcf, 536px 0 0 -5px #cfcfcf, 537px 0 0 -5px #cfcfcf, 538px 0 0 -5px #cfcfcf, 539px 0 0 -5px #cfcfcf, 540px 0 0 -5px #cfcfcf, 541px 0 0 -5px #cfcfcf, 542px 0 0 -5px #cfcfcf, 543px 0 0 -5px #cfcfcf, 544px 0 0 -5px #cfcfcf, 545px 0 0 -5px #cfcfcf, 546px 0 0 -5px #cfcfcf, 547px 0 0 -5px #cfcfcf, 548px 0 0 -5px #cfcfcf, 549px 0 0 -5px #cfcfcf, 550px 0 0 -5px #cfcfcf, 551px 0 0 -5px #cfcfcf, 552px 0 0 -5px #cfcfcf, 553px 0 0 -5px #cfcfcf, 554px 0 0 -5px #cfcfcf, 555px 0 0 -5px #cfcfcf, 556px 0 0 -5px #cfcfcf, 557px 0 0 -5px #cfcfcf, 558px 0 0 -5px #cfcfcf, 559px 0 0 -5px #cfcfcf, 560px 0 0 -5px #cfcfcf, 561px 0 0 -5px #cfcfcf, 562px 0 0 -5px #cfcfcf, 563px 0 0 -5px #cfcfcf, 564px 0 0 -5px #cfcfcf, 565px 0 0 -5px #cfcfcf, 566px 0 0 -5px #cfcfcf, 567px 0 0 -5px #cfcfcf, 568px 0 0 -5px #cfcfcf, 569px 0 0 -5px #cfcfcf, 570px 0 0 -5px #cfcfcf, 571px 0 0 -5px #cfcfcf, 572px 0 0 -5px #cfcfcf, 573px 0 0 -5px #cfcfcf, 574px 0 0 -5px #cfcfcf, 575px 0 0 -5px #cfcfcf, 576px 0 0 -5px #cfcfcf, 577px 0 0 -5px #cfcfcf, 578px 0 0 -5px #cfcfcf, 579px 0 0 -5px #cfcfcf, 580px 0 0 -5px #cfcfcf, 581px 0 0 -5px #cfcfcf, 582px 0 0 -5px #cfcfcf, 583px 0 0 -5px #cfcfcf, 584px 0 0 -5px #cfcfcf, 585px 0 0 -5px #cfcfcf, 586px 0 0 -5px #cfcfcf, 587px 0 0 -5px #cfcfcf, 588px 0 0 -5px #cfcfcf, 589px 0 0 -5px #cfcfcf, 590px 0 0 -5px #cfcfcf, 591px 0 0 -5px #cfcfcf, 592px 0 0 -5px #cfcfcf, 593px 0 0 -5px #cfcfcf, 594px 0 0 -5px #cfcfcf, 595px 0 0 -5px #cfcfcf, 596px 0 0 -5px #cfcfcf, 597px 0 0 -5px #cfcfcf, 598px 0 0 -5px #cfcfcf, 599px 0 0 -5px #cfcfcf, 600px 0 0 -5px #cfcfcf, 601px 0 0 -5px #cfcfcf, 602px 0 0 -5px #cfcfcf, 603px 0 0 -5px #cfcfcf, 604px 0 0 -5px #cfcfcf, 605px 0 0 -5px #cfcfcf, 606px 0 0 -5px #cfcfcf, 607px 0 0 -5px #cfcfcf, 608px 0 0 -5px #cfcfcf, 609px 0 0 -5px #cfcfcf, 610px 0 0 -5px #cfcfcf, 611px 0 0 -5px #cfcfcf, 612px 0 0 -5px #cfcfcf, 613px 0 0 -5px #cfcfcf, 614px 0 0 -5px #cfcfcf, 615px 0 0 -5px #cfcfcf, 616px 0 0 -5px #cfcfcf, 617px 0 0 -5px #cfcfcf, 618px 0 0 -5px #cfcfcf, 619px 0 0 -5px #cfcfcf, 620px 0 0 -5px #cfcfcf, 621px 0 0 -5px #cfcfcf, 622px 0 0 -5px #cfcfcf, 623px 0 0 -5px #cfcfcf, 624px 0 0 -5px #cfcfcf, 625px 0 0 -5px #cfcfcf, 626px 0 0 -5px #cfcfcf, 627px 0 0 -5px #cfcfcf, 628px 0 0 -5px #cfcfcf, 629px 0 0 -5px #cfcfcf, 630px 0 0 -5px #cfcfcf, 631px 0 0 -5px #cfcfcf, 632px 0 0 -5px #cfcfcf, 633px 0 0 -5px #cfcfcf, 634px 0 0 -5px #cfcfcf, 635px 0 0 -5px #cfcfcf, 636px 0 0 -5px #cfcfcf, 637px 0 0 -5px #cfcfcf, 638px 0 0 -5px #cfcfcf, 639px 0 0 -5px #cfcfcf, 640px 0 0 -5px #cfcfcf, 641px 0 0 -5px #cfcfcf, 642px 0 0 -5px #cfcfcf, 643px 0 0 -5px #cfcfcf, 644px 0 0 -5px #cfcfcf, 645px 0 0 -5px #cfcfcf, 646px 0 0 -5px #cfcfcf, 647px 0 0 -5px #cfcfcf, 648px 0 0 -5px #cfcfcf, 649px 0 0 -5px #cfcfcf, 650px 0 0 -5px #cfcfcf, 651px 0 0 -5px #cfcfcf, 652px 0 0 -5px #cfcfcf, 653px 0 0 -5px #cfcfcf, 654px 0 0 -5px #cfcfcf, 655px 0 0 -5px #cfcfcf, 656px 0 0 -5px #cfcfcf, 657px 0 0 -5px #cfcfcf, 658px 0 0 -5px #cfcfcf, 659px 0 0 -5px #cfcfcf, 660px 0 0 -5px #cfcfcf, 661px 0 0 -5px #cfcfcf, 662px 0 0 -5px #cfcfcf, 663px 0 0 -5px #cfcfcf, 664px 0 0 -5px #cfcfcf, 665px 0 0 -5px #cfcfcf, 666px 0 0 -5px #cfcfcf, 667px 0 0 -5px #cfcfcf, 668px 0 0 -5px #cfcfcf, 669px 0 0 -5px #cfcfcf, 670px 0 0 -5px #cfcfcf, 671px 0 0 -5px #cfcfcf, 672px 0 0 -5px #cfcfcf, 673px 0 0 -5px #cfcfcf, 674px 0 0 -5px #cfcfcf, 675px 0 0 -5px #cfcfcf, 676px 0 0 -5px #cfcfcf, 677px 0 0 -5px #cfcfcf, 678px 0 0 -5px #cfcfcf, 679px 0 0 -5px #cfcfcf, 680px 0 0 -5px #cfcfcf, 681px 0 0 -5px #cfcfcf, 682px 0 0 -5px #cfcfcf, 683px 0 0 -5px #cfcfcf, 684px 0 0 -5px #cfcfcf, 685px 0 0 -5px #cfcfcf, 686px 0 0 -5px #cfcfcf, 687px 0 0 -5px #cfcfcf, 688px 0 0 -5px #cfcfcf, 689px 0 0 -5px #cfcfcf, 690px 0 0 -5px #cfcfcf, 691px 0 0 -5px #cfcfcf, 692px 0 0 -5px #cfcfcf, 693px 0 0 -5px #cfcfcf, 694px 0 0 -5px #cfcfcf, 695px 0 0 -5px #cfcfcf, 696px 0 0 -5px #cfcfcf, 697px 0 0 -5px #cfcfcf, 698px 0 0 -5px #cfcfcf, 699px 0 0 -5px #cfcfcf, 700px 0 0 -5px #cfcfcf, 701px 0 0 -5px #cfcfcf, 702px 0 0 -5px #cfcfcf, 703px 0 0 -5px #cfcfcf, 704px 0 0 -5px #cfcfcf, 705px 0 0 -5px #cfcfcf, 706px 0 0 -5px #cfcfcf, 707px 0 0 -5px #cfcfcf, 708px 0 0 -5px #cfcfcf, 709px 0 0 -5px #cfcfcf, 710px 0 0 -5px #cfcfcf, 711px 0 0 -5px #cfcfcf, 712px 0 0 -5px #cfcfcf, 713px 0 0 -5px #cfcfcf, 714px 0 0 -5px #cfcfcf, 715px 0 0 -5px #cfcfcf, 716px 0 0 -5px #cfcfcf, 717px 0 0 -5px #cfcfcf, 718px 0 0 -5px #cfcfcf, 719px 0 0 -5px #cfcfcf, 720px 0 0 -5px #cfcfcf, 721px 0 0 -5px #cfcfcf, 722px 0 0 -5px #cfcfcf, 723px 0 0 -5px #cfcfcf, 724px 0 0 -5px #cfcfcf, 725px 0 0 -5px #cfcfcf, 726px 0 0 -5px #cfcfcf, 727px 0 0 -5px #cfcfcf, 728px 0 0 -5px #cfcfcf, 729px 0 0 -5px #cfcfcf, 730px 0 0 -5px #cfcfcf, 731px 0 0 -5px #cfcfcf, 732px 0 0 -5px #cfcfcf, 733px 0 0 -5px #cfcfcf, 734px 0 0 -5px #cfcfcf, 735px 0 0 -5px #cfcfcf, 736px 0 0 -5px #cfcfcf, 737px 0 0 -5px #cfcfcf, 738px 0 0 -5px #cfcfcf, 739px 0 0 -5px #cfcfcf, 740px 0 0 -5px #cfcfcf, 741px 0 0 -5px #cfcfcf, 742px 0 0 -5px #cfcfcf, 743px 0 0 -5px #cfcfcf, 744px 0 0 -5px #cfcfcf, 745px 0 0 -5px #cfcfcf, 746px 0 0 -5px #cfcfcf, 747px 0 0 -5px #cfcfcf, 748px 0 0 -5px #cfcfcf, 749px 0 0 -5px #cfcfcf, 750px 0 0 -5px #cfcfcf, 751px 0 0 -5px #cfcfcf, 752px 0 0 -5px #cfcfcf, 753px 0 0 -5px #cfcfcf, 754px 0 0 -5px #cfcfcf, 755px 0 0 -5px #cfcfcf, 756px 0 0 -5px #cfcfcf, 757px 0 0 -5px #cfcfcf, 758px 0 0 -5px #cfcfcf, 759px 0 0 -5px #cfcfcf, 760px 0 0 -5px #cfcfcf, 761px 0 0 -5px #cfcfcf, 762px 0 0 -5px #cfcfcf, 763px 0 0 -5px #cfcfcf, 764px 0 0 -5px #cfcfcf, 765px 0 0 -5px #cfcfcf, 766px 0 0 -5px #cfcfcf, 767px 0 0 -5px #cfcfcf, 768px 0 0 -5px #cfcfcf, 769px 0 0 -5px #cfcfcf, 770px 0 0 -5px #cfcfcf, 771px 0 0 -5px #cfcfcf, 772px 0 0 -5px #cfcfcf, 773px 0 0 -5px #cfcfcf, 774px 0 0 -5px #cfcfcf, 775px 0 0 -5px #cfcfcf, 776px 0 0 -5px #cfcfcf, 777px 0 0 -5px #cfcfcf, 778px 0 0 -5px #cfcfcf, 779px 0 0 -5px #cfcfcf, 780px 0 0 -5px #cfcfcf, 781px 0 0 -5px #cfcfcf, 782px 0 0 -5px #cfcfcf, 783px 0 0 -5px #cfcfcf, 784px 0 0 -5px #cfcfcf, 785px 0 0 -5px #cfcfcf, 786px 0 0 -5px #cfcfcf, 787px 0 0 -5px #cfcfcf, 788px 0 0 -5px #cfcfcf, 789px 0 0 -5px #cfcfcf, 790px 0 0 -5px #cfcfcf, 791px 0 0 -5px #cfcfcf, 792px 0 0 -5px #cfcfcf, 793px 0 0 -5px #cfcfcf, 794px 0 0 -5px #cfcfcf, 795px 0 0 -5px #cfcfcf, 796px 0 0 -5px #cfcfcf, 797px 0 0 -5px #cfcfcf, 798px 0 0 -5px #cfcfcf, 799px 0 0 -5px #cfcfcf, 800px 0 0 -5px #cfcfcf, 801px 0 0 -5px #cfcfcf, 802px 0 0 -5px #cfcfcf, 803px 0 0 -5px #cfcfcf, 804px 0 0 -5px #cfcfcf, 805px 0 0 -5px #cfcfcf, 806px 0 0 -5px #cfcfcf, 807px 0 0 -5px #cfcfcf, 808px 0 0 -5px #cfcfcf, 809px 0 0 -5px #cfcfcf, 810px 0 0 -5px #cfcfcf, 811px 0 0 -5px #cfcfcf, 812px 0 0 -5px #cfcfcf, 813px 0 0 -5px #cfcfcf, 814px 0 0 -5px #cfcfcf, 815px 0 0 -5px #cfcfcf, 816px 0 0 -5px #cfcfcf, 817px 0 0 -5px #cfcfcf, 818px 0 0 -5px #cfcfcf, 819px 0 0 -5px #cfcfcf, 820px 0 0 -5px #cfcfcf, 821px 0 0 -5px #cfcfcf, 822px 0 0 -5px #cfcfcf, 823px 0 0 -5px #cfcfcf, 824px 0 0 -5px #cfcfcf, 825px 0 0 -5px #cfcfcf, 826px 0 0 -5px #cfcfcf, 827px 0 0 -5px #cfcfcf, 828px 0 0 -5px #cfcfcf, 829px 0 0 -5px #cfcfcf, 830px 0 0 -5px #cfcfcf, 831px 0 0 -5px #cfcfcf, 832px 0 0 -5px #cfcfcf, 833px 0 0 -5px #cfcfcf, 834px 0 0 -5px #cfcfcf, 835px 0 0 -5px #cfcfcf, 836px 0 0 -5px #cfcfcf, 837px 0 0 -5px #cfcfcf, 838px 0 0 -5px #cfcfcf, 839px 0 0 -5px #cfcfcf, 840px 0 0 -5px #cfcfcf, 841px 0 0 -5px #cfcfcf, 842px 0 0 -5px #cfcfcf, 843px 0 0 -5px #cfcfcf, 844px 0 0 -5px #cfcfcf, 845px 0 0 -5px #cfcfcf, 846px 0 0 -5px #cfcfcf, 847px 0 0 -5px #cfcfcf, 848px 0 0 -5px #cfcfcf, 849px 0 0 -5px #cfcfcf, 850px 0 0 -5px #cfcfcf, 851px 0 0 -5px #cfcfcf, 852px 0 0 -5px #cfcfcf, 853px 0 0 -5px #cfcfcf, 854px 0 0 -5px #cfcfcf, 855px 0 0 -5px #cfcfcf, 856px 0 0 -5px #cfcfcf, 857px 0 0 -5px #cfcfcf, 858px 0 0 -5px #cfcfcf, 859px 0 0 -5px #cfcfcf, 860px 0 0 -5px #cfcfcf, 861px 0 0 -5px #cfcfcf, 862px 0 0 -5px #cfcfcf, 863px 0 0 -5px #cfcfcf, 864px 0 0 -5px #cfcfcf, 865px 0 0 -5px #cfcfcf, 866px 0 0 -5px #cfcfcf, 867px 0 0 -5px #cfcfcf, 868px 0 0 -5px #cfcfcf, 869px 0 0 -5px #cfcfcf, 870px 0 0 -5px #cfcfcf, 871px 0 0 -5px #cfcfcf, 872px 0 0 -5px #cfcfcf, 873px 0 0 -5px #cfcfcf, 874px 0 0 -5px #cfcfcf, 875px 0 0 -5px #cfcfcf, 876px 0 0 -5px #cfcfcf, 877px 0 0 -5px #cfcfcf, 878px 0 0 -5px #cfcfcf, 879px 0 0 -5px #cfcfcf, 880px 0 0 -5px #cfcfcf, 881px 0 0 -5px #cfcfcf, 882px 0 0 -5px #cfcfcf, 883px 0 0 -5px #cfcfcf, 884px 0 0 -5px #cfcfcf, 885px 0 0 -5px #cfcfcf, 886px 0 0 -5px #cfcfcf, 887px 0 0 -5px #cfcfcf, 888px 0 0 -5px #cfcfcf, 889px 0 0 -5px #cfcfcf, 890px 0 0 -5px #cfcfcf, 891px 0 0 -5px #cfcfcf, 892px 0 0 -5px #cfcfcf, 893px 0 0 -5px #cfcfcf, 894px 0 0 -5px #cfcfcf, 895px 0 0 -5px #cfcfcf, 896px 0 0 -5px #cfcfcf, 897px 0 0 -5px #cfcfcf, 898px 0 0 -5px #cfcfcf, 899px 0 0 -5px #cfcfcf, 900px 0 0 -5px #cfcfcf, 901px 0 0 -5px #cfcfcf, 902px 0 0 -5px #cfcfcf, 903px 0 0 -5px #cfcfcf, 904px 0 0 -5px #cfcfcf, 905px 0 0 -5px #cfcfcf, 906px 0 0 -5px #cfcfcf, 907px 0 0 -5px #cfcfcf, 908px 0 0 -5px #cfcfcf, 909px 0 0 -5px #cfcfcf, 910px 0 0 -5px #cfcfcf, 911px 0 0 -5px #cfcfcf, 912px 0 0 -5px #cfcfcf, 913px 0 0 -5px #cfcfcf, 914px 0 0 -5px #cfcfcf, 915px 0 0 -5px #cfcfcf, 916px 0 0 -5px #cfcfcf, 917px 0 0 -5px #cfcfcf, 918px 0 0 -5px #cfcfcf, 919px 0 0 -5px #cfcfcf, 920px 0 0 -5px #cfcfcf, 921px 0 0 -5px #cfcfcf, 922px 0 0 -5px #cfcfcf, 923px 0 0 -5px #cfcfcf, 924px 0 0 -5px #cfcfcf, 925px 0 0 -5px #cfcfcf, 926px 0 0 -5px #cfcfcf, 927px 0 0 -5px #cfcfcf, 928px 0 0 -5px #cfcfcf, 929px 0 0 -5px #cfcfcf, 930px 0 0 -5px #cfcfcf, 931px 0 0 -5px #cfcfcf, 932px 0 0 -5px #cfcfcf, 933px 0 0 -5px #cfcfcf, 934px 0 0 -5px #cfcfcf, 935px 0 0 -5px #cfcfcf, 936px 0 0 -5px #cfcfcf, 937px 0 0 -5px #cfcfcf, 938px 0 0 -5px #cfcfcf, 939px 0 0 -5px #cfcfcf, 940px 0 0 -5px #cfcfcf, 941px 0 0 -5px #cfcfcf, 942px 0 0 -5px #cfcfcf, 943px 0 0 -5px #cfcfcf, 944px 0 0 -5px #cfcfcf, 945px 0 0 -5px #cfcfcf, 946px 0 0 -5px #cfcfcf, 947px 0 0 -5px #cfcfcf, 948px 0 0 -5px #cfcfcf, 949px 0 0 -5px #cfcfcf, 950px 0 0 -5px #cfcfcf, 951px 0 0 -5px #cfcfcf, 952px 0 0 -5px #cfcfcf, 953px 0 0 -5px #cfcfcf, 954px 0 0 -5px #cfcfcf, 955px 0 0 -5px #cfcfcf, 956px 0 0 -5px #cfcfcf, 957px 0 0 -5px #cfcfcf, 958px 0 0 -5px #cfcfcf, 959px 0 0 -5px #cfcfcf, 960px 0 0 -5px #cfcfcf, 961px 0 0 -5px #cfcfcf, 962px 0 0 -5px #cfcfcf, 963px 0 0 -5px #cfcfcf, 964px 0 0 -5px #cfcfcf, 965px 0 0 -5px #cfcfcf, 966px 0 0 -5px #cfcfcf, 967px 0 0 -5px #cfcfcf, 968px 0 0 -5px #cfcfcf, 969px 0 0 -5px #cfcfcf, 970px 0 0 -5px #cfcfcf, 971px 0 0 -5px #cfcfcf, 972px 0 0 -5px #cfcfcf, 973px 0 0 -5px #cfcfcf, 974px 0 0 -5px #cfcfcf, 975px 0 0 -5px #cfcfcf, 976px 0 0 -5px #cfcfcf, 977px 0 0 -5px #cfcfcf, 978px 0 0 -5px #cfcfcf, 979px 0 0 -5px #cfcfcf, 980px 0 0 -5px #cfcfcf, 981px 0 0 -5px #cfcfcf, 982px 0 0 -5px #cfcfcf, 983px 0 0 -5px #cfcfcf, 984px 0 0 -5px #cfcfcf, 985px 0 0 -5px #cfcfcf, 986px 0 0 -5px #cfcfcf, 987px 0 0 -5px #cfcfcf, 988px 0 0 -5px #cfcfcf, 989px 0 0 -5px #cfcfcf, 990px 0 0 -5px #cfcfcf, 991px 0 0 -5px #cfcfcf, 992px 0 0 -5px #cfcfcf, 993px 0 0 -5px #cfcfcf, 994px 0 0 -5px #cfcfcf, 995px 0 0 -5px #cfcfcf, 996px 0 0 -5px #cfcfcf, 997px 0 0 -5px #cfcfcf, 998px 0 0 -5px #cfcfcf, 999px 0 0 -5px #cfcfcf, 1000px 0 0 -5px #cfcfcf;

    transition: background-color 150ms;
  }

  .ltfh .form-control-range::-moz-range-track,
  .ltfh .form-control-range::-moz-range-progress {
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom,#E0E3ED, #E0E3ED) 100% 50%/100% 3px no-repeat transparent;
  }

  .ltfh .form-control-range::-moz-range-progress {
    background: linear-gradient(to bottom, #2D6CFF, #2D6CFF) 100% 50%/100% 3px no-repeat transparent;
  }

  .ltfh .form-control-range::-moz-range-thumb {
    -moz-appearance: none;
         appearance: none;
    margin: 0;
    height: 13px;
    width: 13px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #D9DDE7;
    box-shadow: 0 1px 3px 0 #CFD5DC;
    transition: background-color 150ms;
  }

  .ltfh .form-control-range::-ms-track {
    width: 100%;
    height: 30px;
    border: 0;
    color: transparent;
    background: transparent;
  }

  .ltfh .form-control-range::-ms-fill-lower {
    background: linear-gradient(to bottom, #0199ff, #0199ff) 100% 50%/100% 3px no-repeat transparent;
  }

  .ltfh .form-control-range::-ms-fill-upper {
    background: linear-gradient(to bottom, #cfcfcf, #cfcfcf) 100% 50%/100% 3px no-repeat transparent;
  }

  .ltfh .form-control-range::-ms-thumb {
    appearance: none;
    height: 13px;
    width: 13px;
    background: #0199ff;
    border-radius: 100%;
    border: 0;
    transition: background-color 150ms;
    top: 0;
    margin: 0;
    box-shadow: none;
  }

  .ltfh .form-control-range:hover::-webkit-slider-thumb{border: 1px solid #2D6CFF;}
  .ltfh .form-control-range:hover::-moz-range-thumb{border: 1px solid #2D6CFF}
  .ltfh .form-control-range:focus::-ms-thumb { border: 1px solid #2D6CFF}

.range-count {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 25px;
    vertical-align: middle;
    color: #464F58;
    background: #F4F5F6;
    border-radius: 2px;
    text-align: center;
    margin-left: 7px;
}

.alert .ic-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    font-size: 1.3rem;
    padding: 0px;
    cursor: pointer;
}

.tooltip {
    font-size: 1.2rem
}

.widget-title {
    overflow: hidden;
    padding: 15px;
    border-bottom: solid 1px #EDEFF4;
    cursor: pointer;
}

.ltfh .widget-title h3 {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #434C5E;
    margin-bottom: 0px;
}

.widget-title .icon .fa-icon {
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #777;
}

.widget-content {
    overflow: hidden;
    padding: 15px;
    font-size: 1.1rem;
    color: #858FA3;
    text-transform: uppercase;
}

.widget-content .widget-content-wrp {
    padding: 15px;
    border-bottom: solid 1px #EDEFF4;
}

.widget-content-wrp h4 {
    margin-bottom: 10px;
    font-size: 100%;
}

.form-range-control label {
    font-size: 1rem;
    display: block;
    margin: 14px 0 7px 0;
}

.form-range-vertical {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    min-height: 223px;
    margin-top: -55px;
}

.form-range-vertical .form-control-range {
    direction: rtl;
    width: 70%;
}

.widget-content-font-size h4 {
    margin: 0 0 10px 0;
}

.widget-content-wrp .font-types span {
    padding: 5px 0;
    border: solid 1px #EDEFF4;
    display: block;
    text-align: center;
    width: 100%;
    text-transform: none;
    cursor: pointer;
    font-size: 1.3rem;
}

.widget-content-wrp .font-types span.active {
    border: solid 2px #0069d9;
    color: #0069d9;
}

.widget-accordion .minus {
    display: none;
}

.widget-accordion .plus {
    display: block;
}

.widget-accordion.active .minus {
    display: block;
}

.widget-accordion.active .plus {
    display: none;
}

.text-placeholder {
    color: #858FA3;
}

.more-icons-wrp .btn {
    font-size: 1.2rem;
}

/* UI tabs end */

/* top bar starts */
.btn-white-wrp {
    padding: 0px 20px 0px 0px;
    background-color: #ffffff;
}

.pd-sm {
    padding: 15px 20px !important;
}

.top-sep {
    border-left: 1px solid #E9E9EB;
    padding: 18px 1px;
}
/* top bar ends */

/* Color editing starts */
#controls_layout {
    margin-top: 9px;
    height: 540px;
    overflow-y: scroll;
    width: 256px;
    margin-left: -8px;
}

#controls_layout {
    margin-top: 0;
}

#layouts_preloader {
    position: absolute;
    height: 550px;
    width: 243px;
    top: 18px;
    background-color: white;
    padding: 170px 85px;
    opacity: 0.9888;
}

.color-item-list li:first-child {
    padding-top: 25px;
}

.mg-bt-sm {
    margin-bottom: 5px !important;
}

.color-item-list li {
    padding: 15px;
    font-size: 1.3rem;
    border-bottom: solid 1px #edeff4;
    color: #434c5e;
}

.color-item-list .color-picker {
    display: inline-block;
    border: solid 1px #edeff4;
    border-radius: 3px;
    width: 47px;
    height: 22px;
    overflow: hidden;
}

.color-item-list .ic-color-pick {
    background: url(../images/colorpicker.svg) no-repeat center center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.color-item-list .color-code {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2px 0 0 2px;
}

.color-code .custom-picker {
    padding: 0;
    border: none;
    background: transparent;
    display: inline;
    border-radius: 2px 0 0 2px;
}

.color-code .sp-preview {
    height: 20px;
    width: 20px;
    margin: 0;
    border: none;
}

.row-white {
    background: #fff;
}

.color-code .sp-dd {
    display: none;
}

.col-left .spacer {
    padding: 50px;
}

.col-right .spacer {
    padding: 30px 50px 50px 50px;
}

.col .logo {
    background: #fff url(../images/logo.jpg) no-repeat;
    width: 155px;
    height: 22px;
    text-indent: -999em;
}

.custom-form {
    margin: 85px 0 0 0;
}

.custom-form label {
    font-size: 21px;
    font-weight: 500;
    color: #6c72e5;
    position: absolute;
    top: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease 0.1s;
    cursor: inherit;
}

.custom-form input:focus+label,
.custom-form input.focus+label {
    font-size: 15px;
    opacity: 0.6;
    transition: all 0.3s ease 0.1s;
    top: 45px;
}

.custom-form .form-control {
    border: none;
    font-weight: 400;
    border-bottom: solid 3px #6c72e5;
    color: #6c72e5;
    height: initial;
    font-size: 23px;
    outline: none;
}

.custom-form .form-control:focus {
    box-shadow: none;
    color: #6c72e5;
    border-bottom: solid 3px #6c72e5;
}

.custom-form .form-group-small .form-control-small {
    display: none;
    position: absolute;
    top: 0;
    left: 30px;
    width: 93%;
}

.custom-form .form-group-small label {
    left: 30px;
    font-size: 18px;
    top: 14px;
}

.custom-form .form-group-small.open label {
    top: 37px;
    font-size: 14px;
    opacity: 0.6;
    transition: all 0.3s ease 0.1s;
}

.custom-form .btn {
    font-weight: 500;
    margin-top: 60px;
    font-size: 24px;
    padding: 10px 50px;
    text-transform: uppercase;
    border-radius: 0;
}

.form-dropdown {
    position: relative;
}

.form-dropdown .form-select {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 37px;
}

.form-dropdown .form-select .ic-dd {
    margin-top: 10px;
}

.dd-options {
    background: #ebebeb;
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    z-index: 12;
}

.dd-options li {
    color: #9c9c9c;
    font-size: 16px;
    border-bottom: solid 1px #fff;
    padding: 8px 10px;
    cursor: pointer;
}

.dd-options li:hover {
    background: #969bea;
    color: #fff;
}


.ltfh .btn-primary:hover {
    background: #fff;
    color: #007bff;
}

.custom-form .form-group {
    position: relative;
    padding-bottom: 20px;
    margin-top: 50px;
    margin-bottom: 0;
}

.custom-form .form-group-small {
    position: relative;
    padding-bottom: 20px;
    margin: 0;
    height: 70px;
}

.custom-form .form-group-slogan {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 1px;
}

.custom-form .ic-toggle {
    font-size: 23px;
    color: #6c72e5;
    cursor: pointer;
    position: absolute;
    top: 15px;
}

.col-right {
    background: #2535e3 url(../images/hero_bg.jpg) no-repeat 0 center;
}

.navbar ul {
    display: flex;
    flex-direction: row-reverse;
    list-style: none;
    width: 100%;
}

.navbar ul a {
    display: block;
    padding: 8px 30px;
    color: #e7ebff;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    border: solid 2px #e7ebff;
    text-decoration: none;
}

.navbar ul a:hover {
    text-decoration: none;
    color: #fff;
}

.navbar .no-border a {
    border: solid 2px transparent;
}

.list-features {
    margin-left: 20px;
    margin-top: 450px;
}

.list-features li {
    font-size: 23px;
    color: #c4c6fa;
    position: relative;
    margin-bottom: 5px;
    padding-left: 25px;
}

.list-features li::before {
    content: "";
    height: 14px;
    width: 14px;
    background: #354ade;
    border-radius: 30px;
    display: block;
    position: absolute;
    left: 0;
    top: 30%;
}

.content-wrp .form-custom {
    padding: 15px 0 15px 0;
    margin: 0;
    box-shadow: none;
}

.form-custom .d-flex {
    padding-bottom: 0;
}


.btn-sb-blue {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    padding: 15px 0;
    color: #fff;
    display: block;
    background: #2c62cd;
    background-image: linear-gradient(#3c6ccc, #0f4fce);
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.btn-sb-blue span {
    font-size: 18px;
    margin-left: -3px;
}

.btn-sb-blue span:nth-child(2) {
    opacity: 0.5;
}

.btn-sb-blue span:nth-child(3) {
    opacity: 0.1;
}

.ltfh .logo-canvas {
    padding:1px 0 0 0;
    height: 500px;
}

.ltfh .btn-primary:hover {
    background-color: #5a6275;
}

.row-group-buttons.black-border {
    padding: 10px 0;
    border-bottom: solid 1px #d9d9d9;
}

.color-item-list .color-picker {
    width: 22px;
}

.option-back {
    font-size: 2rem;
    color: #5a6275;
    cursor: pointer;
    margin-bottom: 15px;
}

.form-inline {
    position: relative;
}

.color-item-list li:first-child {
    padding-top: 5px;
}


.ltfh .btn-with-border {
    border-right: solid 1px #a3a3a3;
    margin-right: 8px;
    padding-right: 8px;
}

.ltfh .btn-shortlist {
    color: #6e6e6e;
    font-size: 1.4rem;
    font-weight: 300;
}

.btn-shortlist .far,
.logo-pin-counter .far {
    font-size: 16px;
}

.ltfh .btn-buy {
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 30px;
    color: #fff;
    font-size: 1.8rem;
    background: #43ac4e;
}

.ltfh .btn-buy:hover {
    background: #23752c;
}

.form-group-search {
    position: relative;
}

.form-group-search .ic-search {
    position: absolute;
    left: 10px;
    top: 15px;
    color: #999;
}

.form-group-search .form-control {
    border: none;
    border-bottom: solid 1px #a3a3a3;
    font-size: 1.3rem;
    box-shadow: none;
    padding: 8px 30px;
}

.form-group-search .form-control:focus {
    box-shadow: none;
    border-bottom: solid 1px #000;
}
/* Color editing ends */

/* Font editing starts */
.font-item-list li {
    padding: 15px;
    border-bottom: solid 1px #edeff4;
    position: relative;
    cursor: pointer;
    border: solid 1px transparent;
}

.font-item-list li:hover {
    border: solid 1px #3c3bcc;
}

.font-item-list li.active {
    box-shadow: 0px 0px 1px 4px #fff inset;
    border: solid 1px #3c3bcc;
}

.font-item-list .active .ic-tick {
    /* background: #3f7ee9 url(../images/tickmark-radiobuttonactive.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50px;
    position: absolute;
    left: 20px;
    top: 37%; */
}

.font-item-list .font-name {
    font-size: 1.6rem;
    color: #434c5e;
    display: block;
}

.font-item-list .font-type {
    font-size: 1.1rem;
    color: #8a929e;
    display: block;
}

#font_list {
    max-height: 310px;
    overflow-y: scroll;
    text-transform: none;
    margin-top: 15px;
}
/* Font editing ends */

/* Icon editing starts */
.icon-item-list .search-box {
    margin: 15px;
    box-sizing: border-box;
}

.icon-item-list .btn-search {
    padding: 10px;
    background-color: #5a6275;
    border-radius: 0px;
    box-sizing: border-box;
    margin-left: -1px;
    vertical-align: top;
    font-size: 1.5rem;
}

.icon-search-form i {
    color: white;
}

.clear {
    clear: both;
}

.icon-item-list .search-box {
    margin: 15px 0;
}

.icon-item-list .btn-primary.btn-search:hover {
    background-color: #007bff;
    transition: all ease-in-out 0.3s;
}

.icon-item-list .form-control {
    border: solid 1px #ccc;
    height: inherit;
    font-size: 1.2rem;
    padding: 8px 5px 8px 15px;
    border-radius: 25px 0 0 25px;
}

.icon-item-list .search-box:focus {
    outline: none;
}

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

#iconsdata,
#text_icon_data {
    max-height: 330px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.icon-tabs li {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    width: 49%;
    text-align: center;
    cursor: pointer;
    padding: 10px 0px;
    border-bottom: 2px solid #464F58;
}

.icon-tabs li.first {
    border-right: solid 1px #EDEFF4;
}

.icon-tabs li.active {
    color: #3F7EE9;
}
/* Icon editing ends */

.ui-input {
    border: 1px solid #E0E4EB;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 1.3rem;
    display:
            block;
    height: inherit;
}


.dd-font-name {
    display: inline-block;
    font-size: 1.1rem;
    font-family: 'Josefin Sans', sans-serif;
    color:#464F58;
    padding: 10px 10px 8px 10px;
}

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

.dd-font-name .text-label{
    text-transform: capitalize;
    font-size: 16px;
    color: #778BA0;
    display: inline-block;
    padding: 0 5px 0 0;
}
.dd-font-name.icon-holder {
    width: 20%;
    float: right;
}

.dd-font-name.title.center {
    text-align: center;
}

.hide-font-options, #font-list-items {
    margin-top: 20px;
}

.dd-font-name.icon-holder.left {
    float: left;
}

.dd-font-name.icon-holder i {
    color: #778BA0;
    font-size: 18px;
}

.widget-content-wrp .icon-right {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 2rem;
}

.widget-content-wrp .editBox input {
    width: 100%;
    font-size: 1.1em;
    border: 2px solid #5a6275;
    border-radius: 3px;
    padding: 3px;
}

.widget-content-wrp .editBox input:focus {
    border-color: #007bff;
}

.ui-tabs li {
    width: 100%;
    font-size: 1.1rem;
    font-family: 'Josefin Sans', sans-serif;
    border: none;
    padding: 16px 0 10px 0;
}

.ui-tabs li:first-child {
    margin-top: 12px;
}

.ui-tabs .separator {
    border: none;
    border-left: 8px solid transparent;
}

.ui-tabs li.active {
    background-color: #ffffff;
    color: #626a7d;
    width: 85px;
    padding: 16px 1px 10px 0;
}

.logo-edit-controls .wrp {
    padding: 0;
    height: 100%;

}


.controls-wrp {
    border: none;

}

.logo-controls>.controls-wrp>.row {
    min-height: 450px;
}

.controls-wrp .ui-tabs {
    background: #F4F5F6;
    color: #626a7d;
    padding-left: 0;
    padding-right: 0;
    border-right: solid 1px #DFE3ED;
    height: 650px;
}

.ui-tabs .ic-group{
    display: block;
    height: 24px;
    margin: 0 0 10px 0;
}
.icon-layout{
    background: url(../images/ic-layoutslayout-normal.svg) no-repeat center center;
}
.icon-bn{
    background: url(../images/ic-brandnamelayout-normal.svg) no-repeat center center;
}
.icon-slogan{
    background: url(../images/ic-slogan-normal.svg) no-repeat center center;
}
.icon-symbol{
    background: url(../images/ic-symbol-normal.svg) no-repeat center center;
    height: 18px;
}
.icon-clr{
    background: url(../images/ic-color-normal.svg) no-repeat center center;
}

.active .icon-layout{
    background: url(../images/ic-layout-active.svg) no-repeat center center;
}
.active .icon-bn{
    background: url(../images/ic-brandname-active.svg) no-repeat center center;
}
.active .icon-slogan{
    background: url(../images/ic-slogan-active.svg) no-repeat center center;
}
.active .icon-symbol{
    background: url(../images/ic-symbol-active.svg) no-repeat center center;
    height: 18px;
}
.active .icon-clr{
    background: url(../images/ic-color-active.svg) no-repeat center center;
}

.controls-wrp .tab-content {
    background: #ffffff;
    color: #626a7d;
    padding:25px 18px;
}

.color-item-list li {
    color:#464F58;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 30px 5px;
    border-bottom: solid 1px #F2F2F2;
}

.client .widget-title h3 {
    color: #fff;
}

.widget-title,
.widget-content .widget-content-wrp {
    border-bottom: none;
    padding: 0;
}

.widget-content {
    padding: 0 0 15px 0;
}

.widget-content-wrp h4 {
    margin: 30px 0 20px 0;
}

.widget-content-wrp .font-types span {
    border: none;
    border-bottom: none;
    color: inherit;
    font-size: 1.5rem;
    border-bottom: solid 2px transparent;
}


.widget-content-wrp .font-types span.active {
    border: none;
    color: inherit;
}

.widget-content-wrp h4 {
    color: #6C767E;
    font: 400 1rem 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}

.color-item-list .ic-color-pick {
    background: url(../images/colorpicker.png) no-repeat;
    width: 19px;
    height: 22px;
}

.color-item-list .color-code {
    width: 20px;
    height: 22px;
}

.color-item-list .color-picker {
    border: solid 1px #81a8f3;
    margin-right: 10px;
}

.color-item-list .colortabSubtext .color-picker {
    margin-right: 0px;
}

.ui-tabs .ic-color {
    background: url(../images/color.png) no-repeat center 5px;
}

.ui-tabs .ic-fonts {
    background: url(../images/fonts.png) no-repeat center 5px;
}

.ui-tabs .ic-icons {
    background: url(../images/icons.png) no-repeat center 0;
}

.font-item-list .font-name {
    color: #fff;
    overflow: hidden;
}

.font-item-list li {
    margin-top: 10px;
    background: #3C3BCC;
    color: #fff;
    border-radius: 3px;
}

.font-item-list li:hover .font-name {
    color: #434c5e;
}

.ltfh .btn-rounded,
.ltfh .btn-rounded.active {
    padding: 5px 0;
    border-radius: 0;
    font-size: 13px;
    color: #596275;
    border: none;
}

.ltfh .btn-rounded:hover {
    background: transparent;
    color: #1654cf;
}

.logo-card .ic-pin::before {
    opacity: 0;
    content: "SHORTLIST";
    position: absolute;
    top: 1px;
    left: -88px;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 0 #000;
    transition: all ease-in-out 0.2s;
}

.logo-col .ic-pin {
    width: 125px;
    background: transparent;
    font-size: 14px;
    height: 32px;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease 0s;
    padding-top: 3px;
}

.logo-col .ic-pin span {
    margin-right: 7px;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.logo-col .ic-pin .fa-pin {
    font-size: 1.8rem;
    color: #e76060;
    text-shadow: 0px 1px 1px #222;
    margin-top: -3px;
}

.logo-col:hover .ic-pin span {
    opacity: 1;
}

.logo-col:hover .ic-pin {
    background: #606060;
    transition: all 0.3s ease 0s;
}

.dropright {
    padding: 0px;
    color: #5a6275;
    background: #f7f8f9;
    font-size: 1.3rem;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

#controls_icons .btn-for-icons {
    font-weight: 600;
    font-size: 1.3rem;
    padding: 8px 10px;
    border: none;
    color: #fefefe;
    background: #588bef;
    font-size: 1.3rem;
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
}

#controls_icons .btn-for-icons span {
    margin: 0 5px;
}

.icon-tabs li {
    color: #8D98A2;
    margin: 0 -3px 0 0;
    font-size: 1rem;
    font-family: 'Josefin Sans', sans-serif;
}

.icon-tabs li.first {
    border-right: none;
}

.icon-tabs li.active, .font-types.active {
    color: #464F58;
    position: relative;
}

.widget-font-position h4, .widget-icon-position h4 {
    margin: 16px 0 10px 0;
}

.widget-font-position, .widget-content .widget-icon-position {
    margin-top: 25px;
    color: grey;
    font-size: 10px;
    text-transform: none;
}

/* .icon-tabs li.active:after, .font-types.active:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background: url(../images/tab-bg.png) no-repeat;
    left: 45%;
    bottom: -6px;
    background-color: white;
} */

.icon-item-list .form-control, .icon-item-list .form-control:focus {
    border: none;
    border: 1px solid #E5E5E6;
    padding: 10px 11px 10px 25px;
    font-size: 1.2rem;
    background: url(../images/magnifying-glass.svg) no-repeat 10px center;;
    background-size: 12px auto;
    border-radius: 0;
    color: #5a6275;
    text-transform: uppercase;
    box-shadow: 0 0 2px 0 #DEE0E1;
}

.widget-content-wrp .font-types {
    padding: 1px 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.widget-content-wrp .font-types.active {
    background: #2D6CFF;
    color: #fff;
    border-radius:3px;
}

.widget-content-wrp .font-types span, .widget-content-wrp .font-title span {
    padding: 0px 0px;
}

.widget-content-wrp .font-types  .font-title {
    font-size: 9px;
    color: inherit;
}

.font-types.active {
    color: #588bef;
}

.widget-content-wrp .row {
    margin: 0px;
}

.widget-content-wrp label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}

.widget-content-wrp .selected-font {
    padding: 8px 5px;
    border: none;
    color: #fefefe;
    background: transparent;
    border-bottom: solid 1px #81a8f3;
    font-size: 1.2rem;
    display: block;
}

.logo-pin-counter span {
    font-size: 11px;
    line-height: 18px;
    color: #161616;
    text-decoration: none;
}

.logo-pin-counter span:hover,
.logo-pin-counter a:hover {
    text-decoration: none;
    color: #1654cf;
}

.mhd-container {
    width: 981px;
}

.mhd-container .side-left {
    float: left;
    width: 488px;
    vertical-align: top;
    overflow: hidden;
}

.mhd-container .side-right {
    float: right;
    width: 490px;
    vertical-align: top;
    overflow: hidden;
}

.mhd-container .mhd-logo {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 100%;
}

.mhd-container .mhd-text {
    float: left;
    width: 480px;
    height: 485px;
}

.mhd-container .mhd-text .mhd-bg {
    background-color: #262932 !important;
    width: 478px;
    height: 485px;
    color: white;
    padding: 40px 50px;
    font-size: 23px;
    font-family: 'Montserrat', sans-serif;
}

.mhd-container .mhd-text .mhd-bg p{
    text-transform: uppercase;
    font-weight: 600;
}

.mhd-container .mhd-text .mhd-bg ul{
    list-style: disc;
    color: #99999a;
    margin-left: 27px;
}

.mhd-container .mhd-text .mhd-bg ul li {
    list-style: disc;
    padding-bottom: 6px;
}

.mhd-container .mhd-image-1 {
    background-image: url("../images/mhd-bg-1.png");
    background-repeat: no-repeat;
    background-color: orange;
    height: 485px;
    width: 500px;
    background-size: 500px auto;
    padding-left: 73px;
    padding-top: 20px;
    float: right;
}

.mhd-container .mhd-image-1 .mhd-logo-container {
    height: 371px;
    width: 290px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    perspective: 20em;
}

.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: 290px;
    height: 352px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mhd-container .mhd-image-2 {
    width: 490px;
    height: 466px;
    padding-left: 117px;
    padding-top: 156px;
}

.mhd-container .mhd-image-2 .mhd-logo-container {
    height: 185px;
    width: 304px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    perspective: 10em;
}

.mhd-container .mhd-image-2 .mhd-background {
    position: relative;
    top: -341px;
    height: 466px;
    left: -117px;
    width: 490px;
    background-image: url("../images/mhd-bg-2.png");
    background-repeat: no-repeat;
    background-size: 490px auto;
}

.mhd-container .mhd-image-3 {
    width: 490px;
    height: 412px;
    padding-top: 74px;
    padding-left: 150px;
}

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

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

.mhd-container .mhd-image-3  .mhd-background {
    height: 412px;
    width: 490px;
    position: relative;
    top: -273px;
    left: -150px;
    z-index: 1004;
    background-image: url("../images/mhd-bg-3.png");
    background-repeat: no-repeat;
    background-size: 490px auto;
}

.mhd-container .mhd-image-4 {
    width: 490px;
    background-size: 490px auto;
    height: 328px;
    padding-top: 98px;
    padding-left: 172px;
}

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

.mhd-container .mhd-image-4 .mhd-background {
    background-image: url(../images/mhd-bg-4.png);
    background-repeat: no-repeat;
    width: 490px;
    background-size: 490px auto;
    height: 328px;
    position: relative;
    top: -196px;
    left: -172px;
}

.mhd-container .mhd-image-4 .mhd-logo-container {
    height: 98px;
    width: 166px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mhd-container .mhd-image-5 {
    background-image: url("../images/mhd-bg-5.png");
    background-repeat: no-repeat;
    background-color: orange;
    width: 490px;
    background-size: 490px auto;
    height: 550px;
    padding-top: 295px;
    padding-left: 183px;
}

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

.mhd-container .mhd-image-5 .mhd-logo-container {
    height: 90px;
    width: 119px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

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

.mhd-container .mhd-image-6 .mhd-logo-container {
    width: 980px;
    height: 560px;
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-1, .mhd-container .mhd-image-6 .mhd-logo-container .image-2, .mhd-container .mhd-image-6 .mhd-logo-container .image-3, .mhd-container .mhd-image-6 .mhd-logo-container .image-4, .mhd-container .mhd-image-6 .mhd-logo-container .image-5, .mhd-container .mhd-image-6 .mhd-logo-container .image-6, .mhd-container .mhd-image-6 .mhd-logo-container .image-7 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.mhd-container .mhd-image-6 .mhd-logo-container .image-1 {
    position: relative;
    top: 129px;
    left: 122px;
    width: 93px;
    height: 55px;
    transform: rotateZ(-37.1deg) skew(16.9deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-2 {
    position: relative;
    top: -40px;
    left: 365px;
    width: 93px;
    height: 55px;
    transform: rotateZ(-41.1deg) skew(20.2deg);
}

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

.mhd-container .mhd-image-6 .mhd-logo-container .image-4 {
    position: relative;
    top: 197px;
    left: 428px;
    width: 134px;
    height: 80px;
    transform: rotateZ(-47deg) skew(10deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-5 {
    position: relative;
    top: 16px;
    left: 561px;
    width: 57px;
    height: 32px;
    transform: rotateZ(-43deg) skew(19.8deg);
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-6 {
    position: relative;
    top: -123px;
    left: 658px;
    width: 93px;
    height: 55px;
    transform: rotateZ(-46.5deg) skew(12.9deg)
}

.mhd-container .mhd-image-6 .mhd-logo-container .image-7 {
    position: relative;
    top: -129px;
    left: 744px;
    width: 93px;
    height: 55px;
    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");
    background-repeat: no-repeat;
    width: 980px;
    background-size: 980px auto;
    height: 560px;
    position: relative;
    top: -560px;
    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;
}
/* Logo edit controls end */

/* Logo canvas starts */
.logo-canvas {
    background: #f6f6f6;
    /* background: #f5f5f5 url(../images/pattern.svg) repeat 10px center; */
    /* box-shadow: inset 2px -2px 3px 0 #e4e7eb; */
    padding-bottom: 20px;
}

.logo-wrapper {
    width: 540px;
    height: 360px;
    margin: 20px auto;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    box-shadow: 5px 10px 20px -10px #999;
    padding-top: 6px;
    border-radius: 10px;
}

.logo-wrapper {
    margin: 40px auto 10px auto;
}

#logo_current, .mhd-logo {
    overflow: hidden;
}

#logo_pages_holder {
    display: none;
}

.shortlisted_logos_link {
    height: 15px;
}

.shortlisted_logos_link div{
    display: none;
    top: 15px;
}

.logo-canvas .btn-white {
    background: #fff;
    font-size: 1.2rem;
    color: #3f7ee9;
    box-shadow: 0 0 4px 0 rgba(116, 119, 129, 0.5);
    margin-left: 15px;
    border-radius: 50px;
    padding: 9px 25px;
    transition: all 0.3s ease-in-out 0.1s;
}

.logo-canvas .btn-white:hover,
.logo-canvas .btn.active {
    color: #fff;
    background: #3f7ee9;
    transition: all 0.3s ease-in-out 0.1s;
}

.icon-search-result .icon-list input[type="radio"] {
    display: none;
}

.icon-search-result .icon-list {
    padding: 7px;
}

.icon-search-result .icon-wrp {
    border: solid 1px #edeff4;
    padding: 10px;
    height: 48px;
    width: 48px;
    cursor: pointer;
}

.icon-search-result .icon-wrp:hover {
    border: solid 1px #3f7ee9;
}

.icon-search-result .icon-wrp.active {
    border: solid 1px #3f7ee9;
    background: url(../images/selectedicon.svg) no-repeat top right;
}

.icon-wrp svg {
    height: 100%;
    width: 100%;
}

.logo-wrapper .text-title {
    font-size: 1.3rem;
    color: #434C5E;
    margin-bottom: 5px;
}

.action-btn-group {
    padding: 10px 0 0 0;
    text-align: center;
    height: 50px;
    width: 540px;
    margin: 0 auto;
}
.action-btn-group #logo_shortlist{ padding-left: 5px;}
.action-btn-group .btn {
    font-size: 1.3rem;
    padding: 4px 42px;
    border-radius: 25px;
}

#btn_buy_logo{
    border-radius: 5px;
    font-size: 17px;
    padding: 7px 52px 5px 52px;
    letter-spacing: 1px;
}

.logo-content-wrp.no-pad {
    padding: 0;
}

.logo-canvas .logo-original {
    display: none;
}

.logo-compare .logo-original {
    display: block;
}

.logo-compare .logo-original::before,
.logo-compare .logo-current::before {
    width: 100%;
    height: 20px;
    position: absolute;
    top: -25px;
    font-size: 1.4rem;
    color: #555;
}

.logo-compare .logo-wrapper, .logo-heading {
    display: flex;
    width: 46%;
    height: 360px;
    float: left;
    margin: 0% 2% 2%;
    position: relative;
    overflow: hidden;
}

.logo-heading {
    height: 20px;
    margin: 3% 2% 0% 2%;
    display: none;
}

.logo-compare .logo-heading {
    display: block;
}
.logo-controls{
    border-right: solid 1px #DFE3ED;
}

.logo-preview {
    background-color: #f6f6f6;
}
/* Logo canvas ends */

/* Logo font weight start */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 125px;
    height: 30px;
    border: solid 2px #3f7ee9;
    border-radius: 2px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider span {
    position: absolute;
    color: #6C767E;
    font-size: 10px;
    font-weight: bold;
}

.slider .on{
    left: 7px;
    top: 6px;
}
.slider .off{
    right: 17px;
    top: 6px;
}

.slider:before {
    position: absolute;
    content: "Regular";
    height: 26px;
    width: 62px;
    left: 0;
    bottom: 0;
    background-color: #3f7ee9;
    -webkit-transition: .4s;
    transition: .1s;
    color: white;
    padding: 6px 9px;
    z-index: 1001;
    font-size: 10px;
}

input:checked + .slider {
    background-color: #fff;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(61px);
    -ms-transform: translateX(61px);
    transform: translateX(61px);
    content: "Bold";
    padding: 6px 19px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/* Logo font weight end */

/* layout switcher starts*/
.logo-card-switcher {
    height: 150px;
    width: 230px;
    margin: 2px 0px 12px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 5px 10px 20px -10px #999;
    padding-top: 7px;
    border-radius: 10px;
}

.logo-card-switcher.active {
    border: solid 2px #3f7ee9;
    -background-image: url(../images/selectedicon.svg);
    -background-repeat: no-repeat;
    -background-position-x: right;
    -background-size: 18px;
}
/* layout switcher ends */
/* Top Nav on Edit page */
.top-nav-bar{
    border-bottom: solid 1px #DFE3ED;
    font: normal 11px 'Josefin Sans', sans-serif;
    color: #464F58;
    text-transform: uppercase;
}
.top-nav-bar .nav-bar-item{
    display: block;
}
.top-nav-bar .nav-bar-item span{
    cursor: pointer;
    display: inline-block;
    color: #464F58;
    padding: 20px;
}
.top-nav-bar .logo-pin-counter {
    padding: 0 15px;
    min-width: 22px;    
    position: relative;
    display: block;
}
.top-nav-bar .pins-holder {
    padding: 19px 15px;
}
.top-nav-bar .pins-holder span{
    padding: 0px;
}
.top-nav-bar .logo-pin-counter i{
    position: absolute;
    left:0;
    top:-9px;
}
.top-nav-bar .logo-pin-counter span{
    right:-5px;
    top:-13px;
}
.top-nav-bar .left-nav .nav-bar-item{
    padding-left: 0;
    padding-right: 0;
}
.top-nav-bar .right-nav{
    margin: 0;
}
.top-nav-bar .right-nav li{
    border-left: solid 1px #DFE3ED;
}
.top-nav-bar .col-1{
    border-right: solid 1px #DFE3ED;
}
.top-nav-bar .ic-group{
    display: inline-block;
    vertical-align: bottom;
    height: 18px;
}
.top-nav-bar .ic-grid{
    background:url(../images/ic-showgrid.svg) no-repeat 0 center;
    width: 16px;
    }
.top-nav-bar .ic-compare{
    background:url(../images/ic-compare.svg) no-repeat 0 center;
    width: 16px;    
}
.top-nav-bar .ic-reset{
    background:url(../images/ic-reset.svg) no-repeat 0 center;
    width: 16px;    
}
/* Top Nav on Edit page */
.text-box h4{
    margin: 0px 0 20px 0;
}

.text-box input{
    border: 1px solid lightgray;
    color: #464F58;
    width: 100%;
    padding: 5px 2px 0px 5px;
}

.ic-db{ display: inline-block; vertical-align: middle;}
.ic-font{
    background:url(../images/ic-changefont.svg) no-repeat 0 center;
    width: 19px;
    height: 13px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.ic-size{
    background:url(../images/ic-size.png) no-repeat 0 center;
    width: 17px;
    height: 17px;
    margin-right: 7px;
    background-size: 18px;
}

.ic-horizontal{
    background:url(../images/ic-x-position.svg) no-repeat 0 center;
    width: 17px;
    height: 17px;
    margin-right: 10px;    
}
.ic-vertical{
    background:url(../images/ic-y-position.svg) no-repeat 0 center;
    width: 17px;
    height: 17px;
    margin-right: 10px;    
}
.ic-opacity{
    background:url(../images/ic-opacity.svg) no-repeat 0 center;
    width: 18px;
    height: 18px;
    margin-right:8px; 
}
.ic-back{
    background: url(../images/left-arrow.png) no-repeat 0 center;
    width: 13px;
    height: 13px;    
    display: inline-block;
    vertical-align: text-bottom;
    background-size: 11px;
}
.ic-fwd{
    background: url(../images/right-arrow.png) no-repeat 0 center;
    width: 16px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-size: 24px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input{
    border: none;
    background: #F4F5F6;
    display: inline-block;
    color: #464F58;
    padding:1px 12px;
    font-size: 1.3rem;
    font-family: 'Josefin Sans', sans-serif;
    width: 100px;
    height: 29px;
}
.colortabSubtext{ margin: 15px 0 0 0;}
.minicolors-theme-bootstrap .minicolors-swatch{
    width: 25px;
    height: 26px;
    border: 0;
    margin: 5px 0 0 5px;
    border-radius: 0 5px 5px 0;
}
.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch{
    top:-30px;
}
.minicolors-swatch-color{
    border-radius: 0 3px 3px 0;
}
.ltfh .form-group{
    margin:1rem 0 0 0;
}
.ic-symbol{    
    display: inline-block;    
    background: url(../images/ic-symbol-normal.svg) no-repeat;
    background-size: 19px auto;
    height: 18px;
    width: 19px;
    vertical-align: middle;
    margin: 0 5px 0 0;    
}
.color-item-list li{
    font-size: 1.1rem;
    font-family: 'Josefin Sans', sans-serif;
    color: #464F58;

}