/* Your app custom files in this file */
/* Tab bar icons */
i.tabbar-demo-icon-1 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23929292'><g><circle cx='15.2' cy='8.8' r='1.5'/><polygon points='16.7,12.3 16.7,11.7 16.7,11.3 13.7,11.3 13.7,12.3 14.7,12.3 14.7,20.3 13.7,20.3 13.7,21.3 17.7,21.3 17.7,20.3 16.7,20.3'/><path d='M15.2,2.3C8.3,2.3,2.7,7.9,2.7,14.8s5.6,12.5,12.5,12.5c6.9,0,12.5-5.6,12.5-12.5S22.1,2.3,15.2,2.3z M15.2,26.3 c-6.3,0-11.5-5.2-11.5-11.5S8.8,3.3,15.2,3.3s11.5,5.2,11.5,11.5S21.5,26.3,15.2,26.3z'/></g></svg>");
}
.active i.tabbar-demo-icon-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' fill='%23007aff'><path d='M15,2.6C8.1,2.6,2.5,8.2,2.5,15.1C2.5,22,8.1,27.6,15,27.6S27.5,22,27.5,15.1C27.5,8.2,21.9,2.6,15,2.6z M15,7.6 c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C13.5,8.3,14.2,7.6,15,7.6z M17.5,21.6h-4v-1h1v-8h-1v-1h3V12 v0.6v8h1V21.6z'/></svg>");
}
i.tabbar-demo-icon-2 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23929292'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.4L5.9,1z M24,16H1V7h7.1 c0.5,1.9,2.3,3.4,4.4,3.4s3.9-1.5,4.4-3.4H24V16z'/></svg>");
}
.active i.tabbar-demo-icon-2 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23007aff'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.3L5.9,1z'/></svg>");
}
i.tabbar-demo-icon-3 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23929292'><path d='M16.8,1c3.7,0,6.8,3,6.8,6.8l0,0.1c0,0,0,0.1,0,0.1l0,1l1,0C27,9,29,11,29,13.5c0,2.5-2,4.5-4.5,4.5H6c-2.8,0-5-2.2-5-5 c0-2.1,1.4-4,3.4-4.7L5,8.1l0.1-0.6C5.3,6,6.5,5,8,5c0.4,0,0.9,0.1,1.3,0.3l0.9,0.5l0.4-0.9C11.8,2.5,14.2,1,16.8,1 M16.8,0 c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4.1,7.3C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5 c0-3-2.5-5.5-5.5-5.5c0-0.1,0-0.2,0-0.2C24.5,3.5,21.1,0,16.8,0L16.8,0z'/></svg>");
}
.active i.tabbar-demo-icon-3 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23007aff'><path d='M24.5,8c0-0.1,0-0.2,0-0.2C24.5,3.5,21,0,16.8,0c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4,7.3 C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5C30,10.5,27.5,8,24.5,8z'/></svg>");
}
i.tabbar-demo-icon-4 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23929292'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15,0h-5C9.5,0,8.9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M24,17c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h4.2h0.4 l0.3-0.3l1.2-1.2l0,0.1l1.1-1.2C9.5,1.1,9.8,1,10,1h5c0.3,0,0.5,0.1,0.7,0.3l2.4,2.4L18.4,4h0.4H23c0.6,0,1,0.4,1,1V17z'/><path d='M12.5,4C8.9,4,6,6.9,6,10.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5C19,6.9,16.1,4,12.5,4z M12.5,16 c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5S18,7.5,18,10.5C18,13.5,15.5,16,12.5,16z'/><path d='M12.5,6C10,6,8,8,8,10.5C8,13,10,15,12.5,15s4.5-2,4.5-4.5C17,8,15,6,12.5,6z M12.5,14C10.6,14,9,12.4,9,10.5 C9,8.6,10.6,7,12.5,7S16,8.6,16,10.5C16,12.4,14.4,14,12.5,14z'/></g></svg>");
}
.active i.tabbar-demo-icon-4 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23007aff'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15.1,0h-5C9.5,0,9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M12.5,16c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5c3,0,5.5,2.5,5.5,5.5 C18,13.5,15.5,16,12.5,16z'/><circle cx='12.5' cy='10.5' r='4.5'/></g></svg>");
}

