/* STYLES MODULES BOOT LOADER */
/* Features */
@import url(vendor/font-awesome.css);
@import url(themes/new-theme.css);
.clearfix:before, .clearfix:after, .rtl .menu-list:before, .rtl .menu-list:after, .rtl .pagination:before, .rtl .pagination:after {
  content: " ";
  display: table;
}

.clearfix:after, .rtl .menu-list:after, .rtl .pagination:after {
  clear: both;
}

.clearfix, .rtl .menu-list, .rtl .pagination {
  *zoom: 1;
}

/* ==========================================================================
   Animations
   ========================================================================== */
/* Flickering */
@keyframes flickering {
  0% {
    background-color: hsla(0, 0%, 100%, 1);
    color: hsla(240, 8%, 39%, 1);
  }
  100% {
    background-color: hsla(351, 66%, 48%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
}
@-webkit-keyframes flickering {
  0% {
    background-color: hsla(0, 0%, 100%, 1);
    color: hsla(240, 8%, 39%, 1);
  }
  100% {
    background-color: hsla(351, 66%, 48%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
}
@-moz-keyframes flickering {
  0% {
    background-color: hsla(0, 0%, 100%, 1);
    color: hsla(240, 8%, 39%, 1);
  }
  100% {
    background-color: hsla(351, 66%, 48%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
}
.flickering {
  animation: flickering 0.3s infinite alternate ease-out;
  -moz-animation: flickering 0.3s infinite alternate ease-out;
  -webkit-animation: flickering 0.3s infinite alternate ease-out;
}

/* Color Swap */
@keyframes color-swap {
  0% {
    background-color: hsla(351, 66%, 48%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  12.5% {
    background-color: hsla(112, 68%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  25% {
    background-color: hsla(192, 100%, 43%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  37.5% {
    background-color: hsla(54, 100%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  50% {
    background-color: hsla(12, 100%, 62%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  62.5% {
    background-color: hsla(324, 100%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  75% {
    background-color: hsla(257, 52%, 58%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  87.5% {
    background-color: hsla(21, 32%, 44%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  100% {
    background-color: hsla(0, 0%, 0%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
}
@-webkit-keyframes color-swap {
  0% {
    background-color: hsla(351, 66%, 48%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  12.5% {
    background-color: hsla(112, 68%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  25% {
    background-color: hsla(192, 100%, 43%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  37.5% {
    background-color: hsla(54, 100%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  50% {
    background-color: hsla(12, 100%, 62%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  62.5% {
    background-color: hsla(324, 100%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  75% {
    background-color: hsla(257, 52%, 58%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  87.5% {
    background-color: hsla(21, 32%, 44%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  100% {
    background-color: hsla(0, 0%, 0%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
}
@-moz-keyframes color-swap {
  0% {
    background-color: hsla(351, 66%, 48%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  12.5% {
    background-color: hsla(112, 68%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  25% {
    background-color: hsla(192, 100%, 43%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  37.5% {
    background-color: hsla(54, 100%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  50% {
    background-color: hsla(12, 100%, 62%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  62.5% {
    background-color: hsla(324, 100%, 55%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  75% {
    background-color: hsla(257, 52%, 58%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  87.5% {
    background-color: hsla(21, 32%, 44%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
  100% {
    background-color: hsla(0, 0%, 0%, 1);
    color: hsla(0, 0%, 100%, 1);
  }
}
.color-swap {
  animation: color-swap 12s infinite alternate ease-out;
  -moz-animation: color-swap 12s infinite alternate ease-out;
  -webkit-animation: color-swap 12s infinite alternate ease-out;
}

/* Full Rotation */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.clearfix:before, .clearfix:after, .rtl .menu-list:before, .rtl .menu-list:after, .rtl .pagination:before, .rtl .pagination:after {
  content: " ";
  display: table;
}

.clearfix:after, .rtl .menu-list:after, .rtl .pagination:after {
  clear: both;
}

.clearfix, .rtl .menu-list, .rtl .pagination {
  *zoom: 1;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/*
   =========================================================================
*/
@media only screen and (min-width: 800px) {
  /* General */
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (min-width: 1024px) {
  /* General */
  /* Components */
  /* UI */
  .input-wrapper input[type="file"] {
    display: none;
  }
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  /* General */
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (max-width: 1024px) {
  /* General */
  #myDocument .my-framework .fixed, #myDocument .my-framework .fixed-bottom {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  #myDocument .my-framework .input-wrapper.multiple .button, #myDocument .my-framework .input-wrapper.multiple button {
    width: 25%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #myDocument .my-framework .input-wrapper.multiple .button .icon, #myDocument .my-framework .input-wrapper.multiple button .icon {
    float: none;
  }
  #myDocument .my-framework .input-wrapper.multiple .input, #myDocument .my-framework .input-wrapper.multiple input[type="text"], #myDocument .my-framework .input-wrapper.multiple .input:focus, #myDocument .my-framework .input-wrapper.multiple input[type="text"]:focus {
    width: 75%;
  }
  #myDocument .my-framework .container .col {
    width: 49% !important;
  }
  #myDocument .my-framework .container .col:nth-child(2n) {
    margin-right: 0;
  }
  #myDocument .my-framework .feedback .client .avatar, #myDocument .my-framework .feedback-right .client .avatar {
    width: 100%;
    max-width: 80px;
  }

  /* Components */
  /* Timeline */
  #myDocument .my-framework .timeline .list .item {
    float: none;
    min-height: 10em;
    min-width: inherit;
    padding-bottom: 1em;
    padding-right: 0;
  }
  #myDocument .my-framework .timeline .list .item .datetime {
    top: 0;
    left: -8.5em;
    min-width: 80px;
    text-align: right;
  }
  #myDocument .my-framework .timeline .list .item .title {
    display: block;
  }
  #myDocument .my-framework .timeline .list .item span.dot {
    left: -0.3em;
    top: 0;
  }
  #myDocument .my-framework .timeline .list .item img.dot {
    max-width: inherit;
    top: 0;
    left: -1.75em;
  }
  #myDocument .my-framework .timeline .list .item .content {
    display: inline-block;
    min-width: 670px;
    width: 100%;
    left: 4em;
    top: -1.5em;
    position: relative;
  }
  #myDocument .my-framework .timeline .bar {
    margin: 0 8.5em;
    max-height: inherit;
    max-width: 1em;
    padding: 3em 0;
    width: auto;
  }
  #myDocument .my-framework .timeline.vertical {
    margin: 0;
  }
  #myDocument .my-framework .timeline.vertical .list .item .datetime {
    min-width: 180px;
    left: -15.72em;
  }
  #myDocument .my-framework .timeline.vertical .list .item .content {
    top: -4em;
    min-width: 480px;
  }
  #myDocument .my-framework .timeline.vertical .bar {
    margin: 0 auto;
  }

  /* UI */
  .input-wrapper input[type="file"] {
    display: none;
  }
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* General */
  #myDocument #myFramework .framework #main-section #main-content {
    /* Component Manager */
  }
  #myDocument #myFramework .framework #main-section #main-content .list.main aside {
    float: none;
    width: 100% !important;
    padding-right: 0;
  }
  #myDocument #myFramework .framework #main-section #main-content .list.main aside.hidden-element {
    margin-top: 1.5em;
  }
  #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element {
    padding-right: 0;
  }
  #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element > .trigger, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element > .trigger {
    margin-left: 0;
    margin-bottom: 0.75em;
    float: none;
    width: 100%;
  }
  #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element > .trigger + *, #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element > .trigger + * + *, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element > .trigger + *, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element > .trigger + * + * {
    float: none;
    max-width: 100%;
  }

  #myDocument #myFramework .framework #main-header {
    position: relative;
  }

  #myDocument .my-framework {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
  }
  #myDocument .my-framework * {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
  }
  #myDocument .my-framework .with-tag .tag {
    right: 0;
  }
  #myDocument .my-framework .container .col {
    float: none;
    width: 100% !important;
    margin-right: 0;
  }
  #myDocument .my-framework .input-wrapper.multiple .button, #myDocument .my-framework .input-wrapper.multiple button {
    width: 25%;
  }
  #myDocument .my-framework .input-wrapper.multiple .button .icon, #myDocument .my-framework .input-wrapper.multiple button .icon {
    float: none;
  }
  #myDocument .my-framework .input-wrapper.multiple .input, #myDocument .my-framework .input-wrapper.multiple input[type="text"], #myDocument .my-framework .input-wrapper.multiple .input:focus, #myDocument .my-framework .input-wrapper.multiple input[type="text"]:focus {
    width: 75%;
  }
  #myDocument .my-framework .controls.left {
    left: auto;
  }
  #myDocument .my-framework .menu.vertical.docked > .item, #myDocument .my-framework .menu-list.vertical.docked > .item {
    width: 100%;
  }
  #myDocument .my-framework .menu.vertical.docked > .item > .link .title, #myDocument .my-framework .menu-list.vertical.docked > .item > .link .title {
    text-indent: 0;
  }
  #myDocument .my-framework .menu.vertical.docked > .item > .link .icon, #myDocument .my-framework .menu-list.vertical.docked > .item > .link .icon {
    display: block;
  }
  #myDocument .my-framework .scrollup {
    bottom: 3.5em;
    right: 0;
  }

  /* Components */
  /* Typography */
  #myDocument .my-framework .drop-caps:first-letter {
    line-height: 1;
    padding-top: 0;
  }

  /* Menus */
  #myDocument .my-framework .menu.vertical {
    width: 100%;
    padding-right: 0;
  }

  #myDocument .my-framework .menu, #myDocument .my-framework .submenu {
    width: 100%;
    position: relative;
  }
  #myDocument .my-framework .menu > .item > .link, #myDocument .my-framework .submenu > .item > .link {
    max-width: 100%;
  }
  #myDocument .my-framework .menu ul, #myDocument .my-framework .submenu ul {
    display: block;
  }
  #myDocument .my-framework .menu ul li, #myDocument .my-framework .submenu ul li {
    max-width: 100%;
    width: 100%;
  }
  #myDocument .my-framework .menu.vertical .item.slide ul, #myDocument .my-framework .submenu.vertical .item.slide ul {
    display: block;
  }

  /* Tables */
  /* Classic Tables */
  #myDocument .my-framework table {
    display: block;
    width: 100%;
  }
  #myDocument .my-framework table caption {
    display: block;
  }
  #myDocument .my-framework table thead {
    display: block;
    float: left;
  }
  #myDocument .my-framework table thead tr {
    display: block;
  }
  #myDocument .my-framework table thead th {
    min-width: 160px;
    width: auto !important;
  }
  #myDocument .my-framework table tbody {
    display: block;
    width: auto;
    max-width: inherit;
    overflow-x: auto;
    white-space: nowrap;
    text-align: left;
  }
  #myDocument .my-framework table tbody tr {
    display: inline-block;
    margin-left: -4px;
  }
  #myDocument .my-framework table tfoot {
    display: none;
  }
  #myDocument .my-framework table th, #myDocument .my-framework table td {
    display: block;
    border-bottom: none;
  }
  #myDocument .my-framework table th span.right, #myDocument .my-framework table td span.right {
    float: none;
    margin-left: 1.5em;
  }
  #myDocument .my-framework table th:last-child, #myDocument .my-framework table td:last-child {
    border-bottom: 0.0833em solid hsla(220, 33%, 98%, 1);
  }
  #myDocument .my-framework table td.gutter, #myDocument .my-framework table td.code {
    display: inline-block;
  }

  /* List Tables */
  #myDocument .my-framework .table .cols .list {
    float: none;
    display: table-row;
  }
  #myDocument .my-framework .table .cols .list .item {
    display: table-cell;
  }
  #myDocument .my-framework .table .cols .list .item.footer {
    display: none;
  }

  /* Pricing Tables */
  /* Classic Table */
  #myDocument .my-framework .pricing-table thead th .title {
    font-size: 85%;
  }
  #myDocument .my-framework .pricing-table thead th:last-child .title {
    border-right: 0.0833em solid hsla(0, 0%, 100%, 1);
  }
  #myDocument .my-framework .pricing-table tbody td .icon {
    margin-top: 0;
  }
  #myDocument .my-framework .pricing-table td {
    padding-top: 1.4166em;
    padding-bottom: 1.4166em;
  }

  /* List Table */
  #myDocument .my-framework .table.pricing {
    width: 100%;
  }
  #myDocument .my-framework .table.pricing .list {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  #myDocument .my-framework .table.pricing .list:last-child {
    margin-bottom: 0;
  }
  #myDocument .my-framework .table.pricing .list.featured {
    margin: 0 0 1em;
    border: none;
  }
  #myDocument .my-framework .table.pricing .list.features .item {
    width: 100% !important;
  }
  #myDocument .my-framework .table.pricing .list + div {
    display: block;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list {
    display: block;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div {
    display: block;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div .list {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div .list:last-child {
    margin-bottom: 0;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div .list.featured {
    border: none;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list:hover {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 100%;
    background-color: transparent;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list.features {
    margin-bottom: 1em;
    float: none;
  }

  /* Comments */
  #myDocument .my-framework .comments > .list > .item.replied .reply .replier {
    margin-left: 1em;
  }
  #myDocument .my-framework .comments > .list > .item.replied .reply .replier + .reply {
    margin-left: 1em;
  }
  #myDocument .my-framework .comments > .list > .item.replied .reply .replier .icon {
    left: 0;
    top: -1em;
  }
  #myDocument .my-framework .comments > .list > .item aside.commenter {
    padding-right: 1em;
    float: left;
    width: 33.3333% !important;
  }
  #myDocument .my-framework .comments > .list > .item aside.comment-block {
    float: left;
    width: 66.6666% !important;
  }

  /* Timeline */
  #myDocument .my-framework .timeline .list .item {
    float: none;
    min-height: 10em;
    min-width: inherit;
    padding-bottom: 1em;
    padding-right: 0;
  }
  #myDocument .my-framework .timeline .list .item .datetime {
    top: 0;
    left: -8.5em;
    min-width: 80px;
    text-align: right;
  }
  #myDocument .my-framework .timeline .list .item .title {
    display: block;
  }
  #myDocument .my-framework .timeline .list .item span.dot {
    left: -0.3em;
    top: 0;
  }
  #myDocument .my-framework .timeline .list .item img.dot {
    max-width: inherit;
    top: 0;
    left: -1.75em;
  }
  #myDocument .my-framework .timeline .list .item .content {
    display: inline-block;
    min-width: 420px;
    width: 100%;
    left: 4em;
    top: -1.5em;
    position: relative;
  }
  #myDocument .my-framework .timeline .bar {
    margin: 0 8.5em;
    max-height: inherit;
    max-width: 1em;
    padding: 3em 0;
    width: auto;
  }
  #myDocument .my-framework .timeline.vertical {
    margin: 0;
  }
  #myDocument .my-framework .timeline.vertical .list .item .datetime {
    min-width: 180px;
    left: -15.72em;
  }
  #myDocument .my-framework .timeline.vertical .list .item .content {
    top: -4em;
    min-width: 210px;
  }
  #myDocument .my-framework .timeline.vertical .bar {
    margin: 0 auto;
  }
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (max-width: 640px) {
  /* General */
  #myDocument #myFramework .framework #main-section #main-content {
    /* Component Manager */
  }
  #myDocument #myFramework .framework #main-section #main-content .list.main aside {
    float: none;
    width: 100% !important;
    padding-right: 0;
  }
  #myDocument #myFramework .framework #main-section #main-content .list.main aside.hidden-element {
    margin-top: 1.5em;
  }
  #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element {
    padding-right: 0;
  }
  #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element > .trigger, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element > .trigger {
    margin-left: 0;
    margin-bottom: 0.75em;
    float: none;
    width: 100%;
  }
  #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element > .trigger + *, #myDocument #myFramework .framework #main-section #main-content > .list .item > aside.element > .trigger + * + *, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element > .trigger + *, #myDocument #myFramework .framework #main-section #main-content > .list .item .tab-content > aside.element > .trigger + * + * {
    float: none;
    max-width: 100%;
  }

  #myDocument #myFramework .framework #main-header {
    position: relative;
  }

  #myDocument .my-framework {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
  }
  #myDocument .my-framework * {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
  }
  #myDocument .my-framework .with-tag .tag {
    right: 0;
  }
  #myDocument .my-framework .container .col {
    float: none;
    width: 100% !important;
    margin-right: 0;
  }
  #myDocument .my-framework .input-wrapper.multiple .button, #myDocument .my-framework .input-wrapper.multiple button {
    width: 25%;
  }
  #myDocument .my-framework .input-wrapper.multiple .button .icon, #myDocument .my-framework .input-wrapper.multiple button .icon {
    float: none;
  }
  #myDocument .my-framework .input-wrapper.multiple .input, #myDocument .my-framework .input-wrapper.multiple input[type="text"], #myDocument .my-framework .input-wrapper.multiple .input:focus, #myDocument .my-framework .input-wrapper.multiple input[type="text"]:focus {
    width: 75%;
  }
  #myDocument .my-framework .controls.left {
    left: auto;
  }
  #myDocument .my-framework .menu.vertical.docked > .item, #myDocument .my-framework .menu-list.vertical.docked > .item {
    width: 100%;
  }
  #myDocument .my-framework .menu.vertical.docked > .item > .link .title, #myDocument .my-framework .menu-list.vertical.docked > .item > .link .title {
    text-indent: 0;
  }
  #myDocument .my-framework .menu.vertical.docked > .item > .link .icon, #myDocument .my-framework .menu-list.vertical.docked > .item > .link .icon {
    display: block;
  }
  #myDocument .my-framework .scrollup {
    bottom: 3.5em;
    right: 0;
  }

  /* Components */
  /* Typography */
  #myDocument .my-framework .drop-caps:first-letter {
    line-height: 1;
    padding-top: 0;
  }

  #myDocument .my-framework .show-all > .trigger, #myDocument .my-framework .show-more > .trigger {
    width: 100%;
  }

  /* Menus */
  #myDocument .my-framework .menu.vertical {
    width: 100%;
    padding-right: 0;
  }

  /* Inputs */
  #myDocument .my-framework input[type='text'], #myDocument .my-framework input[type='number'], #myDocument .my-framework textarea, #myDocument .my-framework .input.text, #myDocument .my-framework select, #myDocument .my-framework .select, #myDocument .my-framework .input-wrapper.with-icon, #myDocument .my-framework .input-wrapper.date-picker, #myDocument .my-framework .input-wrapper.with-icon .input, #myDocument .my-framework .input-wrapper.with-icon input[type='text'], #myDocument .my-framework .input-wrapper.date-picker .input, #myDocument .my-framework .input-wrapper.date-picker input[type='text'] {
    width: 100%;
  }

  #myDocument .my-framework .date-picker-wrapper .item {
    float: none;
    margin-right: 0;
  }

  #myDocument .my-framework .input-wrapper .input {
    width: auto;
  }

  /* Boxes and Containers */
  #myDocument .my-framework .flyer {
    width: 100%;
  }

  /* Tables */
  /* Classic Tables */
  #myDocument .my-framework table {
    display: block;
    width: 100%;
  }
  #myDocument .my-framework table caption {
    display: block;
  }
  #myDocument .my-framework table thead {
    display: block;
    float: left;
  }
  #myDocument .my-framework table thead tr {
    display: block;
  }
  #myDocument .my-framework table thead th {
    min-width: 160px;
    width: auto !important;
  }
  #myDocument .my-framework table tbody {
    display: block;
    width: auto;
    max-width: inherit;
    overflow-x: auto;
    white-space: nowrap;
    text-align: left;
  }
  #myDocument .my-framework table tbody tr {
    display: inline-block;
    margin-left: -4px;
  }
  #myDocument .my-framework table tfoot {
    display: none;
  }
  #myDocument .my-framework table th, #myDocument .my-framework table td {
    display: block;
    border-bottom: none;
  }
  #myDocument .my-framework table th span.right, #myDocument .my-framework table td span.right {
    float: none;
    margin-left: 1.5em;
  }
  #myDocument .my-framework table th:last-child, #myDocument .my-framework table td:last-child {
    border-bottom: 0.0833em solid hsla(220, 33%, 98%, 1);
  }
  #myDocument .my-framework table td.gutter, #myDocument .my-framework table td.code {
    display: inline-block;
  }

  /* List Tables */
  #myDocument .my-framework .table .cols .list {
    float: none;
    display: table-row;
  }
  #myDocument .my-framework .table .cols .list .item {
    display: table-cell;
  }
  #myDocument .my-framework .table .cols .list .item.footer {
    display: none;
  }

  /* Timeline */
  #myDocument .my-framework .timeline .list .item {
    float: none;
    min-height: 10em;
    min-width: inherit;
    padding-bottom: 1em;
    padding-right: 0;
  }
  #myDocument .my-framework .timeline .list .item .datetime {
    top: 0;
    left: -8.5em;
    min-width: 80px;
    text-align: right;
  }
  #myDocument .my-framework .timeline .list .item .title {
    display: block;
  }
  #myDocument .my-framework .timeline .list .item span.dot {
    left: -0.3em;
    top: 0;
  }
  #myDocument .my-framework .timeline .list .item img.dot {
    max-width: inherit;
    top: 0;
    left: -1.75em;
  }
  #myDocument .my-framework .timeline .list .item .content {
    display: inline-block;
    min-width: 320px;
    width: 100%;
    left: 4em;
    top: -1.5em;
    position: relative;
  }
  #myDocument .my-framework .timeline .bar {
    margin: 0 8.5em;
    max-height: inherit;
    max-width: 1em;
    padding: 3em 0;
    width: auto;
  }
  #myDocument .my-framework .timeline.vertical {
    margin: 0;
  }
  #myDocument .my-framework .timeline.vertical .list .item .datetime {
    min-width: 180px;
    left: -15.72em;
  }
  #myDocument .my-framework .timeline.vertical .list .item .content {
    top: -4em;
    min-width: 210px;
  }
  #myDocument .my-framework .timeline.vertical .bar {
    margin: 0 auto;
  }

  /* Menus */
  #myDocument .my-framework .menu, #myDocument .my-framework .submenu {
    width: 100%;
    position: relative;
  }
  #myDocument .my-framework .menu > .item > .link, #myDocument .my-framework .submenu > .item > .link {
    max-width: 100%;
  }
  #myDocument .my-framework .menu ul, #myDocument .my-framework .submenu ul {
    display: block;
  }
  #myDocument .my-framework .menu ul li, #myDocument .my-framework .submenu ul li {
    max-width: 100%;
    width: 100%;
  }
  #myDocument .my-framework .menu.vertical .item.slide ul, #myDocument .my-framework .submenu.vertical .item.slide ul {
    display: block;
  }

  /* Pricing Tables */
  /* Classic Table */
  #myDocument .my-framework .pricing-table thead th .title {
    font-size: 85%;
  }
  #myDocument .my-framework .pricing-table thead th:last-child .title {
    border-right: 0.0833em solid hsla(0, 0%, 100%, 1);
  }
  #myDocument .my-framework .pricing-table tbody td .icon {
    margin-top: 0;
  }
  #myDocument .my-framework .pricing-table td {
    padding-top: 1.4166em;
    padding-bottom: 1.4166em;
  }

  /* List Table */
  #myDocument .my-framework .table.pricing {
    width: 100%;
  }
  #myDocument .my-framework .table.pricing .list {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  #myDocument .my-framework .table.pricing .list:last-child {
    margin-bottom: 0;
  }
  #myDocument .my-framework .table.pricing .list.featured {
    margin: 0 0 1em;
    border: none;
  }
  #myDocument .my-framework .table.pricing .list.features .item {
    width: 100% !important;
  }
  #myDocument .my-framework .table.pricing .list + div {
    display: block;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list {
    display: block;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div {
    display: block;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div .list {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div .list:last-child {
    margin-bottom: 0;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list + div .list.featured {
    border: none;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list:hover {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 100%;
    background-color: transparent;
  }
  #myDocument .my-framework .table.pricing.featured-outside .list.features {
    margin-bottom: 1em;
    float: none;
  }

  /* Comments */
  #myDocument .my-framework .comments > .list > .item.replied .reply .replier {
    margin-left: 1em;
  }
  #myDocument .my-framework .comments > .list > .item.replied .reply .replier + .reply {
    margin-left: 1em;
  }
  #myDocument .my-framework .comments > .list > .item.replied .reply .replier .icon {
    left: 0;
    top: -1em;
  }
  #myDocument .my-framework .comments > .list > .item aside.commenter {
    padding-right: 1em;
    float: left;
    width: 33.3333% !important;
  }
  #myDocument .my-framework .comments > .list > .item aside.comment-block {
    float: left;
    width: 66.6666% !important;
  }

  /* Various */
  #myDocument .my-framework .horizontal-terms dt, #myDocument .my-framework .horizontal-terms dd {
    float: none !important;
    clear: none;
    margin: 0;
  }
  #myDocument .my-framework .horizontal-terms dd {
    margin-right: 0 !important;
  }
  #myDocument .my-framework .horizontal-terms dt {
    margin-top: 1em;
  }
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (max-width: 639px) {
  /* General */
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
@media only screen and (max-width: 480px) {
  /* General */
  #myDocument .my-framework .tooltips > a {
    width: 100% !important;
  }
}
/*
   =========================================================================
*/
/*
   =========================================================================
*/
/*
   =========================================================================
*/
.clearfix:before, .clearfix:after, .rtl .menu-list:before, .rtl .menu-list:after, .rtl .pagination:before, .rtl .pagination:after {
  content: " ";
  display: table;
}

