@charset "UTF-8";
.footable-details.table,.footable-details.table *,.footable.table,.footable.table *{box-sizing:border-box}.footable-details.table th,.footable.table th{text-align:left}.footable-details.table,.footable.table{margin-bottom:20px;max-width:100%;width:100%}.footable.table tbody tr td,.footable.table tr th{word-break:keep-all}.footable-details.table>caption+thead>tr:first-child>td,.footable-details.table>caption+thead>tr:first-child>th,.footable-details.table>colgroup+thead>tr:first-child>td,.footable-details.table>colgroup+thead>tr:first-child>th,.footable-details.table>thead:first-child>tr:first-child>td,.footable-details.table>thead:first-child>tr:first-child>th,.footable.table>caption+thead>tr:first-child>td,.footable.table>caption+thead>tr:first-child>th,.footable.table>colgroup+thead>tr:first-child>td,.footable.table>colgroup+thead>tr:first-child>th,.footable.table>thead:first-child>tr:first-child>td,.footable.table>thead:first-child>tr:first-child>th{border-top:0}.footable-details.table>tbody>tr>td,.footable-details.table>tbody>tr>th,.footable-details.table>tfoot>tr>td,.footable-details.table>tfoot>tr>th,.footable-details.table>thead>tr>td,.footable-details.table>thead>tr>th,.footable.table>tbody>tr>td,.footable.table>tbody>tr>th,.footable.table>tfoot>tr>td,.footable.table>tfoot>tr>th,.footable.table>thead>tr>td,.footable.table>thead>tr>th{border-top:1px solid transparent;line-height:1.42857143;padding:8px;vertical-align:top}.footable-details.table>thead>tr>td,.footable-details.table>thead>tr>th,.footable.table>thead>tr>td,.footable.table>thead>tr>th{border-bottom:2px solid #ddd;vertical-align:bottom}.footable-details.table-condensed>tbody>tr>td,.footable-details.table-condensed>tbody>tr>th,.footable-details.table-condensed>tfoot>tr>td,.footable-details.table-condensed>tfoot>tr>th,.footable-details.table-condensed>thead>tr>td,.footable-details.table-condensed>thead>tr>th,.footable.table-condensed>tbody>tr>td,.footable.table-condensed>tbody>tr>th,.footable.table-condensed>tfoot>tr>td,.footable.table-condensed>tfoot>tr>th,.footable.table-condensed>thead>tr>td,.footable.table-condensed>thead>tr>th{padding:5px}.footable-details.table-bordered,.footable-details.table-bordered>tbody>tr>td,.footable-details.table-bordered>tbody>tr>th,.footable-details.table-bordered>tfoot>tr>td,.footable-details.table-bordered>tfoot>tr>th,.footable-details.table-bordered>thead>tr>td,.footable-details.table-bordered>thead>tr>th,.footable.table-bordered,.footable.table-bordered>tbody>tr>td,.footable.table-bordered>tbody>tr>th,.footable.table-bordered>tfoot>tr>td,.footable.table-bordered>tfoot>tr>th,.footable.table-bordered>thead>tr>td,.footable.table-bordered>thead>tr>th{border:1px solid #ddd}.footable-details.table-bordered>thead>tr>td,.footable-details.table-bordered>thead>tr>th,.footable.table-bordered>thead>tr>td,.footable.table-bordered>thead>tr>th{border-bottom-width:2px}.footable-details.table-striped>tbody>tr:nth-child(odd),.footable.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.footable-details.table-hover>tbody>tr:hover,.footable.table-hover>tbody>tr:hover{background-color:#f5f5f5}.footable .btn{background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857143;margin-bottom:0;overflow:visible;padding:6px 12px;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.footable .btn.focus,.footable .btn:focus,.footable .btn:hover{color:#333;text-decoration:none}.footable .btn-default{background-color:#fff;border-color:#ccc;color:#333}.footable .btn-default.active,.footable .btn-default.focus,.footable .btn-default:active,.footable .btn-default:focus,.footable .btn-default:hover,.footable .open>.dropdown-toggle.btn-default{background-color:#e6e6e6;border-color:#adadad;color:#333}.footable .btn-primary{background-color:#337ab7;border-color:#2e6da4;color:#fff}.footable .btn-primary.active,.footable .btn-primary.focus,.footable .btn-primary:active,.footable .btn-primary:focus,.footable .btn-primary:hover,.footable .open>.dropdown-toggle.btn-primary{background-color:#286090;border-color:#204d74;color:#fff}.footable .btn-group,.footable .btn-group-vertical{display:inline-block;position:relative;vertical-align:middle}.footable .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.footable .btn-group>.btn:first-child{margin-left:0}.footable .btn-group-vertical>.btn,.footable .btn-group>.btn{float:left;position:relative}.footable .btn-group-xs>.btn,.footable .btn-xs{border-radius:3px;font-size:12px;line-height:1.5;padding:1px 5px}.footable .btn-group-sm>.btn,.footable .btn-sm{border-radius:3px;font-size:12px;line-height:1.5;padding:5px 10px}.footable .btn-group-lg>.btn,.footable .btn-lg{border-radius:6px;font-size:18px;line-height:1.3333333;padding:10px 16px}.footable .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.footable .btn .caret{margin-left:0}.form-group{margin-bottom:15px}.footable .form-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;display:block;font-family:inherit;font-size:14px;height:34px;line-height:1.42857143;margin:0;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.footable .input-group{border-collapse:separate;display:table;position:relative}.footable .input-group .form-control{float:left;margin-bottom:0;position:relative;width:100%;z-index:2}.footable .input-group-btn{font-size:0;position:relative;white-space:nowrap}.footable .input-group-addon,.footable .input-group-btn{vertical-align:middle;white-space:nowrap;width:1%}.footable .input-group .form-control,.footable .input-group-addon,.footable .input-group-btn{display:table-cell}.footable .input-group-btn:last-child>.btn,.footable .input-group-btn:last-child>.btn-group,.footable .input-group-btn>.btn+.btn{margin-left:-1px}.footable .input-group-btn>.btn{position:relative}.footable .input-group-btn>.btn:active,.footable .input-group-btn>.btn:focus,.footable .input-group-btn>.btn:hover{z-index:2}.footable .input-group .form-control:first-child,.footable .input-group-addon:first-child,.footable .input-group-btn:first-child>.btn,.footable .input-group-btn:first-child>.btn-group>.btn,.footable .input-group-btn:first-child>.dropdown-toggle,.footable .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.footable .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.footable .input-group .form-control:last-child,.footable .input-group-addon:last-child,.footable .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.footable .input-group-btn:first-child>.btn:not(:first-child),.footable .input-group-btn:last-child>.btn,.footable .input-group-btn:last-child>.btn-group>.btn,.footable .input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.footable .checkbox,.footable .radio{display:block;margin-bottom:10px;margin-top:10px;position:relative}.footable .checkbox label,.footable .radio label{cursor:pointer;font-weight:400;margin-bottom:0;max-width:100%;min-height:20px;padding-left:20px}.footable .checkbox input[type=checkbox],.footable .checkbox-inline input[type=checkbox],.footable .radio input[type=radio],.footable .radio-inline input[type=radio]{line-height:normal;margin:4px 0 0 -20px;position:absolute}.footable .checkbox-inline input[type=checkbox]{display:block!important}.footable .dropdown-menu{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;float:left;font-size:14px;left:0;list-style:none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:1000}.footable .open>.dropdown-menu{display:block;list-style:none!important}.footable .dropdown-menu-right{left:auto;right:0}.footable .dropdown-menu>li>a{clear:both;color:#333;display:block;font-weight:400;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.footable .dropdown-menu>li>a:focus,.footable .dropdown-menu>li>a:hover{background-color:#f5f5f5;color:#262626;text-decoration:none}.footable .pagination{border-radius:4px;display:inline-block;margin:20px 0;padding-left:0}.footable .pagination>li{display:inline}.footable .pagination>li:first-child>a,.footable .pagination>li:first-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.footable .pagination>li>a,.footable .pagination>li>span{background-color:#fff;border:1px solid #ddd;color:#337ab7;float:left;line-height:1.42857143;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none!important}.footable .pagination>li>a:focus,.footable .pagination>li>a:hover,.footable .pagination>li>span:focus,.footable .pagination>li>span:hover{background-color:#eee;border-color:#ddd;color:#23527c}.footable .pagination>.active>a,.footable .pagination>.active>a:focus,.footable .pagination>.active>a:hover,.footable .pagination>.active>span,.footable .pagination>.active>span:focus,.footable .pagination>.active>span:hover{background-color:#337ab7;border-color:#337ab7;color:#fff;cursor:default;z-index:2}.footable .pagination>.disabled>a,.footable .pagination>.disabled>a:focus,.footable .pagination>.disabled>a:hover,.footable .pagination>.disabled>span,.footable .pagination>.disabled>span:focus,.footable .pagination>.disabled>span:hover{background-color:#fff;border-color:#ddd;color:#777;cursor:not-allowed}.footable .label{border-radius:.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}.footable .label-default{background-color:#777}.footable-loader.well{background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);margin-bottom:20px;min-height:20px;padding:19px}.footable .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media(min-width:768px),print{.footable .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.footable .form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.footable .form-inline .input-group{display:inline-table;vertical-align:middle}.footable .form-inline .input-group .form-control,.footable .form-inline .input-group .input-group-addon,.footable .form-inline .input-group .input-group-btn{width:auto}.footable .form-inline .input-group>.form-control{width:100%}}table.footable,table.footable-details{border-collapse:collapse;border-spacing:0;position:relative;width:100%}table.footable-details{margin-bottom:0}table.footable-hide-fouc{display:none}table>tbody>tr>td>span.footable-toggle{margin-right:8px;opacity:.3}table>tbody>tr>td>span.footable-toggle.last-column{float:right;margin-left:8px}table.table-condensed>tbody>tr>td>span.footable-toggle{margin-right:5px}table.footable-details>tbody>tr>th:first-child{min-width:40px;width:140px}table.footable-details>tbody>tr>td:nth-child(2){word-break:keep-all!important}table.footable-details>tbody>tr:first-child>td,table.footable-details>tbody>tr:first-child>th,table.footable-details>tfoot>tr:first-child>td,table.footable-details>tfoot>tr:first-child>th,table.footable-details>thead>tr:first-child>td,table.footable-details>thead>tr:first-child>th{border-top-width:0}table.footable-details.table-bordered>tbody>tr:first-child>td,table.footable-details.table-bordered>tbody>tr:first-child>th,table.footable-details.table-bordered>tfoot>tr:first-child>td,table.footable-details.table-bordered>tfoot>tr:first-child>th,table.footable-details.table-bordered>thead>tr:first-child>td,table.footable-details.table-bordered>thead>tr:first-child>th{border-top-width:1px}div.footable-loader{height:300px;position:relative;text-align:center;vertical-align:middle}div.footable-loader>span.fooicon{animation:fooicon-spin-r 2s linear infinite;display:inline-block;font-size:30px;height:32px;left:50%;line-height:32px;margin-left:-16px;margin-top:-16px;opacity:.3;position:absolute;top:50%;width:32px}table.footable>tbody>tr.footable-empty>td{font-size:30px;text-align:center;vertical-align:middle}table.footable>tbody>tr.footable-detail-row>td,table.footable>tbody>tr.footable-detail-row>th,table.footable>tbody>tr.footable-empty>td,table.footable>tbody>tr.footable-empty>th{display:table-cell}@keyframes fooicon-spin-r{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}table.footable>thead>tr.footable-filtering>th{border-bottom-width:1px;font-weight:400}.footable-filtering-external.footable-filtering-right,table.footable.footable-filtering-right>thead>tr.footable-filtering>th,table.footable>thead>tr.footable-filtering>th{text-align:right}.footable-filtering-external.footable-filtering-left,table.footable.footable-filtering-left>thead>tr.footable-filtering>th{text-align:left}.footable-filtering-external.footable-filtering-center,table.footable.footable-filtering-center>thead>tr.footable-filtering>th{text-align:center}table.footable>thead>tr.footable-filtering>th div.form-group{margin-bottom:0}table.footable>thead>tr.footable-filtering>th div.form-group+div.form-group{margin-top:5px}table.footable>thead>tr.footable-filtering>th div.input-group{width:100%}.footable-filtering-external ul.dropdown-menu>li>a.checkbox,table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox{display:block;margin:0;position:relative}.footable-filtering-external ul.dropdown-menu>li>a.checkbox>label,table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox>label{display:block;padding-left:20px}.footable-filtering-external ul.dropdown-menu>li>a.checkbox input[type=checkbox],table.footable>thead>tr.footable-filtering>th ul.dropdown-menu>li>a.checkbox input[type=checkbox]{margin-left:-20px;position:absolute}@media(min-width:768px){table.footable>thead>tr.footable-filtering>th div.input-group{width:auto}table.footable>thead>tr.footable-filtering>th div.form-group{margin-left:2px;margin-right:2px}table.footable>thead>tr.footable-filtering>th div.form-group+div.form-group{margin-top:0}}table.footable>tbody>tr>td.footable-sortable,table.footable>tbody>tr>th.footable-sortable,table.footable>tfoot>tr>td.footable-sortable,table.footable>tfoot>tr>th.footable-sortable,table.footable>thead>tr>td.footable-sortable,table.footable>thead>tr>th.footable-sortable{cursor:pointer;padding-right:30px;position:relative}td.footable-sortable>span.fooicon,th.footable-sortable>span.fooicon{margin-top:-7px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .3s ease-in}td.footable-sortable.footable-asc>span.fooicon,td.footable-sortable.footable-desc>span.fooicon,td.footable-sortable:hover>span.fooicon,th.footable-sortable.footable-asc>span.fooicon,th.footable-sortable.footable-desc>span.fooicon,th.footable-sortable:hover>span.fooicon{opacity:1}table.footable-sorting-disabled td.footable-sortable.footable-asc>span.fooicon,table.footable-sorting-disabled td.footable-sortable.footable-desc>span.fooicon,table.footable-sorting-disabled td.footable-sortable:hover>span.fooicon,table.footable-sorting-disabled th.footable-sortable.footable-asc>span.fooicon,table.footable-sorting-disabled th.footable-sortable.footable-desc>span.fooicon,table.footable-sorting-disabled th.footable-sortable:hover>span.fooicon{opacity:0;visibility:hidden}.footable-paging-external ul.pagination,table.footable>tfoot>tr.footable-paging>td>ul.pagination{margin:10px 0 0}.footable-paging-external span.label,table.footable>tfoot>tr.footable-paging>td>span.label{display:inline-block;margin:0 0 10px;padding:4px 10px}.footable-paging-external.footable-paging-center,table.footable-paging-center>tfoot>tr.footable-paging>td,table.footable>tfoot>tr.footable-paging>td{text-align:center}.footable-paging-external.footable-paging-left,table.footable-paging-left>tfoot>tr.footable-paging>td{text-align:left}.footable-paging-external.footable-paging-right,table.footable-paging-right>tfoot>tr.footable-paging>td{text-align:right}ul.pagination>li.footable-page{display:none}ul.pagination>li.footable-page.visible{display:inline}td.footable-editing{max-width:90px;width:90px}table.footable-editing-no-delete td.footable-editing,table.footable-editing-no-edit td.footable-editing,table.footable-editing-no-view td.footable-editing{max-width:70px;width:70px}table.footable-editing-no-delete.footable-editing-no-view td.footable-editing,table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing,table.footable-editing-no-edit.footable-editing-no-view td.footable-editing{max-width:50px;width:50px}table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing,table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing{display:none!important;max-width:0;width:0}table.footable-editing-right td.footable-editing,table.footable-editing-right tr.footable-editing{text-align:right}table.footable-editing-left td.footable-editing,table.footable-editing-left tr.footable-editing{text-align:left}table.footable-editing button.footable-add,table.footable-editing button.footable-hide,table.footable-editing-show button.footable-show,table.footable-editing.footable-editing-always-show button.footable-hide,table.footable-editing.footable-editing-always-show button.footable-show,table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing{display:none}table.footable-editing.footable-editing-always-show button.footable-add,table.footable-editing.footable-editing-show button.footable-add,table.footable-editing.footable-editing-show button.footable-hide{display:inline-block}.nt_fct_add_cart_wrapper{align-items:center;display:flex}.nt_fct_add_cart_wrapper:after{content:"";display:inline-block;height:16px;margin-left:5px;padding:5px;width:16px}.nt_fct_add_cart_wrapper.added:after{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3)}.nt_fct_add_cart_wrapper.loading:after{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/loading.svg?5b76116db03a32e7a064ad71f41a84d3)}.nt_fct_variations_select{background-position:right 0 center;background-repeat:no-repeat;background-size:12px;padding:5px 10px;width:100%}.nt_button_fct{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,0)),#1c2732!important;border:1px solid hsla(0,0%,100%,.12);border-radius:inherit;box-shadow:0 1px 2px 0 rgba(27,28,29,.48),0 0 0 1px #242628;color:#fff!important;cursor:pointer;display:inline-block;margin:3px 0;padding:5px!important;position:relative;text-decoration:none!important;transition-duration:.4s;-webkit-transition-duration:.4s;white-space:nowrap}.foo-table{table-layout:auto}.foo-table>caption{color:#000}.foo-table .footable-filtering .ninja_multi_select_yes{display:flex;height:0;padding:0;position:relative}.foo-table .footable-filtering .ninja_multi_select_yes option{font-size:14px;font-weight:400;padding:6px 6px 6px 35px}.foo-table .footable-filtering .optWrapper .options li label{font-size:14px;font-weight:400}.foo-table .nt_add_cart_wrapper .single_add_to_cart_button,.foo-table .nt_button_woo,.foo-table .nt_woo_view_cart{-webkit-font-smoothing:antialiased;background-color:#a46497;border:0;color:#fff;display:flex;margin:3px 0;max-height:50px;min-height:20px;padding:6px 10px;position:relative;text-decoration:none;transition-duration:.4s;white-space:nowrap}.foo-table .nt_add_cart_wrapper .single_add_to_cart_button span.fooicon-loader,.foo-table .nt_button_woo span.fooicon-loader,.foo-table .nt_woo_view_cart span.fooicon-loader{animation:fooicon-spin-r .7s linear infinite;left:0;margin-top:-10px;position:absolute;top:50%}.foo-table .nt_add_cart_wrapper .single_add_to_cart_button:after,.foo-table .nt_button_woo:after,.foo-table .nt_woo_view_cart:after{background:gray;bottom:0;color:#000;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .8s}.foo-table .nt_add_cart_wrapper .single_add_to_cart_button:active:after,.foo-table .nt_button_woo:active:after,.foo-table .nt_woo_view_cart:active:after{margin:0;opacity:.5;padding:0;transition:0s}.foo-table .nt-quantity-wrapper{display:inline-block;height:40px;position:relative;vertical-align:middle;white-space:nowrap;width:auto;width:64px}.foo-table .nt-quantity-wrapper input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background:#fff;border:1px solid #ddd;border-radius:inherit;box-sizing:border-box;color:#000;font-size:inherit;height:100%!important;margin:0!important;padding:5px;text-align:center;width:100%!important}.foo-table .nt_add_cart_wrapper .wc_product_variable{opacity:.5}.foo-table .nt_add_cart_wrapper select{margin-bottom:5px!important}.foo-table .nt_btn{border:1px solid transparent;display:inline-block;font-size:14px;padding:7px 15px;text-decoration:none}.foo-table .nt_btn.nt_rounded_btn{border-radius:4px}.foo-table .nt_btn:hover{border-color:transparent;opacity:.9}.foo-table.footable.table>thead>tr>th{padding:.92857143em .78571429em}.foo-table td.footable-editing,.foo-table th.footable-editing{width:auto!important}.foo-table td.footable-editing .btn-group button{border-radius:3px;margin:0;padding:1px 5px}.foo-table td.footable-editing .btn-group button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.foo-table td.footable-editing .btn-group button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.foo-table .form-inline{display:block!important;margin-bottom:0}.foo-table.ninja_search_left tr.footable-filtering .form-inline{text-align:left}.foo-table.ninja_search_right tr.footable-filtering .form-inline{text-align:right}.foo-table.ninja_search_center tr.footable-filtering .form-inline{text-align:center}.foo-table td.ninja_temp_cell{display:none!important}.foo-table span.label.label-default{display:none;visibility:hidden}.foo-table.ninja_has_count_format span.label.label-default{display:inline-block;visibility:visible}.foo-table.footable-paging-right .footable-pagination-wrapper{text-align:right}.foo-table.footable-paging-center .footable-pagination-wrapper{text-align:center}.foo-table.footable-paging-left .footable-pagination-wrapper{text-align:left}.foo-table .footable-pagination-wrapper .pagination:after,.foo-table .footable-pagination-wrapper .pagination:before{content:none!important}.foo-table table.footable-details tr th{overflow:visible!important;text-overflow:unset!important;white-space:normal}.foo-table tr.footable-filtering th{overflow:visible!important}.foo-table .pagination{border:none;font-weight:500;padding:0}.foo-table button.btn.btn-default.dropdown-toggle{left:0;right:0;top:0}.foo-table button.btn.btn-default.dropdown-toggle:after{content:"";display:none!important}.foo-table li.dropdown-header{color:#333;padding-bottom:5px;padding-left:20px}.foo-table ul.dropdown-menu.dropdown-menu-right li:last-child a{border-bottom:0!important;box-shadow:none}.foo-table ul.dropdown-menu.dropdown-menu-right li a:hover{box-shadow:inset 0 0 0 transparent,0 1px 0 #000}.foo-table span.footable-toggle{cursor:pointer}.foo-table.ninjatable_hide_header_row>thead tr.footable-header{display:none!important;visibility:hidden}.foo-table.hide_all_borders.table{border-color:transparent}.foo-table.hide_all_borders.table thead{border-color:transparent!important}.foo-table.hide_all_borders.table thead td,.foo-table.hide_all_borders.table thead tr,.foo-table.hide_all_borders.table thead tr>th{border-color:transparent!important;border-width:0!important}.foo-table.hide_all_borders.table tbody td,.foo-table.hide_all_borders.table tbody th{border-color:transparent!important}.foo-table.hide_all_borders.table tfoot tr>td{border:0!important}.foo-table.ninja_table_search_disabled>thead tr.footable-filtering .footable-filtering-search{display:none!important;visibility:hidden!important}.foo-table .form-group.footable-filtering-search input.form-control{margin-bottom:0!important}.foo-table tbody tr.footable-detail-row>td{padding:0!important}.foo-table tbody tr.footable-detail-row td table.footable-details:not(.ninja_custom_color){margin-bottom:0}.foo-table select.nt_pager_selection{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;display:inline-block;font-family:inherit;font-size:14px;height:35px;line-height:1.42857143;margin-left:5px!important;margin:0;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:auto}.foo-table .form-group.footable-filtering-search .input-group-btn>button{height:34px!important;margin:0!important;min-height:unset!important;padding:6px 12px!important}.foo-table tbody tr td a,.foo-table tbody tr td h1,.foo-table tbody tr td h2,.foo-table tbody tr td h3,.foo-table tbody tr td p{margin:0;padding:0}.foo-table img{max-width:100%}.foo-table tbody tr td,.foo-table tbody tr th,.foo-table tbody tr:nth-child(2n) td,.foo-table tbody tr:nth-child(2n) th,.foo-table tbody tr:nth-child(odd) td,.foo-table tbody tr:nth-child(odd) th{background-color:transparent}.foo-table .softmerge-inner{width:100%!important}.footable_parent{overflow-x:auto;width:100%}.footable_parent table.foo-table.vertical_centered tbody>tr>td,.footable_parent table.foo-table.vertical_centered thead>tr>th{vertical-align:middle}.footable_parent>.foo-table.ninja_require_initial_hide.nt_type_legacy_table,.ninja_table_pro table.footable-details tr.nt_has_hide{display:none!important}.ninja_table_pro.nt_hide_breakpoint_labels table.footable-details tbody>tr>th{display:none}.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search{width:100%}.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group{display:block;position:relative}.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group>.form-control{display:inline-block;float:none}.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group .input-group-btn{position:absolute;right:0;top:0;z-index:2}@media(max-width:768px){.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group .input-group-btn{width:auto}}.loading_ninja_table1{background:gray!important;height:200px;width:100%}.loading_ninja_table1 table{display:none}table.ninja_footable col.hidden,table.ninja_footable>thead>tr>th.hidden{display:none!important}@media(max-width:767px){table.ninja_footable col.xs,table.ninja_footable>thead>tr>th.xs{display:none}}@media(min-width:768px)and (max-width:991px){table.ninja_footable col.sm,table.ninja_footable>thead>tr>th.sm{display:none}}@media(min-width:992px)and (max-width:1199px){table.ninja_footable col.md,table.ninja_footable>thead>tr>th.md{display:none}}@media(min-width:1200px){table.ninja_footable col.lg,table.ninja_footable>thead>tr>th.lg{display:none}}.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio>label,.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label{display:inline-block;margin-right:15px}@media(max-width:767px){.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio>label,.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label{display:block}}.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio>label:last-child,.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label:last-child{margin-right:0}.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio>label input,.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label input{margin-right:10px}.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio label.ninja_filter_title,.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox label.ninja_filter_title{margin-right:0}.ninja_table_wrapper table thead .footable-filtering .ninja_filter_title{margin-right:10px}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline{display:block;line-height:33px;width:100%}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group{text-align:left}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .form-control,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .input-group{width:100%}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group>.ninja_filter_title{display:block;font-weight:700}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .input-group,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group.ninja_reset_wrapper .ninja_reset_button{width:100%}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .input-group .input-group-btn{width:70px!important}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .ninja_filter_date_range,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .ninja_filter_number_range{margin:0 2% 0 0;width:49%}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_title,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .ninja_filter_date_range:last-child,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .ninja_filter_number_range:last-child{margin-right:0}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_date_from,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_number_from{margin-right:10px}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_date_from,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_date_to,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_number_from,.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_number_to{margin-bottom:5px}.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search{padding:0 5px!important}.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline>.form-group{float:left;margin:0 0 20px;padding:0 5px;width:50%}.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline>.form-group:last-child{padding-right:0}@media(max-width:767px){.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline>.form-group{float:none;padding-right:0;width:100%}}.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline>.form-group:nth-child(odd){clear:both}.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline>.form-group{float:left;margin:0 0 20px;padding:0 5px;width:33.3%}.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline>.form-group:last-child{padding-right:0}@media(max-width:767px){.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline>.form-group{float:none;padding-right:0;width:100%}}.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline>.form-group:nth-child(3n+1){clear:both}.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group{float:left;margin:0 0 20px;padding:0 5px;width:25%}.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group:last-child{padding-right:0}@media(max-width:767px){.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group{float:none;padding-right:0;width:100%}}.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group:nth-child(4n+1){clear:both}.ninja_table_wrapper .ninja_reset_button{background:#dc3545;border-color:#dc3545;color:#fff}.ninja_table_wrapper .ninja_reset_button:hover{background-color:#c82333;border-color:#bd2130;color:#fff}.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline{display:block;width:100%}.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group{margin-bottom:10px}.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline .ninja_custom_radio .ninja_filter_title{margin-right:10px}.ninja_table_wrapper .ninja_table_buttons{clear:both;display:block;overflow:hidden}.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_left{text-align:left}.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_center{text-align:center}.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_right{text-align:right}.ninja_table_wrapper .ninja_table_buttons.after_search_box{margin-top:10px}.ninja_table_wrapper .ninja_table_buttons.before_table{margin-bottom:10px}.ninja_table_wrapper .ninja_table_buttons .ninja_button{border-radius:0;border-right:1px solid;padding:5px 10px}.ninja_table_wrapper .ninja_table_buttons .ninja_button:last-child{border-right:none}@media print{.ninja_table_print_view .footable_parent{overflow-x:initial!important;width:100%}.ninja_table_print_view .footable-editing{display:none!important}.ninja_table_print_view .ninja_footable{page-break-inside:auto}.ninja_table_print_view .ninja_footable tr{page-break-after:auto;page-break-inside:avoid}.ninja_table_print_view .ninja_footable thead{display:table-header-group}.ninja_table_print_view .ninja_footable tfoot{display:table-footer-group}}.ninja_table_wrapper .cart_details{display:block;position:relative;text-align:right}.ninja_table_wrapper .cart_details .nt_woo_cart_checkout_bttons,.ninja_table_wrapper .cart_details .nt_woo_items{display:inline-block}.ninja_table_wrapper .cart_details .nt_woo_items{padding-right:10px}.ninja_table_wrapper .fct-cart-details{align-items:center;display:flex;justify-content:flex-end;position:relative}.ninjatable_cart_wrapper{margin-bottom:10px}.foo-table:not(.ninja_stacked_table) tbody tr.footable-detail-row>td{padding:5px!important}.nt_add_cart_wrapper{display:flex}.nt_add_cart_wrapper.center{justify-content:center}.nt_add_cart_wrapper.left{justify-content:start}.nt_add_cart_wrapper.right{justify-content:end}.nt_added_cart{align-items:center;display:flex;white-space:nowrap;width:auto}.nt_added_cart a.added_to_cart.wc-forward{background:transparent;box-shadow:none;color:#000;display:inline-block;text-decoration:none!important}.nt_added_cart a.added_to_cart.wc-forward:after{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3);content:"";display:inline-block;height:16px;width:16px}.nt_variations_form .variations{display:flex;gap:5px;justify-content:flex-end;margin-bottom:5px;max-height:2rem}.nt_variations_form .variations .nt_variation_select{font-size:13px;height:2rem;max-height:3rem;min-height:1.5rem}.nt_variations_form .single_variation_wrap{align-items:center;display:flex;flex-direction:column-reverse;gap:5px;justify-content:flex-end}.nt_variations_form .single_variation_wrap .variations_button{align-items:center;display:flex;justify-content:flex-end;width:100%}.nt_variations_form .single_variation_wrap .variations_button .disabled{opacity:.5}.nt_variations_form .single_variation_wrap .variations_button .quantity[data-type=type-2],.nt_variations_form .single_variation_wrap .variations_button .quantity[data-type=type-2] input[type=number]{all:revert}.nt_variations_form .single_variation_wrap .variations_button .quantity,.nt_variations_form .single_variation_wrap .variations_button .quantity[data-type=type-2]{display:none!important;height:35px;margin-right:5px;margin-top:4px}.nt_variations_form .single_variation_wrap .variations_button .quantity .input-text.qty,.nt_variations_form .single_variation_wrap .variations_button .quantity[data-type=type-2] .input-text.qty{max-width:60px;min-width:50px}.nt_variations_form .single_variation_wrap .variations_button .quantity .ct-decrease,.nt_variations_form .single_variation_wrap .variations_button .quantity .ct-increase,.nt_variations_form .single_variation_wrap .variations_button .quantity[data-type=type-2] .ct-decrease,.nt_variations_form .single_variation_wrap .variations_button .quantity[data-type=type-2] .ct-increase{display:none}.nt_variations_form .single_variation_wrap .single_variation{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:end}.nt_variations_form .single_variation_wrap .single_variation .woocommerce-variation-description{max-height:20px}.nt_variations_form .single_variation_wrap .single_variation .price{margin:0}.ninja_clmn_nm_nt_product_compare{display:table-cell!important}.ninja-bulk-actions-tr{display:inline-flex}.ninja-bulk-actions-tr .ninja-bulk-actions{display:flex;gap:5px}.ninja-bulk-actions-tr .ninja-bulk-actions .ninja-bulk-action-select{min-width:100px}.ninja_table_wrapper:has(.nt-cart-visible) .ninjatable_cart_wrapper{display:inline-flex;float:right}@media(max-width:768px){.ninja_table_wrapper:has(.nt-cart-visible) .ninjatable_cart_wrapper{margin-top:10px}.ninja-bulk-actions{justify-content:center;margin-bottom:1rem;width:100%}}.footable_parent .fooicon:before{background-repeat:no-repeat;content:"";display:inline-block;height:12px;width:12px}.footable_parent .fooicon-search:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/search-outline.svg?bba4a2929dd97ff32db8b3efa135d0c3);height:16px;width:16px}.footable_parent .fooicon-sort-desc:before{background-color:#000;mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/caret-down-outline.svg?c4104d3d02abb32fa5be2f1ce9b62117);-webkit-mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/caret-down-outline.svg?c4104d3d02abb32fa5be2f1ce9b62117)}.footable_parent .fooicon-sort-asc:before{background-color:#000;mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/caret-up-outline.svg?c2ecf709f595f8f69e47bc9cdce741f1);-webkit-mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/caret-up-outline.svg?c2ecf709f595f8f69e47bc9cdce741f1)}.footable_parent .fooicon-sort:before{background-color:#000;mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/caret-up-down-outline.svg?a1d0648c69b9fb12540b9f6bd9735738);-webkit-mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/caret-up-down-outline.svg?a1d0648c69b9fb12540b9f6bd9735738)}.footable_parent .fooicon-remove:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/remove.svg?71f2cc46c467d79486bf0695c7363605)}.footable_parent .fooicon-minus:before{background-color:#000;mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/remove-outline.svg?25a5d7996ab177af3d24a7e7ea91aa86);-webkit-mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/remove-outline.svg?25a5d7996ab177af3d24a7e7ea91aa86)}.footable_parent .fooicon-plus:before{background-color:#000;mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/add-outline.svg?a4c0b3969a3ed7aaff20c6e06e1beaf4);-webkit-mask-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/add-outline.svg?a4c0b3969a3ed7aaff20c6e06e1beaf4)}.footable_parent .fooicon-loader:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/refresh-outline.svg?aa67b3c5607cd1b4aa4fc6d38d9bfcfd);height:24px;width:24px}.footable_parent .fooicon-delete:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/trash-sharp.svg?5be2225e087c24ea513989293e459a91)}.footable_parent .footable-edit{background-color:#fff!important}.footable_parent .fooicon-pencil:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/pencil-sharp.svg?8a753f49486c15a2720bf3fa4895477f)}.footable_parent .footable-delete{background-color:#fff!important}.footable_parent .fooicon-trash:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/trash-sharp.svg?5be2225e087c24ea513989293e459a91)}.footable_parent .fooicon-remove-1:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/remove.svg?71f2cc46c467d79486bf0695c7363605)}.footable_parent .fooicon-bag:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/bag-handle.svg?cd7a8d49e65fb2fe7df99c8f3d29a08d);height:16px;width:16px}.footable_parent .fooicon-basket:before{background-image:url(//www.intermed.kku.ac.th/wp-content/plugins/ninja-tables/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3);height:16px;width:16px}.bootstrap3 table{background-color:transparent;border-collapse:collapse;border-spacing:0}.bootstrap3 caption{color:#777;padding-bottom:8px;padding-top:8px;text-align:left}.bootstrap3 th{text-align:left}.bootstrap3 .table{margin-bottom:20px;max-width:100%;width:100%}.bootstrap3 .table>tbody>tr>td,.bootstrap3 .table>tbody>tr>th,.bootstrap3 .table>tfoot>tr>td,.bootstrap3 .table>tfoot>tr>th,.bootstrap3 .table>thead>tr>td,.bootstrap3 .table>thead>tr>th{border-top:1px solid #ddd;line-height:1.42857143;padding:8px;vertical-align:top}.bootstrap3 .table>thead>tr>th{border-bottom:2px solid #ddd;vertical-align:bottom}.bootstrap3 .table>caption+thead>tr:first-child>td,.bootstrap3 .table>caption+thead>tr:first-child>th,.bootstrap3 .table>colgroup+thead>tr:first-child>td,.bootstrap3 .table>colgroup+thead>tr:first-child>th,.bootstrap3 .table>thead:first-child>tr:first-child>td,.bootstrap3 .table>thead:first-child>tr:first-child>th{border-top:0}.bootstrap3 .table>tbody+tbody{border-top:2px solid #ddd}.bootstrap3 .table .table{background-color:#fff}.bootstrap3 .table-condensed>tbody>tr>td,.bootstrap3 .table-condensed>tbody>tr>th,.bootstrap3 .table-condensed>tfoot>tr>td,.bootstrap3 .table-condensed>tfoot>tr>th,.bootstrap3 .table-condensed>thead>tr>td,.bootstrap3 .table-condensed>thead>tr>th{padding:5px}.bootstrap3 .table-bordered,.bootstrap3 .table-bordered>tbody>tr>td,.bootstrap3 .table-bordered>tbody>tr>th,.bootstrap3 .table-bordered>tfoot>tr>td,.bootstrap3 .table-bordered>tfoot>tr>th,.bootstrap3 .table-bordered>thead>tr>td,.bootstrap3 .table-bordered>thead>tr>th{border:1px solid #ddd}.bootstrap3 .table-bordered>thead>tr>td,.bootstrap3 .table-bordered>thead>tr>th{border-bottom-width:2px}.bootstrap3 .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.bootstrap3 .table-hover>tbody>tr:hover,.bootstrap3 .table>tbody>tr.active>td,.bootstrap3 .table>tbody>tr.active>th,.bootstrap3 .table>tbody>tr>td.active,.bootstrap3 .table>tbody>tr>th.active,.bootstrap3 .table>tfoot>tr.active>td,.bootstrap3 .table>tfoot>tr.active>th,.bootstrap3 .table>tfoot>tr>td.active,.bootstrap3 .table>tfoot>tr>th.active,.bootstrap3 .table>thead>tr.active>td,.bootstrap3 .table>thead>tr.active>th,.bootstrap3 .table>thead>tr>td.active,.bootstrap3 .table>thead>tr>th.active{background-color:#f5f5f5}.bootstrap3 .table-hover>tbody>tr.active:hover>td,.bootstrap3 .table-hover>tbody>tr.active:hover>th,.bootstrap3 .table-hover>tbody>tr:hover>.active,.bootstrap3 .table-hover>tbody>tr>td.active:hover,.bootstrap3 .table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.bootstrap3 .table>tbody>tr.success>td,.bootstrap3 .table>tbody>tr.success>th,.bootstrap3 .table>tbody>tr>td.success,.bootstrap3 .table>tbody>tr>th.success,.bootstrap3 .table>tfoot>tr.success>td,.bootstrap3 .table>tfoot>tr.success>th,.bootstrap3 .table>tfoot>tr>td.success,.bootstrap3 .table>tfoot>tr>th.success,.bootstrap3 .table>thead>tr.success>td,.bootstrap3 .table>thead>tr.success>th,.bootstrap3 .table>thead>tr>td.success,.bootstrap3 .table>thead>tr>th.success{background-color:#dff0d8}.bootstrap3 .table-hover>tbody>tr.success:hover>td,.bootstrap3 .table-hover>tbody>tr.success:hover>th,.bootstrap3 .table-hover>tbody>tr:hover>.success,.bootstrap3 .table-hover>tbody>tr>td.success:hover,.bootstrap3 .table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.bootstrap3 .table>tbody>tr.info>td,.bootstrap3 .table>tbody>tr.info>th,.bootstrap3 .table>tbody>tr>td.info,.bootstrap3 .table>tbody>tr>th.info,.bootstrap3 .table>tfoot>tr.info>td,.bootstrap3 .table>tfoot>tr.info>th,.bootstrap3 .table>tfoot>tr>td.info,.bootstrap3 .table>tfoot>tr>th.info,.bootstrap3 .table>thead>tr.info>td,.bootstrap3 .table>thead>tr.info>th,.bootstrap3 .table>thead>tr>td.info,.bootstrap3 .table>thead>tr>th.info{background-color:#d9edf7}.bootstrap3 .table-hover>tbody>tr.info:hover>td,.bootstrap3 .table-hover>tbody>tr.info:hover>th,.bootstrap3 .table-hover>tbody>tr:hover>.info,.bootstrap3 .table-hover>tbody>tr>td.info:hover,.bootstrap3 .table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.bootstrap3 .table>tbody>tr.warning>td,.bootstrap3 .table>tbody>tr.warning>th,.bootstrap3 .table>tbody>tr>td.warning,.bootstrap3 .table>tbody>tr>th.warning,.bootstrap3 .table>tfoot>tr.warning>td,.bootstrap3 .table>tfoot>tr.warning>th,.bootstrap3 .table>tfoot>tr>td.warning,.bootstrap3 .table>tfoot>tr>th.warning,.bootstrap3 .table>thead>tr.warning>td,.bootstrap3 .table>thead>tr.warning>th,.bootstrap3 .table>thead>tr>td.warning,.bootstrap3 .table>thead>tr>th.warning{background-color:#fcf8e3}.bootstrap3 .table-hover>tbody>tr.warning:hover>td,.bootstrap3 .table-hover>tbody>tr.warning:hover>th,.bootstrap3 .table-hover>tbody>tr:hover>.warning,.bootstrap3 .table-hover>tbody>tr>td.warning:hover,.bootstrap3 .table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.bootstrap3 .table>tbody>tr.danger>td,.bootstrap3 .table>tbody>tr.danger>th,.bootstrap3 .table>tbody>tr>td.danger,.bootstrap3 .table>tbody>tr>th.danger,.bootstrap3 .table>tfoot>tr.danger>td,.bootstrap3 .table>tfoot>tr.danger>th,.bootstrap3 .table>tfoot>tr>td.danger,.bootstrap3 .table>tfoot>tr>th.danger,.bootstrap3 .table>thead>tr.danger>td,.bootstrap3 .table>thead>tr.danger>th,.bootstrap3 .table>thead>tr>td.danger,.bootstrap3 .table>thead>tr>th.danger{background-color:#f2dede}.bootstrap3 .table-hover>tbody>tr.danger:hover>td,.bootstrap3 .table-hover>tbody>tr.danger:hover>th,.bootstrap3 .table-hover>tbody>tr:hover>.danger,.bootstrap3 .table-hover>tbody>tr>td.danger:hover,.bootstrap3 .table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.bootstrap3 .table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.bootstrap3 .table-responsive{-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;margin-bottom:15px;overflow-y:hidden;width:100%}.bootstrap3 .table-responsive>.table{margin-bottom:0}.bootstrap3 .table-responsive>.table>tbody>tr>td,.bootstrap3 .table-responsive>.table>tbody>tr>th,.bootstrap3 .table-responsive>.table>tfoot>tr>td,.bootstrap3 .table-responsive>.table>tfoot>tr>th,.bootstrap3 .table-responsive>.table>thead>tr>td,.bootstrap3 .table-responsive>.table>thead>tr>th{white-space:nowrap}.bootstrap3 .table-responsive>.table-bordered{border:0}.bootstrap3 .table-responsive>.table-bordered>tbody>tr>td:first-child,.bootstrap3 .table-responsive>.table-bordered>tbody>tr>th:first-child,.bootstrap3 .table-responsive>.table-bordered>tfoot>tr>td:first-child,.bootstrap3 .table-responsive>.table-bordered>tfoot>tr>th:first-child,.bootstrap3 .table-responsive>.table-bordered>thead>tr>td:first-child,.bootstrap3 .table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.bootstrap3 .table-responsive>.table-bordered>tbody>tr>td:last-child,.bootstrap3 .table-responsive>.table-bordered>tbody>tr>th:last-child,.bootstrap3 .table-responsive>.table-bordered>tfoot>tr>td:last-child,.bootstrap3 .table-responsive>.table-bordered>tfoot>tr>th:last-child,.bootstrap3 .table-responsive>.table-bordered>thead>tr>td:last-child,.bootstrap3 .table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.bootstrap3 .table-responsive>.table-bordered>tbody>tr:last-child>td,.bootstrap3 .table-responsive>.table-bordered>tbody>tr:last-child>th,.bootstrap3 .table-responsive>.table-bordered>tfoot>tr:last-child>td,.bootstrap3 .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}.bootstrap3 .table-bordered.ninja_footable{border:1px solid #ddd}.bootstrap4 table{border-collapse:collapse}.bootstrap4 .table{color:#212529;margin-bottom:1rem;width:100%}.bootstrap4 .table td,.bootstrap4 .table th{border-top:1px solid #dee2e6;padding:.75rem;vertical-align:top}.bootstrap4 .table thead th{border-bottom:2px solid #dee2e6;vertical-align:bottom}.bootstrap4 .table tbody+tbody{border-top:2px solid #dee2e6}.bootstrap4 .table-sm td,.bootstrap4 .table-sm th{padding:.3rem}.bootstrap4 .table-bordered,.bootstrap4 .table-bordered td,.bootstrap4 .table-bordered th{border:1px solid #dee2e6}.bootstrap4 .table-bordered thead td,.bootstrap4 .table-bordered thead th{border-bottom-width:2px}.bootstrap4 .table-borderless tbody+tbody,.bootstrap4 .table-borderless td,.bootstrap4 .table-borderless th,.bootstrap4 .table-borderless thead th{border:0}.bootstrap4 .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.bootstrap4 .table-hover tbody tr:hover{background-color:rgba(0,0,0,.075);color:#212529}.bootstrap4 .table-primary,.bootstrap4 .table-primary>td,.bootstrap4 .table-primary>th{background-color:#b8daff}.bootstrap4 .table-primary tbody+tbody,.bootstrap4 .table-primary td,.bootstrap4 .table-primary th,.bootstrap4 .table-primary thead th{border-color:#7abaff}.bootstrap4 .table-hover .table-primary:hover,.bootstrap4 .table-hover .table-primary:hover>td,.bootstrap4 .table-hover .table-primary:hover>th{background-color:#9fcdff}.bootstrap4 .table-secondary,.bootstrap4 .table-secondary>td,.bootstrap4 .table-secondary>th{background-color:#d6d8db}.bootstrap4 .table-secondary tbody+tbody,.bootstrap4 .table-secondary td,.bootstrap4 .table-secondary th,.bootstrap4 .table-secondary thead th{border-color:#b3b7bb}.bootstrap4 .table-hover .table-secondary:hover,.bootstrap4 .table-hover .table-secondary:hover>td,.bootstrap4 .table-hover .table-secondary:hover>th{background-color:#c8cbcf}.bootstrap4 .table-success,.bootstrap4 .table-success>td,.bootstrap4 .table-success>th{background-color:#c3e6cb}.bootstrap4 .table-success tbody+tbody,.bootstrap4 .table-success td,.bootstrap4 .table-success th,.bootstrap4 .table-success thead th{border-color:#8fd19e}.bootstrap4 .table-hover .table-success:hover,.bootstrap4 .table-hover .table-success:hover>td,.bootstrap4 .table-hover .table-success:hover>th{background-color:#b1dfbb}.bootstrap4 .table-info,.bootstrap4 .table-info>td,.bootstrap4 .table-info>th{background-color:#bee5eb}.bootstrap4 .table-info tbody+tbody,.bootstrap4 .table-info td,.bootstrap4 .table-info th,.bootstrap4 .table-info thead th{border-color:#86cfda}.bootstrap4 .table-hover .table-info:hover,.bootstrap4 .table-hover .table-info:hover>td,.bootstrap4 .table-hover .table-info:hover>th{background-color:#abdde5}.bootstrap4 .table-warning,.bootstrap4 .table-warning>td,.bootstrap4 .table-warning>th{background-color:#ffeeba}.bootstrap4 .table-warning tbody+tbody,.bootstrap4 .table-warning td,.bootstrap4 .table-warning th,.bootstrap4 .table-warning thead th{border-color:#ffdf7e}.bootstrap4 .table-hover .table-warning:hover,.bootstrap4 .table-hover .table-warning:hover>td,.bootstrap4 .table-hover .table-warning:hover>th{background-color:#ffe8a1}.bootstrap4 .table-danger,.bootstrap4 .table-danger>td,.bootstrap4 .table-danger>th{background-color:#f5c6cb}.bootstrap4 .table-danger tbody+tbody,.bootstrap4 .table-danger td,.bootstrap4 .table-danger th,.bootstrap4 .table-danger thead th{border-color:#ed969e}.bootstrap4 .table-hover .table-danger:hover,.bootstrap4 .table-hover .table-danger:hover>td,.bootstrap4 .table-hover .table-danger:hover>th{background-color:#f1b0b7}.bootstrap4 .table-light,.bootstrap4 .table-light>td,.bootstrap4 .table-light>th{background-color:#fdfdfe}.bootstrap4 .table-light tbody+tbody,.bootstrap4 .table-light td,.bootstrap4 .table-light th,.bootstrap4 .table-light thead th{border-color:#fbfcfc}.bootstrap4 .table-hover .table-light:hover,.bootstrap4 .table-hover .table-light:hover>td,.bootstrap4 .table-hover .table-light:hover>th{background-color:#ececf6}.bootstrap4 .table-dark,.bootstrap4 .table-dark>td,.bootstrap4 .table-dark>th{background-color:#c6c8ca}.bootstrap4 .table-dark tbody+tbody,.bootstrap4 .table-dark td,.bootstrap4 .table-dark th,.bootstrap4 .table-dark thead th{border-color:#95999c}.bootstrap4 .table-hover .table-dark:hover,.bootstrap4 .table-hover .table-dark:hover>td,.bootstrap4 .table-hover .table-dark:hover>th{background-color:#b9bbbe}.bootstrap4 .table-active,.bootstrap4 .table-active>td,.bootstrap4 .table-active>th,.bootstrap4 .table-hover .table-active:hover,.bootstrap4 .table-hover .table-active:hover>td,.bootstrap4 .table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.bootstrap4 .table .thead-dark th{background-color:#343a40;border-color:#454d55;color:#fff}.bootstrap4 .table .thead-light th{background-color:#e9ecef;border-color:#dee2e6;color:#495057}.bootstrap4 .table-dark{background-color:#343a40;color:#fff}.bootstrap4 .table-dark td,.bootstrap4 .table-dark th,.bootstrap4 .table-dark thead th{border-color:#454d55}.bootstrap4 .table-dark.table-bordered{border:0}.bootstrap4 .table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.bootstrap4 .table-dark.table-hover tbody tr:hover{background-color:hsla(0,0%,100%,.075);color:#fff}@media(max-width:991px){.bootstrap4 .table-responsive{-ms-overflow-style:-ms-autohiding-scrollbar;display:block;overflow-x:auto;width:100%}.bootstrap4 .table-responsive.table-bordered{border:0}}.bootstrap4 .table-responsive{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.bootstrap4 .table-responsive>.table-bordered{border:0}.bootstrap4 .table-bordered.ninja_footable{border:1px solid #dee2e6}.semantic_ui{ }.semantic_ui .ui.table{background:#fff;border:1px solid rgba(34,36,38,.15);border-collapse:separate;border-radius:.28571429rem;border-spacing:0;box-shadow:none;color:rgba(0,0,0,.87);margin:1em 0;text-align:left;width:100%}.semantic_ui .ui.table:first-child{margin-top:0}.semantic_ui .ui.table:last-child{margin-bottom:0}.semantic_ui .ui.table td,.semantic_ui .ui.table th{transition:background .1s ease,color .1s ease}.semantic_ui .ui.table thead{box-shadow:none}.semantic_ui .ui.table thead th{background:#f9fafb;border-bottom:1px solid rgba(34,36,38,.1);border-left:none;color:rgba(0,0,0,.87);cursor:auto;font-style:none;font-weight:700;padding:.92857143em .78571429em;text-align:inherit;text-transform:none;vertical-align:inherit}.semantic_ui .ui.table thead tr>th:first-child{border-left:none}.semantic_ui .ui.table thead tr:first-child>th:first-child{border-radius:.28571429rem 0 0 0}.semantic_ui .ui.table thead tr:first-child>th:last-child{border-radius:0 .28571429rem 0 0}.semantic_ui .ui.table thead tr:first-child>th:only-child{border-radius:.28571429rem .28571429rem 0 0}.semantic_ui .ui.table tfoot{box-shadow:none}.semantic_ui .ui.table tfoot th{background:#f9fafb;border-top:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);cursor:auto;font-style:normal;font-weight:400;padding:.78571429em;text-align:inherit;text-transform:none;vertical-align:middle}.semantic_ui .ui.table tfoot tr>th:first-child{border-left:none}.semantic_ui .ui.table tfoot tr:first-child>th:first-child{border-radius:0 0 0 .28571429rem}.semantic_ui .ui.table tfoot tr:first-child>th:last-child{border-radius:0 0 .28571429rem 0}.semantic_ui .ui.table tfoot tr:first-child>th:only-child{border-radius:0 0 .28571429rem .28571429rem}.semantic_ui .ui.table tr td{border-top:1px solid rgba(34,36,38,.1)}.semantic_ui .ui.table tr:first-child td{border-top:none}.semantic_ui .ui.table tbody+tbody tr:first-child td{border-top:1px solid rgba(34,36,38,.1)}.semantic_ui .ui.table td{padding:.78571429em;text-align:inherit}.semantic_ui .ui.table>.icon{vertical-align:baseline}.semantic_ui .ui.table>.icon:only-child{margin:0}.semantic_ui .ui.table.segment{padding:0}.semantic_ui .ui.table.segment:after{display:none}.semantic_ui .ui.table.segment.stacked:after{display:block}.semantic_ui .ui.table td .image,.semantic_ui .ui.table td .image img,.semantic_ui .ui.table th .image,.semantic_ui .ui.table th .image img{max-width:none}.semantic_ui .ui.structured.table{border-collapse:collapse}.semantic_ui .ui.structured.table thead th{border-left:none;border-right:none}.semantic_ui .ui.structured.sortable.table thead th{border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(34,36,38,.15)}.semantic_ui .ui.structured.basic.table th{border-left:none;border-right:none}.semantic_ui .ui.structured.celled.table tr td,.semantic_ui .ui.structured.celled.table tr th{border-left:1px solid rgba(34,36,38,.1);border-right:1px solid rgba(34,36,38,.1)}.semantic_ui .ui.definition.table thead:not(.full-width) th:first-child{background:transparent;box-shadow:-1px -1px 0 1px #fff;color:rgba(0,0,0,.4);font-weight:400;pointer-events:none}.semantic_ui .ui.definition.table tfoot:not(.full-width) th:first-child{background:transparent;box-shadow:1px 1px 0 1px #fff;color:normal;font-weight:rgba(0,0,0,.4);pointer-events:none}.semantic_ui .ui.celled.definition.table thead:not(.full-width) th:first-child{box-shadow:0 -1px 0 1px #fff}.semantic_ui .ui.celled.definition.table tfoot:not(.full-width) th:first-child{box-shadow:0 1px 0 1px #fff}.semantic_ui .ui.definition.table tr td.definition,.semantic_ui .ui.definition.table tr td:first-child:not(.ignored){background:rgba(0,0,0,.03);box-shadow:"";color:rgba(0,0,0,.95);font-size:1em;font-weight:700;padding-left:"";padding-right:"";text-align:"";text-transform:""}.semantic_ui .ui.definition.table td:nth-child(2),.semantic_ui .ui.definition.table tfoot:not(.full-width) th:nth-child(2),.semantic_ui .ui.definition.table thead:not(.full-width) th:nth-child(2){border-left:1px solid rgba(34,36,38,.15)}.semantic_ui .ui.table td.positive,.semantic_ui .ui.table tr.positive{background:#fcfff5!important;box-shadow:inset 0 0 0 #a3c293;color:#2c662d!important}.semantic_ui .ui.table td.error,.semantic_ui .ui.table td.negative,.semantic_ui .ui.table tr.error,.semantic_ui .ui.table tr.negative{background:#fff6f6!important;box-shadow:inset 0 0 0 #e0b4b4;color:#9f3a38!important}.semantic_ui .ui.table td.warning,.semantic_ui .ui.table tr.warning{background:#fffaf3!important;box-shadow:inset 0 0 0 #c9ba9b;color:#573a08!important}.semantic_ui .ui.table td.active,.semantic_ui .ui.table tr.active{background:#e0e0e0!important;box-shadow:inset 0 0 0 rgba(0,0,0,.87);color:rgba(0,0,0,.87)!important}.semantic_ui .ui.table tr td.disabled,.semantic_ui .ui.table tr.disabled td,.semantic_ui .ui.table tr.disabled:hover,.semantic_ui .ui.table tr:hover td.disabled{color:rgba(40,40,40,.3);pointer-events:none}.semantic_ui .ui.table [class*="left aligned"],.semantic_ui .ui.table[class*="left aligned"]{text-align:left}.semantic_ui .ui.table [class*="center aligned"],.semantic_ui .ui.table[class*="center aligned"]{text-align:center}.semantic_ui .ui.table [class*="right aligned"],.semantic_ui .ui.table[class*="right aligned"]{text-align:right}.semantic_ui .ui.table [class*="top aligned"],.semantic_ui .ui.table[class*="top aligned"]{vertical-align:top}.semantic_ui .ui.table [class*="middle aligned"],.semantic_ui .ui.table[class*="middle aligned"]{vertical-align:middle}.semantic_ui .ui.table [class*="bottom aligned"],.semantic_ui .ui.table[class*="bottom aligned"]{vertical-align:bottom}.semantic_ui .ui.table td.collapsing,.semantic_ui .ui.table th.collapsing{white-space:nowrap;width:1px}.semantic_ui .ui.fixed.table{table-layout:fixed}.semantic_ui .ui.fixed.table td,.semantic_ui .ui.fixed.table th{overflow:hidden;text-overflow:ellipsis}.semantic_ui .ui.selectable.table tbody tr:hover,.semantic_ui .ui.table tbody tr td.selectable:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.semantic_ui .ui.inverted.table tbody tr td.selectable:hover,.semantic_ui .ui.selectable.inverted.table tbody tr:hover{background:hsla(0,0%,100%,.08)!important;color:#fff!important}.semantic_ui .ui.table tbody tr td.selectable{padding:0}.semantic_ui .ui.table tbody tr td.selectable>a:not(.ui){color:inherit;display:block;padding:.78571429em}.semantic_ui .ui.selectable.table tr.error:hover,.semantic_ui .ui.selectable.table tr:hover td.error,.semantic_ui .ui.table tr td.selectable.error:hover{background:#ffe7e7!important;color:#943634!important}.semantic_ui .ui.selectable.table tr.warning:hover,.semantic_ui .ui.selectable.table tr:hover td.warning,.semantic_ui .ui.table tr td.selectable.warning:hover{background:#fff4e4!important;color:#493107!important}.semantic_ui .ui.selectable.table tr.active:hover,.semantic_ui .ui.selectable.table tr:hover td.active,.semantic_ui .ui.table tr td.selectable.active:hover{background:#e0e0e0!important;color:rgba(0,0,0,.87)!important}.semantic_ui .ui.selectable.table tr.positive:hover,.semantic_ui .ui.selectable.table tr:hover td.positive,.semantic_ui .ui.table tr td.selectable.positive:hover{background:#f7ffe6!important;color:#275b28!important}.semantic_ui .ui.selectable.table tr.negative:hover,.semantic_ui .ui.selectable.table tr:hover td.negative,.semantic_ui .ui.table tr td.selectable.negative:hover{background:#ffe7e7!important;color:#943634!important}.semantic_ui .ui.attached.table{border:1px solid #d4d4d5;border-radius:0;bottom:0;box-shadow:none;margin:0 -1px;max-width:calc(100% + 2px);top:0;width:calc(100% + 2px)}.semantic_ui .ui.attached+.ui.attached.table:not(.top){border-top:none}.semantic_ui .ui[class*="top attached"].table{border-radius:.28571429rem .28571429rem 0 0;bottom:0;margin-bottom:0;margin-top:1em;top:0}.semantic_ui .ui.table[class*="top attached"]:first-child{margin-top:0}.semantic_ui .ui[class*="bottom attached"].table{border-radius:0 0 .28571429rem .28571429rem;bottom:0;box-shadow:none,none;margin-bottom:1em;margin-top:0;top:0}.semantic_ui .ui[class*="bottom attached"].table:last-child{margin-bottom:0}.semantic_ui .ui.striped.table tbody tr:nth-child(2n),.semantic_ui .ui.striped.table>tr:nth-child(2n){background-color:rgba(0,0,50,.02)}.semantic_ui .ui.inverted.striped.table tbody tr:nth-child(2n),.semantic_ui .ui.inverted.striped.table>tr:nth-child(2n){background-color:hsla(0,0%,100%,.05)}.semantic_ui .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover{background:#efefef!important;color:rgba(0,0,0,.95)!important}.semantic_ui .ui.table [class*="single line"],.semantic_ui .ui.table[class*="single line"]{white-space:nowrap}.semantic_ui .ui.one.column.table td{width:100%}.semantic_ui .ui.two.column.table td{width:50%}.semantic_ui .ui.three.column.table td{width:33.33333333%}.semantic_ui .ui.four.column.table td{width:25%}.semantic_ui .ui.five.column.table td{width:20%}.semantic_ui .ui.six.column.table td{width:16.66666667%}.semantic_ui .ui.seven.column.table td{width:14.28571429%}.semantic_ui .ui.eight.column.table td{width:12.5%}.semantic_ui .ui.nine.column.table td{width:11.11111111%}.semantic_ui .ui.ten.column.table td{width:10%}.semantic_ui .ui.eleven.column.table td{width:9.09090909%}.semantic_ui .ui.twelve.column.table td{width:8.33333333%}.semantic_ui .ui.thirteen.column.table td{width:7.69230769%}.semantic_ui .ui.fourteen.column.table td{width:7.14285714%}.semantic_ui .ui.fifteen.column.table td{width:6.66666667%}.semantic_ui .ui.sixteen.column.table td,.semantic_ui .ui.table td.one.wide,.semantic_ui .ui.table th.one.wide{width:6.25%}.semantic_ui .ui.table td.two.wide,.semantic_ui .ui.table th.two.wide{width:12.5%}.semantic_ui .ui.table td.three.wide,.semantic_ui .ui.table th.three.wide{width:18.75%}.semantic_ui .ui.table td.four.wide,.semantic_ui .ui.table th.four.wide{width:25%}.semantic_ui .ui.table td.five.wide,.semantic_ui .ui.table th.five.wide{width:31.25%}.semantic_ui .ui.table td.six.wide,.semantic_ui .ui.table th.six.wide{width:37.5%}.semantic_ui .ui.table td.seven.wide,.semantic_ui .ui.table th.seven.wide{width:43.75%}.semantic_ui .ui.table td.eight.wide,.semantic_ui .ui.table th.eight.wide{width:50%}.semantic_ui .ui.table td.nine.wide,.semantic_ui .ui.table th.nine.wide{width:56.25%}.semantic_ui .ui.table td.ten.wide,.semantic_ui .ui.table th.ten.wide{width:62.5%}.semantic_ui .ui.table td.eleven.wide,.semantic_ui .ui.table th.eleven.wide{width:68.75%}.semantic_ui .ui.table td.twelve.wide,.semantic_ui .ui.table th.twelve.wide{width:75%}.semantic_ui .ui.table td.thirteen.wide,.semantic_ui .ui.table th.thirteen.wide{width:81.25%}.semantic_ui .ui.table td.fourteen.wide,.semantic_ui .ui.table th.fourteen.wide{width:87.5%}.semantic_ui .ui.table td.fifteen.wide,.semantic_ui .ui.table th.fifteen.wide{width:93.75%}.semantic_ui .ui.table td.sixteen.wide,.semantic_ui .ui.table th.sixteen.wide{width:100%}.semantic_ui .ui.sortable.table thead th{border-left:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);cursor:pointer;white-space:nowrap}.semantic_ui .ui.sortable.table thead th:first-child{border-left:none}.semantic_ui .ui.sortable.table thead th.sorted,.semantic_ui .ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.semantic_ui .ui.sortable.table thead th:after{content:"";display:none;font-family:Icons;font-style:normal;font-weight:400;height:1em;margin:0 0 0 .5em;opacity:.8;text-decoration:inherit;width:auto}.semantic_ui .ui.sortable.table thead th.ascending:after{content:""}.semantic_ui .ui.sortable.table thead th.descending:after{content:""}.semantic_ui .ui.sortable.table th.disabled:hover{color:rgba(40,40,40,.3);cursor:auto}.semantic_ui .ui.sortable.table thead th:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)}.semantic_ui .ui.sortable.table thead th.sorted{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.semantic_ui .ui.sortable.table thead th.sorted:after{display:inline-block}.semantic_ui .ui.sortable.table thead th.sorted:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.semantic_ui .ui.inverted.sortable.table thead th.sorted{background:hsla(0,0%,100%,.15) linear-gradient(transparent,rgba(0,0,0,.05));color:#fff}.semantic_ui .ui.inverted.sortable.table thead th:hover{background:hsla(0,0%,100%,.08) linear-gradient(transparent,rgba(0,0,0,.05));color:#fff}.semantic_ui .ui.inverted.sortable.table thead th{border-left-color:transparent;border-right-color:transparent}.semantic_ui .ui.collapsing.table{width:auto}.semantic_ui .ui.basic.table{background:transparent;border:1px solid rgba(34,36,38,.15);box-shadow:none}.semantic_ui .ui.basic.table tfoot,.semantic_ui .ui.basic.table thead{box-shadow:none}.semantic_ui .ui.basic.table th{background:transparent;border-left:none}.semantic_ui .ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,.1)}.semantic_ui .ui.basic.table td{background:transparent}.semantic_ui .ui.basic.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.05)!important}.semantic_ui .ui[class*="very basic"].table{border:none}.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) td,.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) th{padding:""}.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child,.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child{padding-left:0}.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child,.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child{padding-right:0}.semantic_ui .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th{padding-top:0}.semantic_ui .ui.celled.table tr td,.semantic_ui .ui.celled.table tr th{border-left:1px solid rgba(34,36,38,.1)}.semantic_ui .ui.celled.table tr td:first-child,.semantic_ui .ui.celled.table tr th:first-child{border-left:none}.semantic_ui .ui.padded.table th{padding-left:1em;padding-right:1em}.semantic_ui .ui.padded.table td,.semantic_ui .ui.padded.table th{padding:1em}.semantic_ui .ui[class*="very padded"].table th{padding-left:1.5em;padding-right:1.5em}.semantic_ui .ui[class*="very padded"].table td{padding:1.5em}.semantic_ui .ui.compact.table th{padding-left:.7em;padding-right:.7em}.semantic_ui .ui.compact.table td{padding:.5em .7em}.semantic_ui .ui[class*="very compact"].table th{padding-left:.6em;padding-right:.6em}.semantic_ui .ui[class*="very compact"].table td{padding:.4em .6em}.semantic_ui .ui.small.table{font-size:.9em}.semantic_ui .ui.table{font-size:1em}.semantic_ui .ui.large.table{font-size:1.1em}.semantic_ui .ui.table tbody tr th{border-top:1px solid rgba(34,36,38,.1)}.semantic_ui .ui.table tbody tr:first-child th{border-top:none}.semantic_ui .ui.table tfoot tr.footable-paging td{border-radius:0 0 .28571429rem .28571429rem;border-top:1px solid rgba(34,36,38,.15)!important}.colored_table table.ninja_table_pro.inverted td,.colored_table table.ninja_table_pro.inverted th{background-color:inherit;color:inherit}.colored_table table.ninja_table_pro.inverted.table a{color:inherit}.colored_table table.ninja_table_pro.inverted.table a.checkbox{color:#000}.colored_table table.ninja_table_pro.inverted.red.table{background-color:#e74c3c!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table.footable-details tr th{background-color:#414141!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table thead{background-color:#e74c3c!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table thead tr.footable-header{background-color:#414141!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table thead tr.footable-filtering th{background-color:#fff!important;color:#e74c3c!important}.colored_table table.ninja_table_pro.inverted.red.table tbody tr:hover{background-color:#817b7a!important;border-color:hsla(0,0%,100%,.99)!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.red.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.red.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.red.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.red.table tfoot .footable-paging .footable-page.active a{background-color:#e74c3c!important}.colored_table table.ninja_table_pro.inverted.red.table.ninja_stacked_table .footable-details tbody{background-color:#e74c3c!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.red.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#e74c3c!important}.colored_table table.ninja_table_pro.inverted.orange.table{background-color:#fd5f20!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table.footable-details tr th{background-color:#4b5775!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table thead{background-color:#fd5f20!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table thead tr.footable-header{background-color:#4b5775!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table thead tr.footable-filtering th{background-color:#fff!important;color:#fd5f20!important}.colored_table table.ninja_table_pro.inverted.orange.table tbody tr:hover{background-color:#ffb79b!important;border-color:#fff!important;color:#4b5775!important}.colored_table table.ninja_table_pro.inverted.orange.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.orange.table tbody tr:hover td span.fooicon-plus:before{background-color:#4b5775!important}.colored_table table.ninja_table_pro.inverted.orange.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.orange.table tbody td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.orange.table tfoot .footable-paging .footable-page.active a{background-color:#fd5f20!important}.colored_table table.ninja_table_pro.inverted.orange.table.ninja_stacked_table .footable-details tbody{background-color:#fd5f20!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.orange.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#fd5f20!important}.colored_table table.ninja_table_pro.inverted.yellow.table{background-color:#f6b93b!important;color:#000!important}.colored_table table.ninja_table_pro.inverted.yellow.table.footable-details tr th{background-color:#595959!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.yellow.table thead{background-color:#f6b93b!important;color:#000!important}.colored_table table.ninja_table_pro.inverted.yellow.table thead tr.footable-header{background-color:#595959!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.yellow.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.yellow.table thead tr.footable-filtering th{background-color:#fff!important;color:#f6b93b!important}.colored_table table.ninja_table_pro.inverted.yellow.table tbody tr:hover{background-color:#ffe5b0!important;border-color:#f6b93b!important;color:#000!important}.colored_table table.ninja_table_pro.inverted.yellow.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.yellow.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.yellow.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.yellow.table tbody tr:hover td span.fooicon-plus:before{background-color:#000!important}.colored_table table.ninja_table_pro.inverted.yellow.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.yellow.table tfoot .footable-paging .footable-page.active a{background-color:#f6b93b!important}.colored_table table.ninja_table_pro.inverted.yellow.table.ninja_stacked_table .footable-details tbody{background-color:#f6b93b!important;color:#000!important}.colored_table table.ninja_table_pro.inverted.yellow.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#f6b93b!important}.colored_table table.ninja_table_pro.inverted.olive.table{background-color:#b6cb31!important;color:#262626!important}.colored_table table.ninja_table_pro.inverted.olive.table.footable-details tr th{background-color:#434825!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.olive.table thead{background-color:#b6cb31!important;color:#262626!important}.colored_table table.ninja_table_pro.inverted.olive.table thead tr.footable-header{background-color:#434825!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.olive.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.olive.table thead tr.footable-filtering th{background-color:#fff!important;color:#b6cb31!important}.colored_table table.ninja_table_pro.inverted.olive.table tbody tr:hover{background-color:#91a227!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.olive.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.olive.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.olive.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.olive.table tbody td span.fooicon-plus:before{background-color:#000!important}.colored_table table.ninja_table_pro.inverted.olive.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.olive.table tfoot .footable-paging .footable-page.active a{background-color:#b6cb31!important}.colored_table table.ninja_table_pro.inverted.olive.table.ninja_stacked_table .footable-details tbody{background-color:#b6cb31!important;color:#262626!important}.colored_table table.ninja_table_pro.inverted.olive.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#b6cb31!important}.colored_table table.ninja_table_pro.inverted.green.table{background-color:#2db94c!important;color:#262626!important}.colored_table table.ninja_table_pro.inverted.green.table.footable-details tr th{background-color:#3b503f!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.green.table thead{background-color:#2db94c!important;color:#262626!important}.colored_table table.ninja_table_pro.inverted.green.table thead tr.footable-header{background-color:#3b503f!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.green.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.green.table thead tr.footable-filtering th{background-color:#fff!important;color:#2db94c!important}.colored_table table.ninja_table_pro.inverted.green.table tbody tr:hover{background-color:#269940!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.green.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.green.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.green.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.green.table tbody td span.fooicon-plus:before{background-color:#000!important}.colored_table table.ninja_table_pro.inverted.green.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.green.table tfoot .footable-paging .footable-page.active a{background-color:#2db94c!important}.colored_table table.ninja_table_pro.inverted.green.table.ninja_stacked_table .footable-details tbody{background-color:#2db94c!important;color:#262626!important}.colored_table table.ninja_table_pro.inverted.green.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#2db94c!important}.colored_table table.ninja_table_pro.inverted.teal.table{background-color:#1cb5ad!important;color:#2d2d2d!important}.colored_table table.ninja_table_pro.inverted.teal.table.footable-details tr th{background-color:#0c5551!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.teal.table thead{background-color:#1cb5ad!important;color:#2d2d2d!important}.colored_table table.ninja_table_pro.inverted.teal.table thead tr.footable-header{background-color:#0c5551!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.teal.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.teal.table thead tr.footable-filtering th{background-color:#fff!important;color:#1cb5ad!important}.colored_table table.ninja_table_pro.inverted.teal.table tbody tr:hover{background-color:#179c94!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.teal.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.teal.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.teal.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.teal.table tbody td span.fooicon-plus:before{background-color:#000!important}.colored_table table.ninja_table_pro.inverted.teal.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.teal.table tfoot .footable-paging .footable-page.active a{background-color:#1cb5ad!important}.colored_table table.ninja_table_pro.inverted.teal.table.ninja_stacked_table .footable-details tbody{background-color:#1cb5ad!important;color:#2d2d2d!important}.colored_table table.ninja_table_pro.inverted.teal.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#1cb5ad!important}.colored_table table.ninja_table_pro.inverted.blue.table{background-color:#2987ce!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table.footable-details tr th{background-color:#17476c!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table thead{background-color:#2987ce!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table thead tr.footable-header{background-color:#17476c!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table thead tr.footable-filtering th{background-color:#fff!important;color:#2987ce!important}.colored_table table.ninja_table_pro.inverted.blue.table tbody tr:hover{background-color:#1f69a2!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.blue.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.blue.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.blue.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.blue.table tfoot .footable-paging .footable-page.active a{background-color:#2987ce!important}.colored_table table.ninja_table_pro.inverted.blue.table.ninja_stacked_table .footable-details tbody{background-color:#2987ce!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.blue.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#2987ce!important}.colored_table table.ninja_table_pro.inverted.violet.table{background-color:#6c5ce7!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table.footable-details tr th{background-color:#2c2560!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table thead{background-color:#6c5ce7!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table thead tr.footable-header{background-color:#2c2560!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table thead tr.footable-filtering th{background-color:#fff!important;color:#6c5ce7!important}.colored_table table.ninja_table_pro.inverted.violet.table tbody tr:hover{background-color:#483d9c!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.violet.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.violet.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.violet.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.violet.table tfoot .footable-paging .footable-page.active a{background-color:#6c5ce7!important}.colored_table table.ninja_table_pro.inverted.violet.table.ninja_stacked_table .footable-details tbody{background-color:#6c5ce7!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.violet.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#6c5ce7!important}.colored_table table.ninja_table_pro.inverted.purple.table{background-color:#916fcd!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.purple.table.footable-details tr th{background-color:#41305e!important;color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.purple.table thead{background-color:#916fcd!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.purple.table thead tr.footable-header{background-color:#41305e!important;color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.purple.table thead tr.footable-header th span:before{background-color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.purple.table thead tr.footable-filtering th{background-color:#fff!important;color:#916fcd!important}.colored_table table.ninja_table_pro.inverted.purple.table tbody tr:hover{background-color:#684e96!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.purple.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.purple.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.purple.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.purple.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.purple.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.purple.table tfoot .footable-paging .footable-page.active a{background-color:#916fcd!important}.colored_table table.ninja_table_pro.inverted.purple.table.ninja_stacked_table .footable-details tbody{background-color:#916fcd!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.purple.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#916fcd!important}.colored_table table.ninja_table_pro.inverted.pink.table{background-color:#fd79a8!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.pink.table.footable-details tr th{background-color:#454545!important;color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.pink.table thead{background-color:#fd79a8!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.pink.table thead tr.footable-header{background-color:#454545!important;color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.pink.table thead tr.footable-header th span:before{background-color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.pink.table thead tr.footable-filtering th{background-color:#fff!important;color:#fd79a8!important}.colored_table table.ninja_table_pro.inverted.pink.table tbody tr:hover{background-color:#d06289!important;border-color:#fff!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.pink.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.pink.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.pink.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.pink.table tbody tr:hover td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.pink.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.pink.table tfoot .footable-paging .footable-page.active a{background-color:#fd79a8!important}.colored_table table.ninja_table_pro.inverted.pink.table.ninja_stacked_table .footable-details tbody{background-color:#fd79a8!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.pink.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#fd79a8!important}.colored_table table.ninja_table_pro.inverted.grey.table{background-color:#636e72!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.grey.table.footable-details tr th{background-color:#454545!important;color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.grey.table thead{background-color:#636e72!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.grey.table thead tr.footable-header{background-color:#454545!important;color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.grey.table thead tr.footable-header th span:before{background-color:#fcfcfc!important}.colored_table table.ninja_table_pro.inverted.grey.table thead tr.footable-filtering th{background-color:#fff!important;color:#636e72!important}.colored_table table.ninja_table_pro.inverted.grey.table tbody tr:hover{background-color:#b9c3c7!important;border-color:#fff!important;color:#383d3f!important}.colored_table table.ninja_table_pro.inverted.grey.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.grey.table tbody tr:hover td span.fooicon-plus:before{background-color:#383d3f!important}.colored_table table.ninja_table_pro.inverted.grey.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.grey.table tbody td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.grey.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.grey.table tfoot .footable-paging .footable-page.active a{background-color:#636e72!important}.colored_table table.ninja_table_pro.inverted.grey.table.ninja_stacked_table .footable-details tbody{background-color:#636e72!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.grey.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#636e72!important}.colored_table table.ninja_table_pro.inverted.black.table{background-color:#212121!important;color:#b5b5b5!important}.colored_table table.ninja_table_pro.inverted.black.table.footable-details tr th{background-color:#00cec9!important;color:#202020!important}.colored_table table.ninja_table_pro.inverted.black.table thead{background-color:#212121!important;color:#b5b5b5!important}.colored_table table.ninja_table_pro.inverted.black.table thead tr.footable-header{background-color:#00cec9!important;color:#202020!important}.colored_table table.ninja_table_pro.inverted.black.table thead tr.footable-header th span:before{background-color:#202020!important}.colored_table table.ninja_table_pro.inverted.black.table thead tr.footable-filtering th{background-color:#fff!important;color:#1b1c1d!important}.colored_table table.ninja_table_pro.inverted.black.table tbody tr:hover{background-color:#b9c3c7!important;border-color:#fff!important;color:#383d3f!important}.colored_table table.ninja_table_pro.inverted.black.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.black.table tbody tr:hover td span.fooicon-plus:before{background-color:#383d3f!important}.colored_table table.ninja_table_pro.inverted.black.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.black.table tbody td span.fooicon-plus:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.black.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.black.table tfoot .footable-paging .footable-page.active a{background-color:#1b1c1d!important}.colored_table table.ninja_table_pro.inverted.black.table.ninja_stacked_table .footable-details tbody{background-color:#212121!important;color:#b5b5b5!important}.colored_table table.ninja_table_pro.inverted.black.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#1b1c1d!important}.colored_table table.ninja_table_pro.inverted.white.table{background-color:#fff!important;color:#7b7b7b!important}.colored_table table.ninja_table_pro.inverted.white.table.footable-details tr th{background-color:#00cec9!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.white.table thead{background-color:#fff!important;color:#7b7b7b!important}.colored_table table.ninja_table_pro.inverted.white.table thead tr.footable-header{background-color:#00cec9!important;color:#fff!important}.colored_table table.ninja_table_pro.inverted.white.table thead tr.footable-header th span:before{background-color:#fff!important}.colored_table table.ninja_table_pro.inverted.white.table thead tr.footable-filtering th{background-color:#fff!important;color:#00cec9!important}.colored_table table.ninja_table_pro.inverted.white.table tbody tr:hover{background-color:#b9c3c7!important;border-color:#fff!important;color:#383d3f!important}.colored_table table.ninja_table_pro.inverted.white.table tbody td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.white.table tbody td span.fooicon-plus:before,.colored_table table.ninja_table_pro.inverted.white.table tbody tr:hover td span.fooicon-minus:before,.colored_table table.ninja_table_pro.inverted.white.table tbody tr:hover td span.fooicon-plus:before{background-color:#383d3f!important}.colored_table table.ninja_table_pro.inverted.white.table tfoot .footable-paging .footable-page a{color:rgba(0,0,0,.5)!important}.colored_table table.ninja_table_pro.inverted.white.table tfoot .footable-paging .footable-page.active a{background-color:#00cec9!important}.colored_table table.ninja_table_pro.inverted.white.table.ninja_stacked_table .footable-details tbody{background-color:#fff!important;color:#7b7b7b!important}.colored_table table.ninja_table_pro.inverted.white.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#00cec9!important}.colored_table table.ninja_table_pro.inverted.brown.table{background-color:#a5673f;border-color:brown;color:#fff}.colored_table table.ninja_table_pro.inverted.brown.table .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:#a5673f}.colored_table table.ninja_table_pro.inverted.brown.table thead,.colored_table table.ninja_table_pro.inverted.brown.table.ninja_stacked_table .footable-details tbody{background-color:#a5673f;border-color:brown;color:#fff}.colored_table table.ninja_table_pro.inverted.hide_all_borders.table tbody td,.colored_table table.ninja_table_pro.inverted.hide_all_borders.table tbody th,.colored_table table.ninja_table_pro.inverted.hide_all_borders.table thead,.colored_table table.ninja_table_pro.inverted.hide_all_borders.table thead td,.colored_table table.ninja_table_pro.inverted.hide_all_borders.table thead th,.colored_table table.ninja_table_pro.inverted.hide_all_borders.table thead tr{border-color:transparent}.colored_table table.ninja_table_pro.inverted.table tr td.disabled,.colored_table table.ninja_table_pro.inverted.table tr.disabled td,.colored_table table.ninja_table_pro.inverted.table tr.disabled:hover td,.colored_table table.ninja_table_pro.inverted.table tr:hover td.disabled{color:hsla(0,0%,88%,.3);pointer-events:none}.colored_table table.ninja_table_pro.inverted.definition.table tfoot:not(.full-width) th:first-child,.colored_table table.ninja_table_pro.inverted.definition.table thead:not(.full-width) th:first-child{background:#fff}.colored_table table.ninja_table_pro.inverted.definition.table tr td:first-child{background:hsla(0,0%,100%,.02);color:#fff}.colored_table table.ninja_table_pro.inverted.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.colored_table table.ninja_table_pro.inverted.table-hover>tbody>tr:hover{background-color:hsla(0,0%,100%,.15)}.colored_table table.ninja_table_pro.inverted .pagination>.active>a,.colored_table table.ninja_table_pro.inverted .pagination>.active>a:focus,.colored_table table.ninja_table_pro.inverted .pagination>.active>a:hover,.colored_table table.ninja_table_pro.inverted .pagination>.active>span,.colored_table table.ninja_table_pro.inverted .pagination>.active>span:focus,.colored_table table.ninja_table_pro.inverted .pagination>.active>span:hover{background-color:rgba(0,0,0,.15);border-color:hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.colored_table table.ninja_table_pro.inverted .pagination a.footable-page-link{color:rgba(0,0,0,.5)}.colored_table table.ninja_table_pro.inverted .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.colored_table table.ninja_table_pro.inverted thead tr.footable-header{background:inherit;border-color:inherit;color:inherit}.colored_table table.ninja_table_pro.inverted tbody tr,.colored_table table.ninja_table_pro.inverted tbody tr td{background:inherit;color:inherit}.colored_table table.ninja_table_pro.inverted.table.ninja_stacked_table{background-color:unset!important;color:unset!important}table.ninja_footable.ninja_stacked_table thead .footable-header{display:none!important;visibility:hidden!important}table.ninja_footable.ninja_stacked_table>tbody>tr{display:none}table.ninja_footable.ninja_stacked_table>tbody>tr.footable-empty{display:table-row!important}table.ninja_footable.ninja_stacked_table>tbody>tr.footable-detail-row{display:table-row}table.ninja_footable.ninja_stacked_table>tbody>tr.footable-detail-row:hover{background-color:inherit}table.ninja_footable.ninja_stacked_table>tbody>tr.footable-detail-row span.footable-toggle{display:none!important;visibility:hidden!important}table.ninja_footable.ninja_stacked_table>tbody>tr.footable-detail-row table.footable-details{border:1px solid #ccc;border-radius:0;margin:10px 0}table.ninja_footable.ninja_stacked_table>tbody>tr.footable-detail-row>td{border:none!important}table.ninja_footable.ninja_stacked_table.hide_stacked_th>tbody>tr.footable-detail-row tbody th{display:none!important}table.ninja_footable.ninja_stacked_table.ninja_stacked_no_cell_border>tbody>tr.footable-detail-row tr td,table.ninja_footable.ninja_stacked_table.ninja_stacked_no_cell_border>tbody>tr.footable-detail-row tr th{border:0!important}.nt_editor_modal{display:none!important;visibility:hidden!important}.nt_editor_modal .nt_image_preview{width:64px}.nt_editor_modal .nt_image_preview img{max-width:100%}.nt_editor_modal .nt_image_uploader_wrapper{background:#ececec;border-radius:4px;padding:10px}.nt_editor_modal .nt_btn_upload{background:gray;border-radius:4px;color:#fff;font-weight:400;padding:5px 10px}.nt_editor_modal .nt_btn_remove{background:#e6a23c;border-color:#e6a23c;border-radius:4px;color:#fff;font-weight:400;padding:5px 10px}.nt_editor_modal .nt_btn_upload,.nt_editor_modal .nt_image_remove{margin-top:5px}.nt_editor_modal .nt_form_loader{background:hsla(0,0%,100%,.5);bottom:0;display:none;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:99999}.nt_editor_modal .nt_form_loader i.fooicon.fooicon-loader{animation:fooicon-spin-r 2s linear infinite;font-size:30px;height:30px;left:49%;line-height:30px;position:absolute;right:49%;top:48%;width:30px}.nt_editor_modal.show_nt_modal{display:block!important;transition:all .5s ease;visibility:visible!important}.nt_editor_modal.has_nt_modal{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999}.nt_editor_modal.has_nt_modal .nt_modal_wrapper{background:#fff;border:0;border-radius:3px;box-shadow:0 5px 20px rgba(0,0,0,.31);margin:70px auto 20px;max-width:95%;position:relative;text-align:left;width:650px}.nt_editor_modal .nt_modal_header{border-bottom:1px solid #e5e5e5;display:block;margin:0;min-height:25px;padding:10px 20px;position:relative}.nt_editor_modal .nt_modal_header h3{font-size:22px;margin:0;padding:0}.nt_editor_modal .nt_modal_header .nt_editor_close{color:#545454;cursor:pointer;font-family:arial;font-size:22px;line-height:22px;position:absolute;right:20px;top:15px}.nt_editor_modal .nt_modal_header .nt_editor_close:hover{color:#000}.nt_editor_modal .nt_modal_body{display:block;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px 25px;text-align:left}.nt_editor_modal .nt_modal_body .nt_form_group{display:block;margin-bottom:15px;width:100%}.nt_editor_modal .nt_modal_body .nt_form_group>label{font-weight:700}.nt_editor_modal .nt_modal_body .nt_form_group .nt_form_input,.nt_editor_modal .nt_modal_body .nt_form_group .nt_form_textarea{background:#fff;border:1px solid #e5e5e5;min-width:100%;padding:5px 10px;width:100%}.nt_editor_modal .nt_modal_body .nt_form_group .nt_form_input:focus,.nt_editor_modal .nt_modal_body .nt_form_group .nt_form_textarea:focus{border:1px solid #737373}.nt_editor_modal .nt_modal_body .nt_form_group .nt_form_textarea{max-width:100%;min-height:75px}.nt_editor_modal .nt_modal_body .nt_is_required{color:#a94442}.nt_editor_modal .nt_modal_footer{background:#f9f9f9;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid #e5e5e5;padding:0 10px;text-align:right}.nt_editor_modal .nt_modal_footer .nt_editor_action{color:#545454;cursor:pointer;display:inline-block;font-size:16px;margin-left:20px;padding:10px}.nt_editor_modal .nt_modal_footer .nt_editor_action:hover{color:#000}.nt_editor_modal.nt_modal_adding .nt_delete_data_header,.nt_editor_modal.nt_modal_adding .nt_delete_modal_body,.nt_editor_modal.nt_modal_adding .nt_edit_data_header,.nt_editor_modal.nt_modal_adding .nt_editor_delete,.nt_editor_modal.nt_modal_adding .nt_editor_update,.nt_editor_modal.nt_modal_editing .nt_add_data_header,.nt_editor_modal.nt_modal_editing .nt_delete_data_header,.nt_editor_modal.nt_modal_editing .nt_delete_modal_body,.nt_editor_modal.nt_modal_editing .nt_editor_add,.nt_editor_modal.nt_modal_editing .nt_editor_delete,.nt_editor_modal.nt_row_delete .nt_add_data_header,.nt_editor_modal.nt_row_delete .nt_edit_add_modal_body,.nt_editor_modal.nt_row_delete .nt_edit_data_header,.nt_editor_modal.nt_row_delete .nt_editor_add,.nt_editor_modal.nt_row_delete .nt_editor_apply,.nt_editor_modal.nt_row_delete .nt_editor_update{display:none!important}.nt_editor_modal.nt_row_delete .nt_modal_wrapper{margin-top:20vh}.nt_editor_modal.nt_submitting_form .nt_form_loader{display:block;visibility:visible}.pika-single.is-bound{z-index:10000000000000000}.nt_pro_notification{background-color:#d9edf7;border-color:#bce8f1;border-radius:5px;bottom:10px;box-shadow:3px 3px 3px 3px hsla(0,3%,70%,.478);color:#31708f;padding:5px 20px;position:fixed;right:10px;width:auto;z-index:9999999999}.nt_pro_notification.nt_notification_type_success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.nt_pro_notification.nt_notification_type_error{background-color:#f2dede;border-color:#ebccd1;color:#a94442}table.ninja_footable.hide_all_borders{border:none!important}table.hide_horizonal_borders tbody tr td,table.hide_horizonal_borders tbody tr th{border-bottom:none!important;border-top:none!important}table.hide_vertical_borders{border:1px solid rgba(34,36,38,.15)}table.hide_vertical_borders tbody tr td,table.hide_vertical_borders tbody tr th{border-left-width:0!important;border-right-width:0!important}table.ninja_footable.ninja_stacked_table{background-color:unset!important;border:none!important}table.ninja_footable.ninja_stacked_table .footable-details{max-width:100%;width:100%}.footable_legacy_loader{display:none}body.ninja_tables_modal_open{overflow:hidden!important}.invisible{display:none!important}.ninja_footable tbody,.ninja_footable td,.ninja_footable th,.ninja_footable.table{border:unset}.ninja_footable tfoot .footable-paging{background-color:#fff}.ninja-footable-loader .footable-loader{display:none!important}.nt_sticky_first_column .footable-header th:first-child,.nt_sticky_first_column tbody td:first-child{left:0;position:sticky;z-index:1}:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}	
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
} input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
} .pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 4rem;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-primary hr {
border-top-color: #9fcdff;
}
.alert-primary .alert-link {
color: #002752;
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert-secondary hr {
border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
color: #202326;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-success hr {
border-top-color: #b1dfbb;
}
.alert-success .alert-link {
color: #0b2e13;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert-info hr {
border-top-color: #abdde5;
}
.alert-info .alert-link {
color: #062c33;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-warning hr {
border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
color: #533f03;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-danger hr {
border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
color: #491217;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0056b3 !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #19692c !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #a71d2a !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #121416 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.hidden{
display:none!important
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
.container {
min-width: 992px !important;
}
}#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
-moz-user-select:none;
background:rgba(0,0,0,.90);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000'); -webkit-transform:translate3d(0);
transition:opacity 300ms ease;
}
#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url(//www.intermed.kku.ac.th/wp-content/plugins/album-gallery-premium/assets/lightbox/images/loading.gif) no-repeat center center; }
@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }
.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }
.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }
.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; } @keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }
#pbOverlay button{ outline:0 !important; box-shadow:0; }
.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative;  }
.video > .pbWrapper{ z-index:11; display:inline-block; } .pbLoading .pbWrapper{ display:inline-block\9; width:100%; } .pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
.thumbs .pbWrapper{ padding:0; margin:0; }
.error .pbWrapperr img{ width:0; }
.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
.video > .pbWrapper > div{ display:inline-block; }
#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }
.pbWrapper .pbHide iframe{ opacity:0; }
.pbWrapper > div,
.pbWrapper > img{
transition:.5s .5s cubic-bezier(.1, .87, .48, 1);
-webkit-transform:none;
-ms-transform:none;
transform:none;
-webkit-backface-visibility:hidden;
box-shadow:0 0 20px #000;
opacity: 1;
} .mobile.show .pbWrapper > div,
.mobile.show .pbWrapper > img{
transition:30ms;
} .pbWrapper > *,
.pbHide .pbWrapper > .prepare{ opacity:0; vertical-align:middle; -webkit-transform:scale(.2) rotateX(80deg); -ms-transform:scale(.2) rotateX(80deg); transform:scale(.2) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
.on .pbWrapper > *{ transition-delay:0s; }
.pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
.pbWrapper .rotating{ -webkit-transition:.25s cubic-bezier(.4,.04,0,1); transition:.25s cubic-bezier(.4,.04,0,1); }
.pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; } #pbCloseBtn,
#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }
#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); } #pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
#pbAutoplayBtn.play:before{ content:'\25BA'; }
#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }
#pbCaption,
.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transform:translateZ(0px); transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
#pbOverlay.thumbs #pbCaption label{ display:block; }
#pbCaption label{ display:none; float:right; margin:0 1em; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
#pbCaption label:after{ content:'\276F'; font-size:30px; line-height:30px; display:inline-block; transform:rotate(-90deg); transition:.2s ease-out; }
#pbCaption label:hover{ opacity:1; }
#pbCaption .title,
#pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
#pbCaption .counter{ display:none; opacity:.55; }
.hasCounter #pbCaption .counter{ display:inline-block; }
.pbCaptionText{ display:inline-block; transition:.3s; opacity:.9; font-weight:bold; vertical-align:middle; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } .pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }
#pbCaption .rotateBtn{ display:none; background:none; border:0; font:800 1.7em/0 Arial; vertical-align:middle; color:rgba(255,255,255,.5); width:1.1em; height:1.1em; padding:0; border-radius:50%; background:rgba(0,0,0,.2); cursor:pointer; transition:.15s ease-out; }
#pbCaption .rotateBtn.show{ display:block; float:right; }
#pbCaption .rotateBtn:hover{ color:rgba(255,255,255,.7); }
#pbCaption .rotateBtn:active{ color:white; background:rgba(0,0,0,.4); }
.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; } #pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ #pbCaption label:after{ transform:rotate(90deg) }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }
.pbThumbs{ display:none; transition:.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
.pbThumbs ul:after{ vertical-align:bottom; }
.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
.pbThumbs li.active{ height:100%; opacity:1; }
.pbThumbs li:hover{ height:100%; opacity:1; }
.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,.4); box-shadow:0 0 0 3px rgba(0,0,0,.4); border-radius:0 3px 0 0; pointer-events:none; }
.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
.pbThumbs li:hover a{  }
.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:.15s; }
.pbThumbs li:hover img{ min-height:96%; } .pbThumbs li.fast a img{ transition:none; }
.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }
#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; filter:alpha(opacity=0); cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.pbHide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; filter:alpha(opacity=50); }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; filter:alpha(opacity=100); text-shadow:0 0 16px #FFF, 0 0 10px #000; }
.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
.prevNext:hover b{ transition:.2s cubic-bezier(.095, .870, .485, .985); }
#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); } #pbPrevBtn b:before,
#pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }
#pbPrevBtn b:before{ content:'\2039'; }
#pbNextBtn b:after{ content:'\203A'; } .on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }
.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; } @media all and (max-width:700px){
.pbWrapper img,
.pbHide .pbWrapper img.prepare{ max-height:100%; }
.thumbs .pbWrapper{ padding:0; margin:0; }
.pbThumbs{ margin-bottom:-60px; }
.pbThumbs.show{ margin:0; }
.pbThumbs ul{ height:50px; }
.pbThumbs li{ height:100%; opacity:1; }
.pbThumbs li img{ min-height:96.5%; }
} @media all and (max-width:710px){
.pbThumbs li.active a img{ min-height:96%; }
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.group:after { content: "."; display: block; height: auto; clear: both; visibility: hidden; }
* html .group { height: 1%; }
*:first-child+html .group { min-height: 0px; }  .stack { float: left; margin: 0 15% 15% 0; position: relative; z-index: 10; } .stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; } .stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-webkit-transition: 0.3s all ease-out;
-moz-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } .stack:after { top: 8px; z-index: -20; }  .stack.rotated:before { 
-webkit-transform-origin: left bottom left;
-moz-transform-origin: left bottom left;
transform-origin: left bottom left;
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
transform: rotate(6deg);
}
.stack.rotated:after { 
-webkit-transform-origin: left bottom left;
-moz-transform-origin: left bottom left;
transform-origin: left bottom left;
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
transform: rotate(12deg);
} .stack.twisted:before {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform: rotate(10deg);
}	
.stack.twisted:after {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
} .stack.rotated-left:before {
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.stack.rotated-left:after {
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
transform: rotate(-8deg);
} .stack.rotated-right:before { 
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
transform: rotate(4deg);
}
.stack.rotated-right:after { 
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
transform: rotate(8deg);
} .stack:hover:before, .stack:hover:after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
} @media only screen and (min-width: 320px) and (max-width: 480px) {
.stack { float: none; margin-bottom: 35px; }
h1.title { margin: 15px 0; }
} @media only screen and (min-width: 768px) and (max-width: 1024px) {
.stack { float: none; margin-bottom: 35px; }
h1.title { margin: 15px 0; }
}.effect img {
opacity:1;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.effect .mask {
opacity:0;
overflow:visible;
border-color:rgba(0,0,0,0.7) transparent transparent transparent;
border-style:solid;
border-width:150px;
width:0;
height:0;
-moz-transform:translateY(-125px);
-webkit-transform:translateY(-125px);
-o-transform:translateY(-125px);
-ms-transform:translateY(-125px);
transform:translateY(-125px);
-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
opacity:0;
-moz-transform:translateY(-125px);
-webkit-transform:translateY(-125px);
-o-transform:translateY(-125px);
-ms-transform:translateY(-125px);
transform:translateY(-125px);
-moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
-webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
-o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover img {
opacity:0.7;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
}
.effect:hover .mask {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.effect:hover a.info {
opacity:1;
-moz-transform:translateY(100px);
-webkit-transform:translateY(100px);
-o-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px);
} .second-effect .mask {
opacity: 0;
overflow:visible;
border:0px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.second-effect a.info {
position:relative;
top:-10px;
opacity:0;
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-o-transform:scale(0,0);
-ms-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
opacity: 1;
border:500px solid rgba(0,0,0,0.8);
}
.second-effect:hover a.info {
opacity:1;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-moz-transition-delay:0.6s;
-webkit-transition-delay:0.6s;
-o-transition-delay:0.6s;
-ms-transition-delay:0.6s;
transition-delay:0.6s;
} .third-effect .mask {
opacity: 0;
overflow:visible;
border:500px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.third-effect a.info {
position:relative;
top:-10px;
opacity: 0;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
-ms-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
opacity: 1;
border:500px solid rgba(0,0,0,0.7);
}
.third-effect:hover a.info {
opacity:1;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
} .fourth-effect .mask {
position:absolute; top:50px;
left:100px;
cursor:pointer;
border-radius: 50px;
border-width: 50px;
display: inline-block; border: 500px solid rgba(0, 0, 0, 0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
opacity:1;
-moz-transform:scale(4);
-webkit-transform:scale(4);
-o-transform:scale(4);
-ms-transform:scale(4);
transform:scale(4);
-moz-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
transition:top bottom 1.2s ease-in-out;
}
.fourth-effect:hover .mask {
opacity: 0;
border:0px solid rgba(0,0,0,0.7);
visibility:hidden;
} .fifth-effect img {
opacity:0.2;
-moz-transition: all 0.3s ease-in;
}
.fifth-effect .mask {
cursor:pointer;
opacity:1;
visibility:visible;
border:310px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.fifth-effect:hover .mask {
border:0px double rgba(0,0,0,0.7);
opacity:0;
visibility:hidden;
}
.fifth-effect:hover img {
opacity:1;
} .sixth-effect .mask {
opacity: 1;
overflow:visible;
border:500px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.sixth-effect a.info {
position:relative;
top:-10px;
opacity: 0;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
-ms-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
}
.sixth-effect:hover .mask {
opacity: 0;
border:10px solid rgba(0,0,0,0.7);
}
.sixth-effect:hover a.info {
opacity:0;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
} .seventh-effect .mask {
opacity: 1;
overflow:visible;
border:500px solid rgba(0,0,0,0.7);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.seventh-effect a.info {
position:relative;
top:-10px;
opacity: 1;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
-ms-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
}
.seventh-effect:hover .mask {
opacity: 0;
border:310px solid rgba(0,0,0,0.7);
}
.seventh-effect:hover a.info {
opacity:0;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
} .eighth-effect img {
opacity:0.5;
-moz-transition:all 0.5s ease-in;
-webkit-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
-ms-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.eighth-effect .mask {
cursor:pointer;
opacity:0.5;
}
.eighth-effect:hover .mask {
opacity:1;
}
.eighth-effect:hover img {
opacity:1;
} .ninth-effect img {
opacity:1;
-moz-transition:all 0.5s ease-in;
-webkit-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
-ms-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.ninth-effect .mask {
cursor:pointer;
}
.ninth-effect:hover .mask {
opacity:0.5;
}
.ninth-effect:hover img {
opacity:0.5;
}.view {
float: left;
border: 5px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 0px 0px 5px #aaa;
cursor: default;
}
.view .mask, .view .content {
width: 100% !important;
height: 100% !important;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view a.info {
background:url(//www.intermed.kku.ac.th/wp-content/plugins/album-gallery-premium/assets/css/icon/link.png) center no-repeat;
display: inline-block;
text-decoration: none;
padding:0;
text-indent:-9999px;
width:20px;
height:20px;
color:#FFF !important;
} @media only screen and (min-width: 320px) and (max-width: 480px) {
.view { margin-bottom: 35px; }
}.elementor-widget-google_maps .elementor-widget-container,.elementor-widget-google_maps:not(:has(.elementor-widget-container)){overflow:hidden}.elementor-widget-google_maps .elementor-custom-embed{line-height:0}.elementor-widget-google_maps iframe{height:300px}