i.icon.windows {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/windows.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
} 
i.icon.pcbubble {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/pop.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.manimator {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/man.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.gring {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/grings.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.beyes {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/eye.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.cwall {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/cwall.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.highlighter {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/highlighter.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.bangel {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/blue_angel.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.gray {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/gray.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.lman {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/laughing_man.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.mirror {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/mirror.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.rotate {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/rotate.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.mclock {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/mclock.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.notebook {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/notebook.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.sliper {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/slip.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.slizing {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/slizing.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.spin {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/Spin.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
} 
i.icon.seawaves {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/sea.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.orangeiphone {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/orange.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
i.icon.lexpress {
    width: 44px;
    height: 44px;
    background-image: url(../images/icon/light_express.png);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}   
i.icon.windowsmax {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/windowsmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.Bubble {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/popmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.MAnimator {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/manmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.GoldenRings {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/gringsmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.BlueEyes {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/eyemax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.ColorWall {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Cwallmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}  
i.icon.Highlighters {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Highlightermax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.BlueAngel {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Blue_angelmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.Grays {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/graymax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.LaughingMan {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Laughing_manmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.NightMirrors {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/mirrormax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
} 
i.icon.Rotates {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/rotatemax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.MovingClock {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Mclockmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.Notebooks {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Nbookmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.Slipers {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Slipmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.Slizings {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Slizingmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.Spins {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Spinmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.SeaWaves {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Seamax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.OrangeiPhone {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Orangemax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}
i.icon.LightExpress {
    width: 64px;
    height: 64px;
    background-image: url(../images/icon/Light_Expressmax.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 16px;
}

.contact-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.modal-inner {
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 7px 7px 0 0;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    width: 90%;
}

@media only screen and (max-width: 373px) and (orientation: portrait) {
    #onepnal {
        display: block;
    }

    #twopnal {
        display: none;
    }

    .sourcesclz {
        font-size: 15px;
    }
}

@media only screen and (max-width: 660px) and (orientation: landscape) {
    #onepnal {
        display: block;
    }

    #twopnal {
        display: none;
    }
}

@media only screen and (min-width: 374px) and (max-width: 412px) and (orientation: portrait) {
    #onepnal {
        display: block;
    }

    #twopnal {
        display: none;
    }

    .sourcesclz {
        font-size: 15px;
    }
}

@media only screen and (min-width: 662px) and (max-width: 730px) and (orientation: landscape) {
    #onepnal {
        display: block;
    }

    #twopnal {
        display: none;
    }
}

@media only screen and (min-width: 413px) and (max-width: 766px) and (orientation: portrait) {
    #onepnal {
        display: block;
    }

    #twopnal {
        display: none;
    }

    .sourcesclz {
        font-size: 17px;
    }
}

@media only screen and (min-width: 732px) and (max-width: 860px) and (orientation: landscape) {
    #onepnal {
        display: block;
    }

    #twopnal {
        display: none;
    }
}

/*  ///////////////////////////// iPad portrait /////////////////////////////////////////  */
@media only screen and (min-width: 768px) and (max-width: 1022px) and (orientation: portrait) {
    #onepnal {
        display: none;
    }

    #twopnal {
        display: block;
    }
}

/* //////////////////////////////  iPad landscape///////////////////////////////////////// */
@media only screen and (min-width: 862px) and (max-width: 1024px) and (orientation: landscape) {
    #onepnal {
        display: none;
    }

    #twopnal {
        display: block;
    }
}

/* //////////////////////////////  iPad pro portrait ///////////////////////////////////////// */
@media only screen and (min-width: 1024px) and (max-width: 1278px) and (orientation: portrait) {
    #onepnal {
        display: none;
    }

    #twopnal {
        display: block;
    }
}

/* //////////////////////////////  iPad pro landscape///////////////////////////////////////// */
@media only screen and (min-width: 1362px) and (max-width: 1380px) and (orientation: landscape) {
    #onepnal {
        display: none;
    }

    #twopnal {
        display: block;
    }
}

.modals {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contents {
    background-color: #f7f7f8;
    border-radius: 15px;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 80%;
}

body {
    overflow: scroll;
}

/* The Close Button */
/*.closess {
     color: #aaaaaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }*/
.list-block ul:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #ffffff;
    display: block;
    z-index: 15;
}