.clearfix:after, .rtl .menu-list:after, .rtl .pagination:after {
  clear: both;
}

.clearfix, .rtl .menu-list, .rtl .pagination {
  *zoom: 1;
}

/* ==========================================================================
   RTL (Right-To-Left) Styles
   ========================================================================== */
/* Clearfixes */
#myDocument .my-framework .rtl, #myDocument .my-framework.rtl p, #myDocument .my-framework.rtl .title, #myDocument .my-framework.rtl header {
  /* Right-to-Left support - element to be removed when it's used */
  direction: rtl;
  text-align: right !important;
}
#myDocument .my-framework.rtl > * {
  direction: rtl;
  text-align: right;
}
#myDocument .my-framework.rtl .bootstrap-section {
  direction: ltr;
  text-align: left;
}
#myDocument .my-framework.rtl .right {
  float: left;
}
#myDocument .my-framework.rtl .left {
  float: right;
}
#myDocument .my-framework.rtl p img.left {
  margin: 0 0 0.75em 0.75em;
}
#myDocument .my-framework.rtl p img.right {
  margin: 0 0.75em 0.75em 0;
}
#myDocument .my-framework.rtl .with-label.left {
  margin-left: 1.5em;
  margin-right: 0;
}
#myDocument .my-framework.rtl .with-label.right {
  margin-left: 0;
  margin-right: 1.5em;
}
#myDocument .my-framework.rtl p .remark {
  left: auto;
  right: -2em;
  float: right;
}
#myDocument .my-framework.rtl p .remark.right {
  left: -2em;
  right: auto;
  float: left;
}
#myDocument .my-framework.rtl .list-enumerated .item, #myDocument .my-framework.rtl .enumerated .item {
  margin-right: 0;
  margin-left: 0.5em;
}
#myDocument .my-framework.rtl header > .icon {
  float: left;
}
#myDocument .my-framework.rtl * .icon, #myDocument .my-framework.rtl * .message {
  text-align: center !important;
}
#myDocument .my-framework.rtl * .icon.main {
  text-align: center !important;
}
#myDocument .my-framework.rtl .icon.right {
  margin-left: 0;
  margin-right: 16px;
  float: left;
}
#myDocument .my-framework.rtl .icon.left {
  margin-left: 6px;
  margin-right: 0;
  float: right;
}
#myDocument .my-framework.rtl .icon.left.main {
  margin-top: 0.25em;
}
#myDocument .my-framework.rtl .input-wrapper > .icon {
  right: auto;
  left: 0.62em;
}
#myDocument .my-framework.rtl .flyer .content > .icon.right {
  float: left;
}
#myDocument .my-framework.rtl .close {
  float: left;
}
#myDocument .my-framework.rtl * > span.title {
  float: none;
}
#myDocument .my-framework.rtl.chrome .framework a > span.title, #myDocument .my-framework.rtl.webkit .framework a > span.title {
  float: right;
}
#myDocument .my-framework.rtl .breadcrumb .item {
  float: right;
}
#myDocument .my-framework.rtl .menu.breadcrumb > .item, #myDocument .my-framework.rtl .menu-list.breadcrumb > .item {
  margin: 0 0 0 1em;
  float: right;
}
#myDocument .my-framework.rtl .menu.breadcrumb > .item .icon, #myDocument .my-framework.rtl .menu-list.breadcrumb > .item .icon {
  margin-left: 0;
  margin-right: 1em;
}
#myDocument .my-framework.rtl .input-wrapper.with-icon .input {
  padding-right: 1em;
  padding-left: 3em;
}
#myDocument .my-framework.rtl .button-group .item {
  float: right;
}
#myDocument .my-framework.rtl .scrollup {
  right: auto;
  left: 0.75em;
}
#myDocument .my-framework.rtl label {
  padding-right: 0;
  padding-left: 0.5em;
}
#myDocument .my-framework.rtl form input[type="text"], #myDocument .my-framework.rtl form input[type="password"], #myDocument .my-framework.rtl form .input.text, #myDocument .my-framework.rtl form textarea, #myDocument .my-framework.rtl form select {
  margin-right: 0;
  margin-left: 1em;
}
#myDocument .my-framework.rtl .input-wrapper.multiple .input, #myDocument .my-framework.rtl .input-wrapper.multiple input[type="text"], #myDocument .my-framework.rtl .input-wrapper.multiple .input:focus, #myDocument .my-framework.rtl .input-wrapper.multiple input[type="text"]:focus {
  margin-left: 0;
  float: right;
}
#myDocument .my-framework.rtl .input-wrapper input[type="text"], #myDocument .my-framework.rtl .input-wrapper input[type="password"], #myDocument .my-framework.rtl .input-wrapper .input.text {
  margin-left: 0;
}
#myDocument .my-framework.rtl .overlay .icon {
  right: auto;
  left: 0;
}
#myDocument .my-framework.rtl .overlay {
  left: auto;
  right: 0;
}
#myDocument .my-framework.rtl .drop-caps:first-letter, #myDocument .my-framework.rtl .drop-caps::first-letter {
  float: none;
  padding-right: 0;
  padding-left: 0.125em;
}
#myDocument .my-framework.rtl .with-tag .tag {
  right: auto;
  left: -0.75em;
}
#myDocument .my-framework.rtl .input.radio, #myDocument .my-framework.rtl .input.checkbox {
  margin-right: 0;
  margin-left: 0.5em;
}
#myDocument .my-framework.rtl label + input.radio:last-child, #myDocument .my-framework.rtl label + input.checkbox:last-child {
  float: right;
}
#myDocument .my-framework.rtl .more-content {
  text-align: center !important;
}
#myDocument .my-framework.rtl .controls-horizontal {
  right: auto;
  left: 15em;
}
#myDocument .my-framework.rtl .controls.left {
  left: auto;
  right: 30em;
}
#myDocument .my-framework.rtl .controls {
  right: auto;
  left: 0;
}
#myDocument .my-framework.rtl .box.closable .controls-horizontal {
  right: auto;
  left: 0.5em;
}
#myDocument .my-framework.rtl .comments > .list > .item aside.comment-block {
  padding-left: 1em;
  padding-right: 0;
  float: left;
}
#myDocument .my-framework.rtl .comments > .list > .item aside.commenter {
  float: right !important;
}
#myDocument .my-framework.rtl .comments > .list > .item aside.comment-block .controls {
  right: auto;
  left: 0;
}
#myDocument .my-framework.rtl .menu-list {
  float: right;
}
#myDocument .my-framework.rtl .pagination {
  float: right;
}
#myDocument .my-framework.rtl .pagination .item {
  float: right;
}
#myDocument .my-framework.rtl .pagination .item:first-child, #myDocument .my-framework.rtl .pagination .item:last-child, #myDocument .my-framework.rtl .pagination .item:first-child a, #myDocument .my-framework.rtl .pagination .item:last-child a {
  direction: rtl;
}
#myDocument .my-framework.rtl .ribbon-left {
  left: 0;
}
#myDocument .my-framework.rtl .ribbon {
  margin-left: 0;
  margin-right: -10px;
}
#myDocument .my-framework.rtl .pane .controls {
  right: auto;
  left: 0;
}
#myDocument .my-framework.rtl .moving-right:hover {
  margin-right: 1.5em;
  margin-left: 0;
}
#myDocument .my-framework.rtl .moving-left:hover {
  margin-right: -1.5em;
  margin-left: 0;
}
#myDocument .my-framework.rtl .social .item {
  float: right;
  margin: 0 0 0.25em 0.25em;
}
#myDocument .my-framework.rtl .social .item:last-child {
  margin-left: 0;
}
#myDocument .my-framework.rtl .timeline .list .item {
  float: right;
}
#myDocument .my-framework.rtl .timeline.vertical .list .item .content {
  left: auto;
  right: 4em;
}
#myDocument .my-framework.rtl .timeline.vertical .list .item .dot {
  left: auto;
  right: -0.3em;
}
#myDocument .my-framework.rtl .timeline.vertical .list .item img.dot {
  left: auto;
  right: -1.75em;
}
#myDocument .my-framework.rtl .timeline.vertical .list .item .datetime, #myDocument .my-framework.rtl .timeline.vertical .list .item .title {
  left: auto;
  right: -16.5em;
}
#myDocument .my-framework.rtl .timeline.vertical .list .item .title {
  max-width: 180px;
}
#myDocument .my-framework.rtl .menu > .item, #myDocument .my-framework.rtl .menu-list > .item {
  float: right;
}
#myDocument .my-framework.rtl .menu.vertical > .item, #myDocument .my-framework.rtl .menu-list.vertical > .item {
  float: none;
}
#myDocument .my-framework.rtl .menu.vertical.docked > .item > .link .icon-default, #myDocument .my-framework.rtl .menu-list.vertical.docked > .item > .link .icon-default {
  margin-right: 0;
}
#myDocument .my-framework.rtl .caption {
  left: auto;
  right: 0;
}
#myDocument .my-framework.rtl .pricing-table thead th .title, #myDocument .my-framework.rtl .pricing-table tfoot td a {
  text-align: center !important;
}
#myDocument .my-framework.rtl .table.pricing .list .item.header .title, #myDocument .my-framework.rtl .table.pricing .list .item .title {
  text-align: center !important;
}
#myDocument .my-framework.rtl .table .list {
  float: right;
}
#myDocument .my-framework.rtl .table .col .item {
  border-right: none;
  border-left: 0.0833em solid hsla(220, 33%, 98%, 1);
}
#myDocument .my-framework.rtl .feedback, #myDocument .my-framework.rtl .feedback-right {
  float: right;
}
#myDocument .my-framework.rtl .feedback-roll .feedback {
  float: none;
}
#myDocument .my-framework.rtl .comments .post-comment button {
  right: auto;
  left: 0;
}
#myDocument .my-framework.rtl .horizontal-terms dt {
  float: right;
}
#myDocument .my-framework.rtl .horizontal-terms dd {
  margin-left: 0;
  margin-right: 3%;
}
#myDocument .my-framework.rtl .pagination {
  float: none;
}
#myDocument .my-framework.rtl .pagination > .item.right, #myDocument .my-framework.rtl .pagination > li.right {
  float: left;
}
#myDocument .my-framework.rtl .transforms > .item {
  left: auto;
  right: 15em;
}
#myDocument .my-framework.rtl .transforms > .item.title {
  right: 0;
}
#myDocument .my-framework.rtl .comments > .list > .item.replied .reply .replier {
  margin-left: 0;
  margin-right: 4em;
}
#myDocument .my-framework.rtl .comments > .list > .item.replied .reply .replier > .icon {
  left: auto !important;
  right: -1em;
  transform: scaleX(1);
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#myDocument .my-framework.rtl .comments > .list > .item.replied .reply .replier + .reply {
  margin-left: 0;
  margin-right: 4em;
}
#myDocument .my-framework.rtl .thumbs .item {
  padding: 0 0 1em 0.5em;
  float: right;
}
#myDocument .my-framework.rtl .floating-nav.previous, #myDocument .my-framework.rtl .floating-nav.left {
  left: auto;
  right: 0;
}
#myDocument .my-framework.rtl .floating-nav.next, #myDocument .my-framework.rtl .floating-nav.right {
  left: 0;
  right: auto;
}
#myDocument .my-framework.rtl .floating-nav .icon.right {
  margin-right: 0.5em;
  margin-left: 0;
}
#myDocument .my-framework.rtl .floating-nav .icon.left {
  margin-right: 0;
  margin-left: 0.5em;
}

