/*Fonts face for cms*/

@font-face {
    font-family: abode;
    src: url(../cmsfonts/abode.ttf);
}

@font-face {
    font-family: Acens;
    src: url(../cmsfonts/Acens.ttf);
}

@font-face {
    font-family: ActoniaHand;
    src: url(../cmsfonts/ActoniaHand.ttf);
}

@font-face {
    font-family: Adventures;
    src: url(../cmsfonts/Adventures.ttf);
}

@font-face {
    font-family: Aller;
    src: url(../cmsfonts/Aller.ttf);
}

@font-face {
    font-family: Bebas;
    src: url(../cmsfonts/Bebas.ttf);
}

@font-face {
    font-family: Brasileirinha;
    src: url(../cmsfonts/Brasileirinha.ttf);
}

@font-face {
    font-family: BULLES-DE-CHOCOLATS;
    src: url(../cmsfonts/BULLES-DE-CHOCOLATS.ttf);
}

@font-face {
    font-family: CaviarDreams;
    src: url(../cmsfonts/CaviarDreams.ttf);
}

@font-face {
    font-family: dominomask;
    src: url(../cmsfonts/dominomask.ttf);
}

@font-face {
    font-family: DroidSans;
    src: url(../cmsfonts/DroidSans.ttf);
}

@font-face {
    font-family: Dutch-Tulips;
    src: url(../cmsfonts/Dutch-Tulips.ttf);
}

@font-face {
    font-family: Enjoy;
    src: url(../cmsfonts/Enjoy.otf);
}

@font-face {
    font-family: entsani;
    src: url(../cmsfonts/entsani.ttf);
}

@font-face {
    font-family: Exo;
    src: url(../cmsfonts/Exo.otf);
}

@font-face {
    font-family: Gentleman;
    src: url(../cmsfonts/Gentleman.ttf);
}

@font-face {
    font-family: GOODTIME;
    src: url(../cmsfonts/GOODTIME.ttf);
}

@font-face {
    font-family: Granada;
    src: url(../cmsfonts/Granada.ttf);
}

@font-face {
    font-family: La-cithare;
    src: url(../cmsfonts/La-Cithare.ttf);
}

@font-face {
    font-family: Lato;
    src: url(../cmsfonts/Lato.ttf);
}

@font-face {
    font-family: LearningCurve;
    src: url(../cmsfonts/LearningCurve.otf);
}

@font-face {
    font-family: Mandela;
    src: url(../cmsfonts/Mandela.ttf);
}

@font-face {
    font-family: Market-Fresh;
    src: url(../cmsfonts/Market-Fresh.otf);
}

@font-face {
    font-family: Montserrat;
    src: url(../cmsfonts/Montserrat.otf);
}

@font-face {
    font-family: OpenSans;
    src: url(../cmsfonts/OpenSans.ttf);
}

@font-face {
    font-family: ostrich;
    src: url(../cmsfonts/ostrich.ttf);
}

@font-face {
    font-family: Oswald;
    src: url(../cmsfonts/Oswald.ttf);
}

@font-face {
    font-family: Over-There;
    src: url(../cmsfonts/Over-There.ttf);
}

@font-face {
    font-family: Pacifico;
    src: url(../cmsfonts/Pacifico.ttf);
}

@font-face {
    font-family: Prime;
    src: url(../cmsfonts/Prime.otf);
}

@font-face {
    font-family: Raleway;
    src: url(../cmsfonts/Raleway.ttf);
}

@font-face {
    font-family: Roboto;
    src: url(../cmsfonts/Roboto.ttf);
}

@font-face {
    font-family: Sansation;
    src: url(../cmsfonts/Sansation.ttf);
}

@font-face {
    font-family: Satisfy;
    src: url(../cmsfonts/Satisfy.ttf);
}

@font-face {
    font-family: Sofia;
    src: url(../cmsfonts/Sofia.otf);
}

@font-face {
    font-family: SourceSans;
    src: url(../cmsfonts/SourceSans.otf);
}

@font-face {
    font-family: Titillium;
    src: url(../cmsfonts/Titillium.otf);
}

@font-face {
    font-family: Windsong;
    src: url(../cmsfonts/Windsong.ttf);
}

@font-face {
    font-family: YoureInvited;
    src: url(../cmsfonts/YoureInvited.otf);
}


/*end font family for cms*/