/* Layout */
.clearfix:before, .clearfix:after, .rtl .menu-list:before, .rtl .menu-list:after, .rtl .pagination:before, .rtl .pagination:after {
  content: " ";
  display: table;
}

.clearfix:after, .rtl .menu-list:after, .rtl .pagination:after {
  clear: both;
}

.clearfix, .rtl .menu-list, .rtl .pagination {
  *zoom: 1;
}

/* Helpers */
.clearfix:before, .clearfix:after, .rtl .menu-list:before, .rtl .menu-list:after, .rtl .pagination:before, .rtl .pagination:after {
  content: " ";
  display: table;
}

.clearfix:after, .rtl .menu-list:after, .rtl .pagination:after {
  clear: both;
}

.clearfix, .rtl .menu-list, .rtl .pagination {
  *zoom: 1;
}

/* HELPERS */
/* ScrollUp */
.scrollup {
  opacity: 0.3;
  -moz-opacity: 0.3;
  -webkit-opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  position: fixed;
  bottom: 3em;
  right: 0.75em;
  display: none;
  font-size: 150%;
  padding: 0.25em;
  z-index: 999;
  background-color: hsla(0, 0%, 100%, 1);
}
.scrollup.left {
  right: auto;
  left: 0.75em;
}
.scrollup:hover, .scrollup:active {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.scrollup.bottom {
  background-color: hsla(0, 0%, 0%, 1);
}

/* Components */
/* Font Icons */
/* New Theme */

/*# sourceMappingURL=boot.css.map */