@media only screen and (max-width: 1366px) {
    .lc-block:not(.lc-block-alt) .lcb-form {
        padding: 25px !important;
    }
    .main-header {
        min-height: 50px;
    }
    .logo {
        width: 192px;
    }
    body.left-sidebar-toggled #sidebar-left, body.left-sidebar-toggled .nav-menu, body.left-sidebar-toggled .nav-menu-wrapper, body.left-sidebar-toggled ul.sb-header {
        width: 95px;
        overflow-x: hidden;
    }
    #sidebar-left ul.sb-header {
        height: 50px;
    }
    .dp-trigger::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 42px;
        width: 38px;
        height: 38px;
    }
    body.left-sidebar-toggled #sidebar-left .dp-trigger i {
        transform: rotate(180deg);
        margin-left: 31px;
        color: #fff;
    }
    #sidebar-left ul.sb-header>li {
        margin-top: 15px;
        display: inline-block;
    }
    .main-header .header-logo {
        margin-left: 50px;
    }
    .about_main .ncontent {
        padding-left: 328px !important;
    }
    .nav-menu a {
        display: block;
        color: #424242;
        font-weight: 500;
        vertical-align: middle;
        padding: 5px;
        border-bottom: #ccc thin solid;
    }
    .nav-menu i {
        font-size: 30px;
        margin-right: 15px;
        width: 85px;
        text-align: center;
    }
    .nav-menu .nav-item>a>span, body.left-sidebar-toggled .nav-menu .nav-item>ul {
        width: 82px !important;
        z-index: 9999;
        margin: 0;
    }
    body.left-sidebar-toggled .nav-menu .nav-item>a>span {
        top: 0;
        padding: 5px 0px;
        text-align: center;
        font-size: 13px;
    }
    .main-header .header-menu>li>a>.menu-icon {
        font-size: 20px;
        line-height: 24px;
    }
    .main-header .header-menu>li>a>.menu-counts {
        top: -8px;
    }
    .dp-trigger {
        position: relative;
        cursor: pointer;
        font-size: 20px !important;
        line-height: 24px !important;
    }
    #content {
        padding-top: 6px;
    }
    #content:not(.content-alt) {
        padding-left: 100px;
        padding-right: 5px;
    }
    .block-header>h2 {
        font-size: 16px;
    }
    .card-map .card-header {
        margin-bottom: 5px;
        padding: 10px;
    }
    .card .card-header h2 small {
        display: block;
        margin-top: 5px;
        color: #AEAEAE;
        line-height: 160%;
    }
    #footer {
        height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .campaign_side {
        z-index: 12;
        position: fixed;
        top: 50px;
        left: 96px;
        width: 235px;
    }
    hr {
        margin-top: 8px;
        margin-bottom: 8px;
        border-top: 1px solid #eee;
    }
    body {
        font-size: 12px;
        line-height: 1.42857143;
        color: #5E5E5E;
    }
    .toggle-switch .ts-label {
        display: inline-block;
        margin: 0 10px 0 0;
    }
    .cusToggle .ts-helper {
        width: 64px !important;
    }
    .toggle-switch .ts-helper {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 13px;
    }
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 2px;
    }
    .toggle-switch .ts-helper::before {
        width: 20px;
        height: 20px;
    }
    .cusToggle input:checked+.ts-helper::before {
        left: 44px !important;
    }
    .ncontent {
        padding-left: 328px !important;
    }
    .card {
        background: #fff;
        margin-bottom: 12px;
    }
    .card .card-header {
        padding: 10px;
    }
    .time_line {
        width: 100%;
        min-height: 380px;
    }
    .layout_box {
        position: absolute;
        width: 1200px;
        height: 539px;
    }
    .image_drive_campaign, .video_drive_campaign, .widget_drive_campaign {
        max-height: 530px;
    }
    .image_drive_campaign li img, .video_drive_campaign li img {
        float: left;
        width: 99px;
        height: 55px;
    }
    .widget_drive_campaign li img {
        float: left;
        width: 99px;
        height: 99px;
    }
    .form-control, output {
        font-size: 14px;
        line-height: 1.42857143;
        color: #000;
        display: block;
    }
    .landscapes_selected b {
        font-size: 10px;
    }
    .block-header {
        position: relative;
        margin-bottom: 10px;
    }
    .f-18 {
        font-size: 14px !important;
        line-height: 26px !important;
    }
    #btnCreateLayout, #btnSideImages, #btnSideVideo {
        padding: 3px 5px;
        font-size: 13px;
        font-weight: bold;
    }
    .col-sm-1 {
        width: 13%;
    }
    .input-group-addon>.zmdi {
        position: relative;
        top: 0px;
    }
    #main {
        padding-bottom: 40px;
        padding-top: 48px;
    }
    .card-todo-list {
        min-height: 200px !important;
    }
    .card .card-header h2 {
        font-size: 14px;
    }
    /*1366*/
}

.combo-font option {
    font-size: 20px;
}

.combo-font {
    font-size: 25px !important;
    height: 45px;
}

.cusColor {
    right: 5px !important;
    top: 5px !important;
}

.textAlign .activated, .scroll_speed .activated, .scroll_direction .activated, .txtStyle .activated {
    background-color: #ccc !important;
}

.player-box {
    border: #eee thin solid;
    padding: 10px 0px;
    margin: 25px 0px;
}

.box {
    font-size: 2rem;
    /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 100px 20px;
    text-align: center;
}

.box.has-advanced-upload {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.box.is-dragover {
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}

.box__dragndrop, .box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.box.is-uploading .box__input, .box.is-success .box__input, .box.is-error .box__input {
    visibility: hidden;
}

.box__uploading, .box__success, .box__error {
    display: none;
}

.box.is-uploading .box__uploading, .box.is-success .box__success, .box.is-error .box__error {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY( -50%);
    transform: translateY( -50%);
}

.box__uploading {
    font-style: italic;
}

.box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY( -50%) scale( 0);
    }
    75% {
        -webkit-transform: translateY( -50%) scale( 1.1);
    }
    to {
        -webkit-transform: translateY( -50%) scale( 1);
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY( -50%) scale( 0);
    }
    75% {
        transform: translateY( -50%) scale( 1.1);
    }
    to {
        transform: translateY( -50%) scale( 1);
    }
}

.box__restart {
    font-weight: 700;
}

.box__restart:focus, .box__restart:hover {
    color: #39bfd3;
}

.box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.box__file+label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.box__file+label:hover strong, .box__file:focus+label strong, .box__file.has-focus+label strong {
    color: #39bfd3;
}

.box__file:focus+label, .js .box__file.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.box__file+label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.no-js .box__file+label {
    display: none;
}

.no-js .box__button {
    display: block;
}

.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}

.box__button:hover, .box__button:focus {
    background-color: #0f3c4b;
}