WordPress.org
Get WordPress

Plugin Directory

Changeset 1493677


Ignore:
Timestamp:
09/10/2016 09:53:35 AM (9 years ago)
Author:
tranthethang
Message:

Improve: hook "admin_enqueue_scripts"

Location:
kopatheme
Files:
274 added
4 deleted
9 edited

Legend:

Unmodified
Added
Removed

  • kopatheme/trunk/assets/css/admin.css

    r1486248 r1493677  
    1616  background-image: none;
    1717  border: 1px solid #d3d7da;
    18   box-shadow: 0 0 8px 1px #e9e8e8 inset;
    19 }
     18  box-shadow: 0 0 8px 1px #e9e8e8 inset; }
    2019
    2120.clearfix:before, #kopa_options_wrap .kopa_controls:before, #kopa_options_wrap .kopa_google_font_preview:before, #kopa_options_wrap .kopa_select_custom_font:before, #kopa_options_wrap .kopa_sidebar_header:before, .clearfix:after, #kopa_options_wrap .kopa_controls:after, #kopa_options_wrap .kopa_google_font_preview:after, #kopa_options_wrap .kopa_select_custom_font:after, #kopa_options_wrap .kopa_sidebar_header:after {
    2221  content: " ";
    23   display: table;
    24 }
     22  display: table; }
    2523
    2624.clearfix:after, #kopa_options_wrap .kopa_controls:after, #kopa_options_wrap .kopa_google_font_preview:after, #kopa_options_wrap .kopa_select_custom_font:after, #kopa_options_wrap .kopa_sidebar_header:after {
    27   clear: both;
    28 }
     25  clear: both; }
    2926
    3027.kopa_group_description {
    … …  
    3330  font-size: 10px;
    3431  font-style: italic;
    35   color: #999;
    36 }
     32  color: #999; }
    3733
    3834#kopa_options_wrap * {
    3935  -webkit-box-sizing: border-box;
    4036  -moz-box-sizing: border-box;
    41   box-sizing: border-box;
    42 }
     37  box-sizing: border-box; }
    4338#kopa_options_wrap a {
    44   text-decoration: none;
    45 }
    46 #kopa_options_wrap a:hover, #kopa_options_wrap a:focus {
    47   text-decoration: none;
    48   outline: none;
    49 }
     39  text-decoration: none; }
     40  #kopa_options_wrap a:hover, #kopa_options_wrap a:focus {
     41    text-decoration: none;
     42    outline: none; }
    5043#kopa_options_wrap input[type="text"], #kopa_options_wrap input[type="email"], #kopa_options_wrap input[type="number"], #kopa_options_wrap input[type="password"], #kopa_options_wrap input[type="url"] {
    51   margin: 0;
    52 }
     44  margin: 0; }
    5345#kopa_options_wrap textarea {
    5446  height: 160px;
    55   /*margin-bottom: 15px;*/
    56 }
     47  /*margin-bottom: 15px;*/ }
    5748#kopa_options_wrap .kopa_sidebar_body,
    5849#kopa_options_wrap .kopa_sidebar_before_widget,
    … …  
    6152#kopa_options_wrap .kopa_sidebar_after_title,
    6253#kopa_options_wrap .kopa_tab_pane {
    63   display: none;
    64 }
     54  display: none; }
    6555#kopa_options_wrap .kopa_hide {
    66   display: none;
    67 }
     56  display: none; }
    6857#kopa_options_wrap .kopa_tab_content {
    69   min-height: 900px;
    70 }
     58  min-height: 900px; }
    7159#kopa_options_wrap .postbox {
    7260  padding: 0 0 30px 200px;
    … …  
    7765  border-left: none;
    7866  box-shadow: none;
    79   margin-top: 65px;
    80 }
     67  margin-top: 65px; }
    8168#kopa_options_wrap #kopa-logo {
    8269  position: absolute;
    … …  
    8471  left: 53px;
    8572  top: -20px;
    86   z-index: 9;
    87 }
     73  z-index: 9; }
    8874#kopa_options_wrap .kopa_nav_tabs {
    8975  margin: 0;
    … …  
    9177  padding-top: 115px;
    9278  position: relative;
    93   z-index: 1;
    94 }
    95 #kopa_options_wrap .kopa_nav_tabs li {
    96   margin-bottom: 0;
    97   padding-left: 20px;
    98   border-top: 1px solid #3b3b43;
    99   position: relative;
    100   cursor: pointer;
    101 }
    102 #kopa_options_wrap .kopa_nav_tabs li.kopa_nav_active, #kopa_options_wrap .kopa_nav_tabs li:hover {
    103   background: #1189c4;
    104 }
    105 #kopa_options_wrap .kopa_nav_tabs li.kopa_nav_active:before, #kopa_options_wrap .kopa_nav_tabs li:hover:before {
    106   display: inline-block;
    107   font-family: FontAwesome;
    108   font-style: normal;
    109   font-weight: normal;
    110   line-height: 1;
    111   -webkit-font-smoothing: antialiased;
    112   -moz-osx-font-smoothing: grayscale;
    113   content: "\f105";
    114   position: absolute;
    115   right: 18px;
    116   top: 15px;
    117   color: #fff;
    118   font-size: 16px;
    119 }
    120 #kopa_options_wrap .kopa_nav_tabs a {
    121   color: #fff;
    122   padding: 14px 0;
    123   display: inline-block;
    124 }
    125 #kopa_options_wrap .kopa_nav_tabs:before {
    126   content: '';
    127   display: block;
    128   width: 200px;
    129   height: 85px;
    130   background: #28282e;
    131   position: absolute;
    132   top: -55px;
    133   left: 0;
    134 }
    135 #kopa_options_wrap .kopa_nav_tabs span {
    136   color: #fff;
    137   margin-right: 10px;
    138 }
     79  z-index: 1; }
     80  #kopa_options_wrap .kopa_nav_tabs li {
     81    margin-bottom: 0;
     82    padding-left: 20px;
     83    border-top: 1px solid #3b3b43;
     84    position: relative;
     85    cursor: pointer; }
     86    #kopa_options_wrap .kopa_nav_tabs li.kopa_nav_active, #kopa_options_wrap .kopa_nav_tabs li:hover {
     87      background: #1189c4; }
     88      #kopa_options_wrap .kopa_nav_tabs li.kopa_nav_active:before, #kopa_options_wrap .kopa_nav_tabs li:hover:before {
     89        display: inline-block;
     90        font-family: FontAwesome;
     91        font-style: normal;
     92        font-weight: normal;
     93        line-height: 1;
     94        -webkit-font-smoothing: antialiased;
     95        -moz-osx-font-smoothing: grayscale;
     96        content: "\f105";
     97        position: absolute;
     98        right: 18px;
     99        top: 15px;
     100        color: #fff;
     101        font-size: 16px; }
     102  #kopa_options_wrap .kopa_nav_tabs a {
     103    color: #fff;
     104    padding: 14px 0;
     105    display: inline-block; }
     106  #kopa_options_wrap .kopa_nav_tabs:before {
     107    content: '';
     108    display: block;
     109    width: 200px;
     110    height: 85px;
     111    background: #28282e;
     112    position: absolute;
     113    top: -55px;
     114    left: 0; }
     115  #kopa_options_wrap .kopa_nav_tabs span {
     116    color: #fff;
     117    margin-right: 10px; }
    139118#kopa_options_wrap .kopa_nav_tab_wrapper {
    140119  background: #fff;
    … …  
    148127  margin-top: -55px;
    149128  z-index: 9;
    150   border-bottom: 1px solid #d3d7da;
    151 }
    152 #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab {
    153   border-right: 1px solid #d3d7da;
    154   padding: 0 55px;
    155   display: inline-block;
    156   color: #4b4b4b;
    157   float: left;
    158   background: #f8f8f8;
    159   text-transform: uppercase;
    160 }
    161 #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab:first-child {
    162   border-left: none;
    163 }
    164 #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab.kopa_nav_tab_active {
    165   background: #fff;
    166 }
    167 #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab:hover {
    168   background: #fff;
    169 }
     129  border-bottom: 1px solid #d3d7da; }
     130  #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab {
     131    border-right: 1px solid #d3d7da;
     132    padding: 0 55px;
     133    display: inline-block;
     134    color: #4b4b4b;
     135    float: left;
     136    background: #f8f8f8;
     137    text-transform: uppercase; }
     138    #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab:first-child {
     139      border-left: none; }
     140    #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab.kopa_nav_tab_active {
     141      background: #fff; }
     142    #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab:hover {
     143      background: #fff; }
    170144#kopa_options_wrap .kopa_tab_content {
    171145  background: #fff;
    172   padding: 0 20px;
    173 }
    174 #kopa_options_wrap .kopa_tab_content .kopa_heading {
    175   font-size: 14px;
    176   font-weight: 700;
    177   color: #555;
    178   border-bottom: none;
    179   padding: 0;
    180   margin: 0 0 10px;
    181   line-height: 1.4;
    182 }
    183 #kopa_options_wrap .kopa_tab_content .kopa_description {
    184   margin-bottom: 10px;
    185   margin-top: -10px;
    186   font-size: 11px;
    187 }
    188 #kopa_options_wrap .kopa_tab_content .kopa_description p {
    189   font-size: 11px;
    190 }
    191 #kopa_options_wrap .kopa_tab_content .kopa_section {
    192   padding: 20px;
    193   border: 1px solid #d3d7da;
    194   margin-top: -1px;
    195 }
     146  padding: 0 20px; }
     147  #kopa_options_wrap .kopa_tab_content .kopa_heading {
     148    font-size: 14px;
     149    font-weight: 700;
     150    color: #555;
     151    border-bottom: none;
     152    padding: 0;
     153    margin: 0 0 10px;
     154    line-height: 1.4; }
     155  #kopa_options_wrap .kopa_tab_content .kopa_description {
     156    margin-bottom: 10px;
     157    margin-top: -10px;
     158    font-size: 11px; }
     159    #kopa_options_wrap .kopa_tab_content .kopa_description p {
     160      font-size: 11px; }
     161  #kopa_options_wrap .kopa_tab_content .kopa_section {
     162    padding: 20px;
     163    border: 1px solid #d3d7da;
     164    margin-top: -1px; }
    196165#kopa_options_wrap .kopa_section_group {
    197166  position: relative;
    198167  margin: 40px 0;
    199   border: 1px solid #d3d7da;
    200 }
    201 #kopa_options_wrap .kopa_section_group .kopa_section_group {
    202   margin: 20px;
    203 }
    204 #kopa_options_wrap .kopa_section_group .kopa_section {
    205   border-width: 0 0 1px 0;
    206 }
    207 #kopa_options_wrap .kopa_section_group .kopa_section:last-child {
    208   border-width: 0;
    209 }
     168  border: 1px solid #d3d7da; }
     169  #kopa_options_wrap .kopa_section_group .kopa_section_group {
     170    margin: 20px; }
     171  #kopa_options_wrap .kopa_section_group .kopa_section {
     172    border-width: 0 0 1px 0; }
     173  #kopa_options_wrap .kopa_section_group .kopa_section:last-child {
     174    border-width: 0; }
    210175#kopa_options_wrap .kopa_section_group.kopa_section_group_layout .kopa_section,
    211176#kopa_options_wrap .kopa_section_group.kopa_section_group_layout .kopa_section:last-child {
    212   border-width: 1px;
    213 }
     177  border-width: 1px; }
    214178#kopa_options_wrap .kopa_heading_group {
    215179  position: absolute;
    … …  
    225189  margin: 0;
    226190  cursor: default;
    227   line-height: 1.4;
    228 }
     191  line-height: 1.4; }
    229192#kopa_options_wrap .kopa_controls {
    230   position: relative;
    231 }
    232 #kopa_options_wrap .kopa_controls select {
    233   margin: 0;
    234 }
    235 #kopa_options_wrap .kopa_controls #multi-select-field {
    236   height: auto;
    237 }
    238 #kopa_options_wrap .kopa_controls .kopa_sidebar_add_button {
    239   position: absolute;
    240   background: #499bea;
    241   /* Old browsers */
    242   background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
    243   /* FF3.6+ */
    244   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
    245   /* Chrome,Safari4+ */
    246   background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
    247   /* Chrome10+,Safari5.1+ */
    248   background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
    249   /* Opera 11.10+ */
    250   background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
    251   /* IE10+ */
    252   background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
    253   /* W3C */
    254   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
    255   /* IE6-9 */
    256   border: none;
    257   border-radius: 0;
    258   padding: 0 20px;
    259   line-height: 40px;
    260   height: 40px;
    261   display: inline-block;
    262   font-size: 14px;
    263   color: #fff;
    264   box-shadow: none;
    265   cursor: pointer;
    266   -moz-transition: all .3s;
    267   -webkit-transition: all .3s;
    268   transition: all .3s;
    269   height: 28px;
    270   line-height: 28px;
    271   top: 4px;
    272   right: 5px;
    273 }
    274 #kopa_options_wrap .kopa_controls .kopa_sidebar_add_button:hover {
    275   background: #ff1a00;
    276   /* Old browsers */
    277   background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    278   /* FF3.6+ */
    279   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1a00), color-stop(100%, #ff1a00));
    280   /* Chrome,Safari4+ */
    281   background: -webkit-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    282   /* Chrome10+,Safari5.1+ */
    283   background: -o-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    284   /* Opera 11.10+ */
    285   background: -ms-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    286   /* IE10+ */
    287   background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
    288   /* W3C */
    289   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
    290   /* IE6-9 */
    291   color: #fff;
    292 }
    293 #kopa_options_wrap .kopa_controls .kopa_upload_button, #kopa_options_wrap .kopa_controls .kopa_remove_file {
    294   position: absolute;
    295   right: -1px;
    296   top: 16px;
    297   display: inline-block;
    298   width: auto;
    299   background: #f7f7f7;
    300   border-radius: 0;
    301 }
    302 #kopa_options_wrap .kopa_controls .kopa_upload_button:hover, #kopa_options_wrap .kopa_controls .kopa_remove_file:hover {
    303   background: #fafafa;
    304 }
    305 #kopa_options_wrap .kopa_controls .wp-color-picker {
    306   font-size: 12px;
    307   width: 65px;
    308   line-height: 16px;
    309   height: auto;
    310   padding: 3px 5px;
    311   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
    312   border: 1px solid #d3d7da;
    313   display: inline-block;
    314 }
    315 #kopa_options_wrap .kopa_controls .kopa_select_font,
    316 #kopa_options_wrap .kopa_controls .kopa_select_font_style,
    317 #kopa_options_wrap .kopa_controls .kopa_select_font_size,
    318 #kopa_options_wrap .kopa_controls .wp-picker-container {
    319   float: left;
    320   margin-right: 20px;
    321 }
    322 #kopa_options_wrap .kopa_controls .kopa_select_font {
    323   width: 300px;
    324 }
    325 #kopa_options_wrap .kopa_controls .kopa_select_font optgroup {
    326   width: 280px;
    327 }
    328 #kopa_options_wrap .kopa_controls .kopa_select_font_style {
    329   width: 120px;
    330 }
    331 #kopa_options_wrap .kopa_controls .kopa_select_font_size {
    332   width: 100px;
    333 }
     193  position: relative; }
     194  #kopa_options_wrap .kopa_controls select {
     195    margin: 0; }
     196  #kopa_options_wrap .kopa_controls #multi-select-field {
     197    height: auto; }
     198  #kopa_options_wrap .kopa_controls .kopa_sidebar_add_button {
     199    position: absolute;
     200    background: #499bea;
     201    /* Old browsers */
     202    background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
     203    /* FF3.6+ */
     204    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
     205    /* Chrome,Safari4+ */
     206    background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
     207    /* Chrome10+,Safari5.1+ */
     208    background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
     209    /* Opera 11.10+ */
     210    background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
     211    /* IE10+ */
     212    background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
     213    /* W3C */
     214    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
     215    /* IE6-9 */
     216    border: none;
     217    border-radius: 0;
     218    padding: 0 20px;
     219    line-height: 40px;
     220    height: 40px;
     221    display: inline-block;
     222    font-size: 14px;
     223    color: #fff;
     224    box-shadow: none;
     225    cursor: pointer;
     226    -moz-transition: all .3s;
     227    -webkit-transition: all .3s;
     228    transition: all .3s;
     229    height: 28px;
     230    line-height: 28px;
     231    top: 4px;
     232    right: 5px; }
     233    #kopa_options_wrap .kopa_controls .kopa_sidebar_add_button:hover {
     234      background: #ff1a00;
     235      /* Old browsers */
     236      background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     237      /* FF3.6+ */
     238      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1a00), color-stop(100%, #ff1a00));
     239      /* Chrome,Safari4+ */
     240      background: -webkit-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     241      /* Chrome10+,Safari5.1+ */
     242      background: -o-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     243      /* Opera 11.10+ */
     244      background: -ms-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     245      /* IE10+ */
     246      background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
     247      /* W3C */
     248      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
     249      /* IE6-9 */
     250      color: #fff; }
     251  #kopa_options_wrap .kopa_controls .kopa_upload_button, #kopa_options_wrap .kopa_controls .kopa_remove_file {
     252    position: absolute;
     253    right: -1px;
     254    top: 16px;
     255    display: inline-block;
     256    width: auto;
     257    background: #f7f7f7;
     258    border-radius: 0; }
     259    #kopa_options_wrap .kopa_controls .kopa_upload_button:hover, #kopa_options_wrap .kopa_controls .kopa_remove_file:hover {
     260      background: #fafafa; }
     261  #kopa_options_wrap .kopa_controls .wp-color-picker {
     262    font-size: 12px;
     263    width: 65px;
     264    line-height: 16px;
     265    height: auto;
     266    padding: 3px 5px;
     267    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
     268    border: 1px solid #d3d7da;
     269    display: inline-block; }
     270  #kopa_options_wrap .kopa_controls .kopa_select_font,
     271  #kopa_options_wrap .kopa_controls .kopa_select_font_style,
     272  #kopa_options_wrap .kopa_controls .kopa_select_font_size,
     273  #kopa_options_wrap .kopa_controls .wp-picker-container {
     274    float: left;
     275    margin-right: 20px; }
     276  #kopa_options_wrap .kopa_controls .kopa_select_font {
     277    width: 300px; }
     278    #kopa_options_wrap .kopa_controls .kopa_select_font optgroup {
     279      width: 280px; }
     280  #kopa_options_wrap .kopa_controls .kopa_select_font_style {
     281    width: 120px; }
     282  #kopa_options_wrap .kopa_controls .kopa_select_font_size {
     283    width: 100px; }
    334284#kopa_options_wrap .kopa_section_multiselect select {
    335   height: 150px;
    336 }
     285  height: 150px; }
    337286#kopa_options_wrap #kopa_options_submit, #kopa_options_wrap #kopa_options_submit_top {
    338287  padding: 8px 20px;
    339288  margin: -1px 20px 0 20px;
    340289  background: #f8f8f8;
    341   border: 1px solid #d3d7da;
    342 }
     290  border: 1px solid #d3d7da; }
    343291#kopa_options_wrap input[type="submit"] {
    344292  background: #499bea;
    … …  
    356304  background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
    357305  /* W3C */
    358   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
     306  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
    359307  /* IE6-9 */
    360308  border: none;
    … …  
    370318  -moz-transition: all .3s;
    371319  -webkit-transition: all .3s;
    372   transition: all .3s;
    373 }
    374 #kopa_options_wrap input[type="submit"]:hover {
    375   background: #ff1a00;
    376   /* Old browsers */
    377   background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    378   /* FF3.6+ */
    379   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1a00), color-stop(100%, #ff1a00));
    380   /* Chrome,Safari4+ */
    381   background: -webkit-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    382   /* Chrome10+,Safari5.1+ */
    383   background: -o-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    384   /* Opera 11.10+ */
    385   background: -ms-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    386   /* IE10+ */
    387   background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
    388   /* W3C */
    389   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
    390   /* IE6-9 */
    391   color: #fff;
    392 }
     320  transition: all .3s; }
     321  #kopa_options_wrap input[type="submit"]:hover {
     322    background: #ff1a00;
     323    /* Old browsers */
     324    background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     325    /* FF3.6+ */
     326    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1a00), color-stop(100%, #ff1a00));
     327    /* Chrome,Safari4+ */
     328    background: -webkit-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     329    /* Chrome10+,Safari5.1+ */
     330    background: -o-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     331    /* Opera 11.10+ */
     332    background: -ms-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     333    /* IE10+ */
     334    background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
     335    /* W3C */
     336    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
     337    /* IE6-9 */
     338    color: #fff; }
    393339#kopa_options_wrap .kopa_group_content {
    394   padding-top: 1px;
    395 }
     340  padding-top: 1px; }
    396341#kopa_options_wrap .kopa_section_layout_image {
    397342  padding-left: 20px;
    398343  float: right;
    399   width: 65%;
    400 }
    401 #kopa_options_wrap .kopa_section_layout_image img {
    402   display: block;
    403   width: 100%;
    404   height: auto;
    405 }
     344  width: 65%; }
     345  #kopa_options_wrap .kopa_section_layout_image img {
     346    display: block;
     347    width: 100%;
     348    height: auto; }
    406349#kopa_options_wrap .kopa_section_select_layout, #kopa_options_wrap .kopa_section_select_area_container {
    407350  float: left;
    408   width: 35%;
    409 }
     351  width: 35%; }
    410352#kopa_options_wrap .kopa_section_group_layout {
    411353  padding: 20px;
    412   border: 1px solid #d3d7da;
    413 }
    414 #kopa_options_wrap .kopa_section_group_layout .kopa_section {
    415   padding: 15px 20px 20px;
    416 }
    417 #kopa_options_wrap .kopa_section_group_layout .kopa_section_select_layout {
    418   margin-bottom: 10px;
    419 }
     354  border: 1px solid #d3d7da; }
     355  #kopa_options_wrap .kopa_section_group_layout .kopa_section {
     356    padding: 15px 20px 20px; }
     357  #kopa_options_wrap .kopa_section_group_layout .kopa_section_select_layout {
     358    margin-bottom: 10px; }
    420359#kopa_options_wrap #blog {
    421   margin-top: 40px;
    422 }
     360  margin-top: 40px; }
    423361#kopa_options_wrap .iris-picker {
    424   box-sizing: content-box;
    425 }
     362  box-sizing: content-box; }
    426363#kopa_options_wrap .wp-color-result, #kopa_options_wrap .ui-slider-handle {
    427   box-sizing: content-box;
    428 }
     364  box-sizing: content-box; }
    429365#kopa_options_wrap .kopa_google_font_preview {
    430366  float: left;
    431367  width: 100%;
    432   margin: 25px 0 0;
    433 }
     368  margin: 25px 0 0; }
    434369#kopa_options_wrap .kopa_select_custom_font {
    435370  position: relative;
    436371  float: left;
    437372  width: 100%;
    438   margin-top: 20px;
    439 }
    440 #kopa_options_wrap .kopa_select_custom_font input[type="text"] {
    441   float: left;
    442   margin: 0;
    443 }
    444 #kopa_options_wrap .kopa_select_custom_font input[type="text"].kopa_select_custom_font_name {
    445   margin-right: 20px;
    446   width: 300px;
    447 }
    448 #kopa_options_wrap .kopa_select_custom_font input[type="text"].kopa_select_custom_font_url {
    449   width: 544px;
    450   padding-right: 80px;
    451 }
     373  margin-top: 20px; }
     374  #kopa_options_wrap .kopa_select_custom_font input[type="text"] {
     375    float: left;
     376    margin: 0; }
     377    #kopa_options_wrap .kopa_select_custom_font input[type="text"].kopa_select_custom_font_name {
     378      margin-right: 20px;
     379      width: 300px; }
     380    #kopa_options_wrap .kopa_select_custom_font input[type="text"].kopa_select_custom_font_url {
     381      width: 544px;
     382      padding-right: 80px; }
    452383#kopa_options_wrap .kopa_select_font {
    453   border: 1px solid #d3d7da !important;
    454 }
     384  border: 1px solid #d3d7da !important; }
    455385#kopa_options_wrap .kopa_screenshot {
    456386  position: relative;
    457   display: inline-block;
    458 }
    459 #kopa_options_wrap .kopa_screenshot img {
    460   max-width: 300px;
    461   display: block;
    462   height: auto;
    463   margin-top: 20px;
    464 }
    465 #kopa_options_wrap .kopa_screenshot .kopa_remove_image {
    466   position: absolute;
    467   bottom: -15px;
    468   right: -8px;
    469   cursor: pointer;
    470   color: red;
    471   font-size: 0;
    472 }
    473 #kopa_options_wrap .kopa_screenshot .kopa_remove_image:before {
    474   content: "\f00d";
    475   display: inline-block;
    476   font-family: FontAwesome;
    477   font-style: normal;
    478   font-weight: normal;
    479   line-height: 1;
    480   -webkit-font-smoothing: antialiased;
    481   -moz-osx-font-smoothing: grayscale;
    482   font-size: 20px;
    483 }
    484 #kopa_options_wrap .kopa_screenshot.kopa_hide {
    485   display: none;
    486 }
     387  display: inline-block; }
     388  #kopa_options_wrap .kopa_screenshot img {
     389    max-width: 300px;
     390    display: block;
     391    height: auto;
     392    margin-top: 20px; }
     393  #kopa_options_wrap .kopa_screenshot .kopa_remove_image {
     394    position: absolute;
     395    bottom: -15px;
     396    right: -8px;
     397    cursor: pointer;
     398    color: red;
     399    font-size: 0; }
     400    #kopa_options_wrap .kopa_screenshot .kopa_remove_image:before {
     401      content: "\f00d";
     402      display: inline-block;
     403      font-family: FontAwesome;
     404      font-style: normal;
     405      font-weight: normal;
     406      line-height: 1;
     407      -webkit-font-smoothing: antialiased;
     408      -moz-osx-font-smoothing: grayscale;
     409      font-size: 20px; }
     410  #kopa_options_wrap .kopa_screenshot.kopa_hide {
     411    display: none; }
    487412#kopa_options_wrap .kopa_reset, #kopa_options_wrap .kopa_export {
    488   margin-top: 20px;
    489 }
     413  margin-top: 20px; }
    490414#kopa_options_wrap .kopa_sidebar_header {
    491415  text-align: right;
    492   cursor: move;
    493 }
    494 #kopa_options_wrap .kopa_sidebar_header > a {
    495   margin-left: 10px;
    496 }
    497 #kopa_options_wrap .kopa_sidebar_header strong {
    498   float: left;
    499 }
     416  cursor: move; }
     417  #kopa_options_wrap .kopa_sidebar_header > a {
     418    margin-left: 10px; }
     419  #kopa_options_wrap .kopa_sidebar_header strong {
     420    float: left; }
    500421#kopa_options_wrap .kopa_sidebar_body > label {
    501422  margin: 0;
    502   display: block;
    503 }
     423  display: block; }
    504424#kopa_options_wrap .kopa_sidebar_body .kopa_sidebar {
    505   margin-top: 10px;
    506 }
     425  margin-top: 10px; }
    507426#kopa_options_wrap .kopa_sidebar_sortable {
    508   margin: 20px 0 0;
    509 }
    510 #kopa_options_wrap .kopa_sidebar_sortable > li {
    511   margin-top: 20px;
    512   margin-bottom: 0;
    513   padding: 0;
    514   box-shadow: none;
    515   height: auto;
    516   border: none;
    517 }
    518 #kopa_options_wrap .kopa_sidebar_sortable > li:first-child {
    519   margin-top: 0;
    520 }
    521 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header {
    522   border: 1px solid #d3d7da;
    523   padding: 8px 12px;
    524   background: #f8f8f8;
    525   position: relative;
    526   box-shadow: none;
    527   transition: all .3s;
    528 }
    529 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header:hover {
    530   border-color: #444;
    531   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    532 }
    533 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header a {
    534   position: absolute;
    535   background: #499bea;
    536   /* Old browsers */
    537   background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
    538   /* FF3.6+ */
    539   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
    540   /* Chrome,Safari4+ */
    541   background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
    542   /* Chrome10+,Safari5.1+ */
    543   background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
    544   /* Opera 11.10+ */
    545   background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
    546   /* IE10+ */
    547   background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
    548   /* W3C */
    549   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
    550   /* IE6-9 */
    551   border: none;
    552   border-radius: 0;
    553   padding: 0 20px;
    554   line-height: 40px;
    555   height: 40px;
    556   display: inline-block;
    557   font-size: 14px;
    558   color: #fff;
    559   box-shadow: none;
    560   cursor: pointer;
    561   -moz-transition: all .3s;
    562   -webkit-transition: all .3s;
    563   transition: all .3s;
    564   height: 28px;
    565   line-height: 28px;
    566   top: 4px;
    567   right: 5px;
    568 }
    569 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header a:hover {
    570   background: #ff1a00;
    571   /* Old browsers */
    572   background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    573   /* FF3.6+ */
    574   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1a00), color-stop(100%, #ff1a00));
    575   /* Chrome,Safari4+ */
    576   background: -webkit-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    577   /* Chrome10+,Safari5.1+ */
    578   background: -o-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    579   /* Opera 11.10+ */
    580   background: -ms-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
    581   /* IE10+ */
    582   background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
    583   /* W3C */
    584   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
    585   /* IE6-9 */
    586   color: #fff;
    587 }
    588 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header .kopa_sidebar_edit_button {
    589   right: 92px;
    590 }
    591 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_body {
    592   padding: 20px;
    593   border: 1px solid #d3d7da;
    594   border-top: none;
    595 }
    596 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_body .kopa_sidebar_control_actions {
    597   margin-top: 10px;
    598 }
    599 #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_body .kopa_sidebar_control_actions .spinner {
    600   margin-top: 0;
    601   margin-right: 700px;
    602 }
     427  margin: 20px 0 0; }
     428  #kopa_options_wrap .kopa_sidebar_sortable > li {
     429    margin-top: 20px;
     430    margin-bottom: 0;
     431    padding: 0;
     432    box-shadow: none;
     433    height: auto;
     434    border: none; }
     435    #kopa_options_wrap .kopa_sidebar_sortable > li:first-child {
     436      margin-top: 0; }
     437  #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header {
     438    border: 1px solid #d3d7da;
     439    padding: 8px 12px;
     440    background: #f8f8f8;
     441    position: relative;
     442    box-shadow: none;
     443    transition: all .3s; }
     444    #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header:hover {
     445      border-color: #444;
     446      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
     447    #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header a {
     448      position: absolute;
     449      background: #499bea;
     450      /* Old browsers */
     451      background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
     452      /* FF3.6+ */
     453      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5));
     454      /* Chrome,Safari4+ */
     455      background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
     456      /* Chrome10+,Safari5.1+ */
     457      background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
     458      /* Opera 11.10+ */
     459      background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
     460      /* IE10+ */
     461      background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
     462      /* W3C */
     463      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
     464      /* IE6-9 */
     465      border: none;
     466      border-radius: 0;
     467      padding: 0 20px;
     468      line-height: 40px;
     469      height: 40px;
     470      display: inline-block;
     471      font-size: 14px;
     472      color: #fff;
     473      box-shadow: none;
     474      cursor: pointer;
     475      -moz-transition: all .3s;
     476      -webkit-transition: all .3s;
     477      transition: all .3s;
     478      height: 28px;
     479      line-height: 28px;
     480      top: 4px;
     481      right: 5px; }
     482      #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header a:hover {
     483        background: #ff1a00;
     484        /* Old browsers */
     485        background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     486        /* FF3.6+ */
     487        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1a00), color-stop(100%, #ff1a00));
     488        /* Chrome,Safari4+ */
     489        background: -webkit-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     490        /* Chrome10+,Safari5.1+ */
     491        background: -o-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     492        /* Opera 11.10+ */
     493        background: -ms-linear-gradient(top, #ff1a00 0%, #ff1a00 100%);
     494        /* IE10+ */
     495        background: linear-gradient(to bottom, #ff1a00 0%, #ff1a00 100%);
     496        /* W3C */
     497        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 );
     498        /* IE6-9 */
     499        color: #fff; }
     500    #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_header .kopa_sidebar_edit_button {
     501      right: 92px; }
     502  #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_body {
     503    padding: 20px;
     504    border: 1px solid #d3d7da;
     505    border-top: none; }
     506    #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_body .kopa_sidebar_control_actions {
     507      margin-top: 10px; }
     508      #kopa_options_wrap .kopa_sidebar_sortable .kopa_sidebar_body .kopa_sidebar_control_actions .spinner {
     509        margin-top: 0;
     510        margin-right: 700px; }
    603511#kopa_options_wrap .kopa_section_import input[type="file"] {
    604512  border: 1px solid #d3d7da;
    605513  margin: 0;
    606   padding: 8px 0 8px 6px;
    607 }
     514  padding: 8px 0 8px 6px; }
    608515@-moz-document url-prefix() {
    609516  #kopa_options_wrap .kopa_section_import input[type="file"] {
    610     padding: 7px 0 7px 6px;
    611   }
    612 }
     517    padding: 7px 0 7px 6px; } }
    613518#kopa_options_wrap .kopa_sidebar_header .spinner {
    614519  margin-top: 0;
    615   margin-right: 150px;
    616 }
     520  margin-right: 150px; }
    617521#kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_item {
    618522  margin-bottom: 20px;
    619   position: relative;
    620 }
    621 #kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_item:first-child {
    622   margin-top: 0;
    623 }
     523  position: relative; }
     524  #kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_item:first-child {
     525    margin-top: 0; }
    624526#kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_title {
    625527  background-color: #f8f8f8;
    … …  
    635537  position: relative;
    636538  cursor: move;
    637   transition: all .3s;
    638 }
    639 #kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_title:hover {
    640   border-color: #444;
    641   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    642 }
     539  transition: all .3s; }
     540  #kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_title:hover {
     541    border-color: #444;
     542    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    643543#kopa_options_wrap .kopa_section_custom_font_manager .kopa_section {
    644544  padding: 0;
    645545  border: none;
    646   margin-bottom: 10px;
    647 }
     546  margin-bottom: 10px; }
    648547#kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_inside.kopa_hide {
    649548  border: 1px solid #d3d7da;
    650549  border-top: none;
    651   padding: 20px;
    652 }
     550  padding: 20px; }
    653551#kopa_options_wrap .kopa_section_custom_font_manager .kopa_custom_font_top {
    654   position: relative;
    655 }
     552  position: relative; }
    656553#kopa_options_wrap .kopa_custom_font_title_action, #kopa_options_wrap .kopa_sidebar_title_action {
    657554  position: absolute;
    … …  
    661558  height: 36px;
    662559  top: 0;
    663   z-index: 9999;
    664 }
    665 #kopa_options_wrap .kopa_custom_font_title_action:before, #kopa_options_wrap .kopa_sidebar_title_action:before {
    666   display: inline-block;
    667   font-family: FontAwesome;
    668   font-style: normal;
    669   font-weight: normal;
    670   line-height: 1;
    671   -webkit-font-smoothing: antialiased;
    672   -moz-osx-font-smoothing: grayscale;
    673   content: "\f0d7";
    674   position: absolute;
    675   top: 13px;
    676   right: 12px;
    677   font-size: 20px/1;
    678 }
    679 #kopa_options_wrap .kopa_custom_font_title_action.kopa_action_close:before, #kopa_options_wrap .kopa_sidebar_title_action.kopa_action_close:before {
    680   content: "\f0d8";
    681 }
     560  z-index: 9999; }
     561  #kopa_options_wrap .kopa_custom_font_title_action:before, #kopa_options_wrap .kopa_sidebar_title_action:before {
     562    display: inline-block;
     563    font-family: FontAwesome;
     564    font-style: normal;
     565    font-weight: normal;
     566    line-height: 1;
     567    -webkit-font-smoothing: antialiased;
     568    -moz-osx-font-smoothing: grayscale;
     569    content: "\f0d7";
     570    position: absolute;
     571    top: 13px;
     572    right: 12px;
     573    font-size: 20px/1; }
     574  #kopa_options_wrap .kopa_custom_font_title_action.kopa_action_close:before, #kopa_options_wrap .kopa_sidebar_title_action.kopa_action_close:before {
     575    content: "\f0d8"; }
    682576#kopa_options_wrap .kopa_sidebar_add_button.kopa_button_inactive {
    683577  cursor: default;
    684   background: #ccc;
    685 }
    686 #kopa_options_wrap .kopa_sidebar_add_button.kopa_button_inactive:hover {
    687   background: #ccc;
    688 }
     578  background: #ccc; }
     579  #kopa_options_wrap .kopa_sidebar_add_button.kopa_button_inactive:hover {
     580    background: #ccc; }
    689581#kopa_options_wrap .ui-sortable-placeholder {
    690582  border: 1px dashed #d3d7da !important;
    691583  visibility: visible !important;
    692584  display: block;
    693   box-shadow: none !important;
    694 }
     585  box-shadow: none !important; }
    695586#kopa_options_wrap .ui-sortable-helper {
    696   opacity: 0.8;
    697 }
     587  opacity: 0.8; }
    698588#kopa_options_wrap .kopa_options_sidebar {
    699589  position: absolute;
    … …  
    702592  background: #32323a;
    703593  width: 200px;
    704   height: 100%;
    705 }
     594  height: 100%; }
    706595#kopa_options_wrap .kopa_sidebar_menu_mobile_icon {
    707   display: none;
    708 }
     596  display: none; }
    709597
    710598@-ms-viewport {
    711   width: device-width;
    712 }
     599  width: device-width; }
    713600@viewport {
    714   width: device-width;
    715 }
     601  width: device-width; }
    716602.kopa-widget-block {
    717603  margin-top: 12px;
    718   margin-bottom: 12px;
    719 }
     604  margin-bottom: 12px; }
    720605
    721606.kopa_section_group_layout .kopa_group_content {
    722   overflow: hidden;
    723 }
     607  overflow: hidden; }
    724608.kopa_section_group_layout .kopa_section_layout_image img {
    725609  padding: 2px;
    726610  border: 1px solid #ddd;
    727   background-color: #fafafa;
    728 }
     611  background-color: #fafafa; }
    729612
    730613@media screen and (max-width: 1023px) {
    731614  #kopa_options_wrap .postbox {
    732615    margin-top: 0;
    733     padding-left: 50px;
    734   }
     616    padding-left: 50px; }
    735617  #kopa_options_wrap .kopa_options_sidebar {
    736618    width: 50px;
    737619    background: #f8f8f8;
    738620    border-right: 1px solid #d3d7da;
    739     border-left: 1px solid #d3d7da;
    740   }
     621    border-left: 1px solid #d3d7da; }
    741622  #kopa_options_wrap .kopa_sidebar_menu_mobile_icon {
    742623    display: inline-block;
    … …  
    747628    width: 50px;
    748629    cursor: pointer;
    749     border-bottom: 1px solid #d3d7da;
    750   }
     630    border-bottom: 1px solid #d3d7da; }
    751631  #kopa_options_wrap .kopa_nav_tabs {
    752632    display: none;
    … …  
    756636    left: 0;
    757637    z-index: 9;
    758     padding-top: 0;
    759   }
    760   #kopa_options_wrap .kopa_nav_tabs:before {
    761     display: none;
    762   }
     638    padding-top: 0; }
     639    #kopa_options_wrap .kopa_nav_tabs:before {
     640      display: none; }
    763641  #kopa_options_wrap #kopa-logo {
    764     display: none;
    765   }
     642    display: none; }
    766643  #kopa_options_wrap .kopa_nav_tab_wrapper {
    767644    margin-top: 0;
    768645    border-top: none;
    769     line-height: 50px;
    770   }
    771   #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab {
    772     padding: 0 25px;
    773   }
    774 }
     646    line-height: 50px; }
     647    #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab {
     648      padding: 0 25px; } }
    775649@media only screen and (min-width: 1280px) and (max-width: 1366px) {
    776650  #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab {
    777     padding: 0 45px;
    778   }
    779 }
     651    padding: 0 45px; } }
    780652@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    781653  #kopa_options_wrap .kopa_nav_tab_wrapper .kopa_nav_tab {
    782     padding: 0 15px;
    783   }
    784 }
     654    padding: 0 15px; } }
     655
     656/*# sourceMappingURL=admin.css.map */

  • kopatheme/trunk/assets/css/widget.css

    r1490791 r1493677  
    11.kopa-row:before, .kopa-row:after {
    22  display: table;
    3   content: " ";
    4 }
     3  content: " "; }
    54
    65.kopa-row:after {
    7   clear: both;
    8 }
     6  clear: both; }
    97
    108.kopa-row, .kopa-row *, .kopa-row:before, .kopa-row:after {
    119  -webkit-box-sizing: border-box;
    1210  -moz-box-sizing: border-box;
    13   box-sizing: border-box;
    14 }
     11  box-sizing: border-box; }
    1512
    1613.kopa-col-xs-1,
    … …  
    6663  min-height: 1px;
    6764  padding-right: 15px;
    68   padding-left: 15px;
    69 }
     65  padding-left: 15px; }
    7066
    7167.kopa-col-xs-12 {
    72   width: 100%;
    73 }
     68  width: 100%; }
    7469
    7570.kopa-col-xs-11 {
    76   width: 91.66666666666666%;
    77 }
     71  width: 91.66666666666666%; }
    7872
    7973.kopa-col-xs-10 {
    80   width: 83.33333333333334%;
    81 }
     74  width: 83.33333333333334%; }
    8275
    8376.kopa-col-xs-9 {
    84   width: 75%;
    85 }
     77  width: 75%; }
    8678
    8779.kopa-col-xs-8 {
    88   width: 66.66666666666666%;
    89 }
     80  width: 66.66666666666666%; }
    9081
    9182.kopa-col-xs-7 {
    92   width: 58.333333333333336%;
    93 }
     83  width: 58.333333333333336%; }
    9484
    9585.kopa-col-xs-6 {
    96   width: 50%;
    97 }
     86  width: 50%; }
    9887
    9988.kopa-col-xs-5 {
    100   width: 41.66666666666667%;
    101 }
     89  width: 41.66666666666667%; }
    10290
    10391.kopa-col-xs-4 {
    104   width: 33.33333333333333%;
    105 }
     92  width: 33.33333333333333%; }
    10693
    10794.kopa-col-xs-3 {
    108   width: 25%;
    109 }
     95  width: 25%; }
    11096
    11197.kopa-col-xs-2 {
    112   width: 16.666666666666664%;
    113 }
     98  width: 16.666666666666664%; }
    11499
    115100.kopa-col-xs-1 {
    116   width: 8.333333333333332%;
    117 }
     101  width: 8.333333333333332%; }
    118102
    119103.kopa-col-xs-pull-12 {
    120   right: 100%;
    121 }
     104  right: 100%; }
    122105
    123106.kopa-col-xs-pull-11 {
    124   right: 91.66666666666666%;
    125 }
     107  right: 91.66666666666666%; }
    126108
    127109.kopa-col-xs-pull-10 {
    128   right: 83.33333333333334%;
    129 }
     110  right: 83.33333333333334%; }
    130111
    131112.kopa-col-xs-pull-9 {
    132   right: 75%;
    133 }
     113  right: 75%; }
    134114
    135115.kopa-col-xs-pull-8 {
    136   right: 66.66666666666666%;
    137 }
     116  right: 66.66666666666666%; }
    138117
    139118.kopa-col-xs-pull-7 {
    140   right: 58.333333333333336%;
    141 }
     119  right: 58.333333333333336%; }
    142120
    143121.kopa-col-xs-pull-6 {
    144   right: 50%;
    145 }
     122  right: 50%; }
    146123
    147124.kopa-col-xs-pull-5 {
    148   right: 41.66666666666667%;
    149 }
     125  right: 41.66666666666667%; }
    150126
    151127.kopa-col-xs-pull-4 {
    152   right: 33.33333333333333%;
    153 }
     128  right: 33.33333333333333%; }
    154129
    155130.kopa-col-xs-pull-3 {
    156   right: 25%;
    157 }
     131  right: 25%; }
    158132
    159133.kopa-col-xs-pull-2 {
    160   right: 16.666666666666664%;
    161 }
     134  right: 16.666666666666664%; }
    162135
    163136.kopa-col-xs-pull-1 {
    164   right: 8.333333333333332%;
    165 }
     137  right: 8.333333333333332%; }
    166138
    167139.kopa-col-xs-pull-0 {
    168   right: 0;
    169 }
     140  right: 0; }
    170141
    171142.kopa-col-xs-push-12 {
    172   left: 100%;
    173 }
     143  left: 100%; }
    174144
    175145.kopa-col-xs-push-11 {
    176   left: 91.66666666666666%;
    177 }
     146  left: 91.66666666666666%; }
    178147
    179148.kopa-col-xs-push-10 {
    180   left: 83.33333333333334%;
    181 }
     149  left: 83.33333333333334%; }
    182150
    183151.kopa-col-xs-push-9 {
    184   left: 75%;
    185 }
     152  left: 75%; }
    186153
    187154.kopa-col-xs-push-8 {
    188   left: 66.66666666666666%;
    189 }
     155  left: 66.66666666666666%; }
    190156
    191157.kopa-col-xs-push-7 {
    192   left: 58.333333333333336%;
    193 }
     158  left: 58.333333333333336%; }
    194159
    195160.kopa-col-xs-push-6 {
    196   left: 50%;
    197 }
     161  left: 50%; }
    198162
    199163.kopa-col-xs-push-5 {
    200   left: 41.66666666666667%;
    201 }
     164  left: 41.66666666666667%; }
    202165
    203166.kopa-col-xs-push-4 {
    204   left: 33.33333333333333%;
    205 }
     167  left: 33.33333333333333%; }
    206168
    207169.kopa-col-xs-push-3 {
    208   left: 25%;
    209 }
     170  left: 25%; }
    210171
    211172.kopa-col-xs-push-2 {
    212   left: 16.666666666666664%;
    213 }
     173  left: 16.666666666666664%; }
    214174
    215175.kopa-col-xs-push-1 {
    216   left: 8.333333333333332%;
    217 }
     176  left: 8.333333333333332%; }
    218177
    219178.kopa-col-xs-push-0 {
    220   left: 0;
    221 }
     179  left: 0; }
    222180
    223181.kopa-col-xs-offset-12 {
    224   margin-left: 100%;
    225 }
     182  margin-left: 100%; }
    226183
    227184.kopa-col-xs-offset-11 {
    228   margin-left: 91.66666666666666%;
    229 }
     185  margin-left: 91.66666666666666%; }
    230186
    231187.kopa-col-xs-offset-10 {
    232   margin-left: 83.33333333333334%;
    233 }
     188  margin-left: 83.33333333333334%; }
    234189
    235190.kopa-col-xs-offset-9 {
    236   margin-left: 75%;
    237 }
     191  margin-left: 75%; }
    238192
    239193.kopa-col-xs-offset-8 {
    240   margin-left: 66.66666666666666%;
    241 }
     194  margin-left: 66.66666666666666%; }
    242195
    243196.kopa-col-xs-offset-7 {
    244   margin-left: 58.333333333333336%;
    245 }
     197  margin-left: 58.333333333333336%; }
    246198
    247199.kopa-col-xs-offset-6 {
    248   margin-left: 50%;
    249 }
     200  margin-left: 50%; }
    250201
    251202.kopa-col-xs-offset-5 {
    252   margin-left: 41.66666666666667%;
    253 }
     203  margin-left: 41.66666666666667%; }
    254204
    255205.kopa-col-xs-offset-4 {
    256   margin-left: 33.33333333333333%;
    257 }
     206  margin-left: 33.33333333333333%; }
    258207
    259208.kopa-col-xs-offset-3 {
    260   margin-left: 25%;
    261 }
     209  margin-left: 25%; }
    262210
    263211.kopa-col-xs-offset-2 {
    264   margin-left: 16.666666666666664%;
    265 }
     212  margin-left: 16.666666666666664%; }
    266213
    267214.kopa-col-xs-offset-1 {
    268   margin-left: 8.333333333333332%;
    269 }
     215  margin-left: 8.333333333333332%; }
    270216
    271217.kopa-col-xs-offset-0 {
    272   margin-left: 0;
    273 }
     218  margin-left: 0; }
    274219
    275220@media (min-width: 768px) {
    … …  
    286231  .kopa-col-sm-11,
    287232  .kopa-col-sm-12 {
    288     float: left;
    289   }
     233    float: left; }
    290234
    291235  .kopa-col-sm-12 {
    292     width: 100%;
    293   }
     236    width: 100%; }
    294237
    295238  .kopa-col-sm-11 {
    296     width: 91.66666666666666%;
    297   }
     239    width: 91.66666666666666%; }
    298240
    299241  .kopa-col-sm-10 {
    300     width: 83.33333333333334%;
    301   }
     242    width: 83.33333333333334%; }
    302243
    303244  .kopa-col-sm-9 {
    304     width: 75%;
    305   }
     245    width: 75%; }
    306246
    307247  .kopa-col-sm-8 {
    308     width: 66.66666666666666%;
    309   }
     248    width: 66.66666666666666%; }
    310249
    311250  .kopa-col-sm-7 {
    312     width: 58.333333333333336%;
    313   }
     251    width: 58.333333333333336%; }
    314252
    315253  .kopa-col-sm-6 {
    316     width: 50%;
    317   }
     254    width: 50%; }
    318255
    319256  .kopa-col-sm-5 {
    320     width: 41.66666666666667%;
    321   }
     257    width: 41.66666666666667%; }
    322258
    323259  .kopa-col-sm-4 {
    324     width: 33.33333333333333%;
    325   }
     260    width: 33.33333333333333%; }
    326261
    327262  .kopa-col-sm-3 {
    328     width: 25%;
    329   }
     263    width: 25%; }
    330264
    331265  .kopa-col-sm-2 {
    332     width: 16.666666666666664%;
    333   }
     266    width: 16.666666666666664%; }
    334267
    335268  .kopa-col-sm-1 {
    336     width: 8.333333333333332%;
    337   }
     269    width: 8.333333333333332%; }
    338270
    339271  .kopa-col-sm-pull-12 {
    340     right: 100%;
    341   }
     272    right: 100%; }
    342273
    343274  .kopa-col-sm-pull-11 {
    344     right: 91.66666666666666%;
    345   }
     275    right: 91.66666666666666%; }
    346276
    347277  .kopa-col-sm-pull-10 {
    348     right: 83.33333333333334%;
    349   }
     278    right: 83.33333333333334%; }
    350279
    351280  .kopa-col-sm-pull-9 {
    352     right: 75%;
    353   }
     281    right: 75%; }
    354282
    355283  .kopa-col-sm-pull-8 {
    356     right: 66.66666666666666%;
    357   }
     284    right: 66.66666666666666%; }
    358285
    359286  .kopa-col-sm-pull-7 {
    360     right: 58.333333333333336%;
    361   }
     287    right: 58.333333333333336%; }
    362288
    363289  .kopa-col-sm-pull-6 {
    364     right: 50%;
    365   }
     290    right: 50%; }
    366291
    367292  .kopa-col-sm-pull-5 {
    368     right: 41.66666666666667%;
    369   }
     293    right: 41.66666666666667%; }
    370294
    371295  .kopa-col-sm-pull-4 {
    372     right: 33.33333333333333%;
    373   }
     296    right: 33.33333333333333%; }
    374297
    375298  .kopa-col-sm-pull-3 {
    376     right: 25%;
    377   }
     299    right: 25%; }
    378300
    379301  .kopa-col-sm-pull-2 {
    380     right: 16.666666666666664%;
    381   }
     302    right: 16.666666666666664%; }
    382303
    383304  .kopa-col-sm-pull-1 {
    384     right: 8.333333333333332%;
    385   }
     305    right: 8.333333333333332%; }
    386306
    387307  .kopa-col-sm-pull-0 {
    388     right: 0;
    389   }
     308    right: 0; }
    390309
    391310  .kopa-col-sm-push-12 {
    392     left: 100%;
    393   }
     311    left: 100%; }
    394312
    395313  .kopa-col-sm-push-11 {
    396     left: 91.66666666666666%;
    397   }
     314    left: 91.66666666666666%; }
    398315
    399316  .kopa-col-sm-push-10 {
    400     left: 83.33333333333334%;
    401   }
     317    left: 83.33333333333334%; }
    402318
    403319  .kopa-col-sm-push-9 {
    404     left: 75%;
    405   }
     320    left: 75%; }
    406321
    407322  .kopa-col-sm-push-8 {
    408     left: 66.66666666666666%;
    409   }
     323    left: 66.66666666666666%; }
    410324
    411325  .kopa-col-sm-push-7 {
    412     left: 58.333333333333336%;
    413   }
     326    left: 58.333333333333336%; }
    414327
    415328  .kopa-col-sm-push-6 {
    416     left: 50%;
    417   }
     329    left: 50%; }
    418330
    419331  .kopa-col-sm-push-5 {
    420     left: 41.66666666666667%;
    421   }
     332    left: 41.66666666666667%; }
    422333
    423334  .kopa-col-sm-push-4 {
    424     left: 33.33333333333333%;
    425   }
     335    left: 33.33333333333333%; }
    426336
    427337  .kopa-col-sm-push-3 {
    428     left: 25%;
    429   }
     338    left: 25%; }
    430339
    431340  .kopa-col-sm-push-2 {
    432     left: 16.666666666666664%;
    433   }
     341    left: 16.666666666666664%; }
    434342
    435343  .kopa-col-sm-push-1 {
    436     left: 8.333333333333332%;
    437   }
     344    left: 8.333333333333332%; }
    438345
    439346  .kopa-col-sm-push-0 {
    440     left: 0;
    441   }
     347    left: 0; }
    442348
    443349  .kopa-col-sm-offset-12 {
    444     margin-left: 100%;
    445   }
     350    margin-left: 100%; }
    446351
    447352  .kopa-col-sm-offset-11 {
    448     margin-left: 91.66666666666666%;
    449   }
     353    margin-left: 91.66666666666666%; }
    450354
    451355  .kopa-col-sm-offset-10 {
    452     margin-left: 83.33333333333334%;
    453   }
     356    margin-left: 83.33333333333334%; }
    454357
    455358  .kopa-col-sm-offset-9 {
    456     margin-left: 75%;
    457   }
     359    margin-left: 75%; }
    458360
    459361  .kopa-col-sm-offset-8 {
    460     margin-left: 66.66666666666666%;
    461   }
     362    margin-left: 66.66666666666666%; }
    462363
    463364  .kopa-col-sm-offset-7 {
    464     margin-left: 58.333333333333336%;
    465   }
     365    margin-left: 58.333333333333336%; }
    466366
    467367  .kopa-col-sm-offset-6 {
    468     margin-left: 50%;
    469   }
     368    margin-left: 50%; }
    470369
    471370  .kopa-col-sm-offset-5 {
    472     margin-left: 41.66666666666667%;
    473   }
     371    margin-left: 41.66666666666667%; }
    474372
    475373  .kopa-col-sm-offset-4 {
    476     margin-left: 33.33333333333333%;
    477   }
     374    margin-left: 33.33333333333333%; }
    478375
    479376  .kopa-col-sm-offset-3 {
    480     margin-left: 25%;
    481   }
     377    margin-left: 25%; }
    482378
    483379  .kopa-col-sm-offset-2 {
    484     margin-left: 16.666666666666664%;
    485   }
     380    margin-left: 16.666666666666664%; }
    486381
    487382  .kopa-col-sm-offset-1 {
    488     margin-left: 8.333333333333332%;
    489   }
     383    margin-left: 8.333333333333332%; }
    490384
    491385  .kopa-col-sm-offset-0 {
    492     margin-left: 0;
    493   }
    494 }
     386    margin-left: 0; } }
    495387@media (min-width: 992px) {
    496388  .kopa-col-md-1,
    … …  
    506398  .kopa-col-md-11,
    507399  .kopa-col-md-12 {
    508     float: left;
    509   }
     400    float: left; }
    510401
    511402  .kopa-col-md-12 {
    512     width: 100%;
    513   }
     403    width: 100%; }
    514404
    515405  .kopa-col-md-11 {
    516     width: 91.66666666666666%;
    517   }
     406    width: 91.66666666666666%; }
    518407
    519408  .kopa-col-md-10 {
    520     width: 83.33333333333334%;
    521   }
     409    width: 83.33333333333334%; }
    522410
    523411  .kopa-col-md-9 {
    524     width: 75%;
    525   }
     412    width: 75%; }
    526413
    527414  .kopa-col-md-8 {
    528     width: 66.66666666666666%;
    529   }
     415    width: 66.66666666666666%; }
    530416
    531417  .kopa-col-md-7 {
    532     width: 58.333333333333336%;
    533   }
     418    width: 58.333333333333336%; }
    534419
    535420  .kopa-col-md-6 {
    536     width: 50%;
    537   }
     421    width: 50%; }
    538422
    539423  .kopa-col-md-5 {
    540     width: 41.66666666666667%;
    541   }
     424    width: 41.66666666666667%; }
    542425
    543426  .kopa-col-md-4 {
    544     width: 33.33333333333333%;
    545   }
     427    width: 33.33333333333333%; }
    546428
    547429  .kopa-col-md-3 {
    548     width: 25%;
    549   }
     430    width: 25%; }
    550431
    551432  .kopa-col-md-2 {
    552     width: 16.666666666666664%;
    553   }
     433    width: 16.666666666666664%; }
    554434
    555435  .kopa-col-md-1 {
    556     width: 8.333333333333332%;
    557   }
     436    width: 8.333333333333332%; }
    558437
    559438  .kopa-col-md-pull-12 {
    560     right: 100%;
    561   }
     439    right: 100%; }
    562440
    563441  .kopa-col-md-pull-11 {
    564     right: 91.66666666666666%;
    565   }
     442    right: 91.66666666666666%; }
    566443
    567444  .kopa-col-md-pull-10 {
    568     right: 83.33333333333334%;
    569   }
     445    right: 83.33333333333334%; }
    570446
    571447  .kopa-col-md-pull-9 {
    572     right: 75%;
    573   }
     448    right: 75%; }
    574449
    575450  .kopa-col-md-pull-8 {
    576     right: 66.66666666666666%;
    577   }
     451    right: 66.66666666666666%; }
    578452
    579453  .kopa-col-md-pull-7 {
    580     right: 58.333333333333336%;
    581   }
     454    right: 58.333333333333336%; }
    582455
    583456  .kopa-col-md-pull-6 {
    584     right: 50%;
    585   }
     457    right: 50%; }
    586458
    587459  .kopa-col-md-pull-5 {
    588     right: 41.66666666666667%;
    589   }
     460    right: 41.66666666666667%; }
    590461
    591462  .kopa-col-md-pull-4 {
    592     right: 33.33333333333333%;
    593   }
     463    right: 33.33333333333333%; }
    594464
    595465  .kopa-col-md-pull-3 {
    596     right: 25%;
    597   }
     466    right: 25%; }
    598467
    599468  .kopa-col-md-pull-2 {
    600     right: 16.666666666666664%;
    601   }
     469    right: 16.666666666666664%; }
    602470
    603471  .kopa-col-md-pull-1 {
    604     right: 8.333333333333332%;
    605   }
     472    right: 8.333333333333332%; }
    606473
    607474  .kopa-col-md-pull-0 {
    608     right: 0;
    609   }
     475    right: 0; }
    610476
    611477  .kopa-col-md-push-12 {
    612     left: 100%;
    613   }
     478    left: 100%; }
    614479
    615480  .kopa-col-md-push-11 {
    616     left: 91.66666666666666%;
    617   }
     481    left: 91.66666666666666%; }
    618482
    619483  .kopa-col-md-push-10 {
    620     left: 83.33333333333334%;
    621   }
     484    left: 83.33333333333334%; }
    622485
    623486  .kopa-col-md-push-9 {
    624     left: 75%;
    625   }
     487    left: 75%; }
    626488
    627489  .kopa-col-md-push-8 {
    628     left: 66.66666666666666%;
    629   }
     490    left: 66.66666666666666%; }
    630491
    631492  .kopa-col-md-push-7 {
    632     left: 58.333333333333336%;
    633   }
     493    left: 58.333333333333336%; }
    634494
    635495  .kopa-col-md-push-6 {
    636     left: 50%;
    637   }
     496    left: 50%; }
    638497
    639498  .kopa-col-md-push-5 {
    640     left: 41.66666666666667%;
    641   }
     499    left: 41.66666666666667%; }
    642500
    643501  .kopa-col-md-push-4 {
    644     left: 33.33333333333333%;
    645   }
     502    left: 33.33333333333333%; }
    646503
    647504  .kopa-col-md-push-3 {
    648     left: 25%;
    649   }
     505    left: 25%; }
    650506
    651507  .kopa-col-md-push-2 {
    652     left: 16.666666666666664%;
    653   }
     508    left: 16.666666666666664%; }
    654509
    655510  .kopa-col-md-push-1 {
    656     left: 8.333333333333332%;
    657   }
     511    left: 8.333333333333332%; }
    658512
    659513  .kopa-col-md-push-0 {
    660     left: 0;
    661   }
     514    left: 0; }
    662515
    663516  .kopa-col-md-offset-12 {
    664     margin-left: 100%;
    665   }
     517    margin-left: 100%; }
    666518
    667519  .kopa-col-md-offset-11 {
    668     margin-left: 91.66666666666666%;
    669   }
     520    margin-left: 91.66666666666666%; }
    670521
    671522  .kopa-col-md-offset-10 {
    672     margin-left: 83.33333333333334%;
    673   }
     523    margin-left: 83.33333333333334%; }
    674524
    675525  .kopa-col-md-offset-9 {
    676     margin-left: 75%;
    677   }
     526    margin-left: 75%; }
    678527
    679528  .kopa-col-md-offset-8 {
    680     margin-left: 66.66666666666666%;
    681   }
     529    margin-left: 66.66666666666666%; }
    682530
    683531  .kopa-col-md-offset-7 {
    684     margin-left: 58.333333333333336%;
    685   }
     532    margin-left: 58.333333333333336%; }
    686533
    687534  .kopa-col-md-offset-6 {
    688     margin-left: 50%;
    689   }
     535    margin-left: 50%; }
    690536
    691537  .kopa-col-md-offset-5 {
    692     margin-left: 41.66666666666667%;
    693   }
     538    margin-left: 41.66666666666667%; }
    694539
    695540  .kopa-col-md-offset-4 {
    696     margin-left: 33.33333333333333%;
    697   }
     541    margin-left: 33.33333333333333%; }
    698542
    699543  .kopa-col-md-offset-3 {
    700     margin-left: 25%;
    701   }
     544    margin-left: 25%; }
    702545
    703546  .kopa-col-md-offset-2 {
    704     margin-left: 16.666666666666664%;
    705   }
     547    margin-left: 16.666666666666664%; }
    706548
    707549  .kopa-col-md-offset-1 {
    708     margin-left: 8.333333333333332%;
    709   }
     550    margin-left: 8.333333333333332%; }
    710551
    711552  .kopa-col-md-offset-0 {
    712     margin-left: 0;
    713   }
    714 }
     553    margin-left: 0; } }
    715554@media (min-width: 1200px) {
    716555  .kopa-col-lg-1,
    … …  
    726565  .kopa-col-lg-11,
    727566  .kopa-col-lg-12 {
    728     float: left;
    729   }
     567    float: left; }
    730568
    731569  .kopa-col-lg-12 {
    732     width: 100%;
    733   }
     570    width: 100%; }
    734571
    735572  .kopa-col-lg-11 {
    736     width: 91.66666666666666%;
    737   }
     573    width: 91.66666666666666%; }
    738574
    739575  .kopa-col-lg-10 {
    740     width: 83.33333333333334%;
    741   }
     576    width: 83.33333333333334%; }
    742577
    743578  .kopa-col-lg-9 {
    744     width: 75%;
    745   }
     579    width: 75%; }
    746580
    747581  .kopa-col-lg-8 {
    748     width: 66.66666666666666%;
    749   }
     582    width: 66.66666666666666%; }
    750583
    751584  .kopa-col-lg-7 {
    752     width: 58.333333333333336%;
    753   }
     585    width: 58.333333333333336%; }
    754586
    755587  .kopa-col-lg-6 {
    756     width: 50%;
    757   }
     588    width: 50%; }
    758589
    759590  .kopa-col-lg-5 {
    760     width: 41.66666666666667%;
    761   }
     591    width: 41.66666666666667%; }
    762592
    763593  .kopa-col-lg-4 {
    764     width: 33.33333333333333%;
    765   }
     594    width: 33.33333333333333%; }
    766595
    767596  .kopa-col-lg-3 {
    768     width: 25%;
    769   }
     597    width: 25%; }
    770598
    771599  .kopa-col-lg-2 {
    772     width: 16.666666666666664%;
    773   }
     600    width: 16.666666666666664%; }
    774601
    775602  .kopa-col-lg-1 {
    776     width: 8.333333333333332%;
    777   }
     603    width: 8.333333333333332%; }
    778604
    779605  .kopa-col-lg-pull-12 {
    780     right: 100%;
    781   }
     606    right: 100%; }
    782607
    783608  .kopa-col-lg-pull-11 {
    784     right: 91.66666666666666%;
    785   }
     609    right: 91.66666666666666%; }
    786610
    787611  .kopa-col-lg-pull-10 {
    788     right: 83.33333333333334%;
    789   }
     612    right: 83.33333333333334%; }
    790613
    791614  .kopa-col-lg-pull-9 {
    792     right: 75%;
    793   }
     615    right: 75%; }
    794616
    795617  .kopa-col-lg-pull-8 {
    796     right: 66.66666666666666%;
    797   }
     618    right: 66.66666666666666%; }
    798619
    799620  .kopa-col-lg-pull-7 {
    800     right: 58.333333333333336%;
    801   }
     621    right: 58.333333333333336%; }
    802622
    803623  .kopa-col-lg-pull-6 {
    804     right: 50%;
    805   }
     624    right: 50%; }
    806625
    807626  .kopa-col-lg-pull-5 {
    808     right: 41.66666666666667%;
    809   }
     627    right: 41.66666666666667%; }
    810628
    811629  .kopa-col-lg-pull-4 {
    812     right: 33.33333333333333%;
    813   }
     630    right: 33.33333333333333%; }
    814631
    815632  .kopa-col-lg-pull-3 {
    816     right: 25%;
    817   }
     633    right: 25%; }
    818634
    819635  .kopa-col-lg-pull-2 {
    820     right: 16.666666666666664%;
    821   }
     636    right: 16.666666666666664%; }
    822637
    823638  .kopa-col-lg-pull-1 {
    824     right: 8.333333333333332%;
    825   }
     639    right: 8.333333333333332%; }
    826640
    827641  .kopa-col-lg-pull-0 {
    828     right: 0;
    829   }
     642    right: 0; }
    830643
    831644  .kopa-col-lg-push-12 {
    832     left: 100%;
    833   }
     645    left: 100%; }
    834646
    835647  .kopa-col-lg-push-11 {
    836     left: 91.66666666666666%;
    837   }
     648    left: 91.66666666666666%; }
    838649
    839650  .kopa-col-lg-push-10 {
    840     left: 83.33333333333334%;
    841   }
     651    left: 83.33333333333334%; }
    842652
    843653  .kopa-col-lg-push-9 {
    844     left: 75%;
    845   }
     654    left: 75%; }
    846655
    847656  .kopa-col-lg-push-8 {
    848     left: 66.66666666666666%;
    849   }
     657    left: 66.66666666666666%; }
    850658
    851659  .kopa-col-lg-push-7 {
    852     left: 58.333333333333336%;
    853   }
     660    left: 58.333333333333336%; }
    854661
    855662  .kopa-col-lg-push-6 {
    856     left: 50%;
    857   }
     663    left: 50%; }
    858664
    859665  .kopa-col-lg-push-5 {
    860     left: 41.66666666666667%;
    861   }
     666    left: 41.66666666666667%; }
    862667
    863668  .kopa-col-lg-push-4 {
    864     left: 33.33333333333333%;
    865   }
     669    left: 33.33333333333333%; }
    866670
    867671  .kopa-col-lg-push-3 {
    868     left: 25%;
    869   }
     672    left: 25%; }
    870673
    871674  .kopa-col-lg-push-2 {
    872     left: 16.666666666666664%;
    873   }
     675    left: 16.666666666666664%; }
    874676
    875677  .kopa-col-lg-push-1 {
    876     left: 8.333333333333332%;
    877   }
     678    left: 8.333333333333332%; }
    878679
    879680  .kopa-col-lg-push-0 {
    880     left: 0;
    881   }
     681    left: 0; }
    882682
    883683  .kopa-col-lg-offset-12 {
    884     margin-left: 100%;
    885   }
     684    margin-left: 100%; }
    886685
    887686  .kopa-col-lg-offset-11 {
    888     margin-left: 91.66666666666666%;
    889   }
     687    margin-left: 91.66666666666666%; }
    890688
    891689  .kopa-col-lg-offset-10 {
    892     margin-left: 83.33333333333334%;
    893   }
     690    margin-left: 83.33333333333334%; }
    894691
    895692  .kopa-col-lg-offset-9 {
    896     margin-left: 75%;
    897   }
     693    margin-left: 75%; }
    898694
    899695  .kopa-col-lg-offset-8 {
    900     margin-left: 66.66666666666666%;
    901   }
     696    margin-left: 66.66666666666666%; }
    902697
    903698  .kopa-col-lg-offset-7 {
    904     margin-left: 58.333333333333336%;
    905   }
     699    margin-left: 58.333333333333336%; }
    906700
    907701  .kopa-col-lg-offset-6 {
    908     margin-left: 50%;
    909   }
     702    margin-left: 50%; }
    910703
    911704  .kopa-col-lg-offset-5 {
    912     margin-left: 41.66666666666667%;
    913   }
     705    margin-left: 41.66666666666667%; }
    914706
    915707  .kopa-col-lg-offset-4 {
    916     margin-left: 33.33333333333333%;
    917   }
     708    margin-left: 33.33333333333333%; }
    918709
    919710  .kopa-col-lg-offset-3 {
    920     margin-left: 25%;
    921   }
     711    margin-left: 25%; }
    922712
    923713  .kopa-col-lg-offset-2 {
    924     margin-left: 16.666666666666664%;
    925   }
     714    margin-left: 16.666666666666664%; }
    926715
    927716  .kopa-col-lg-offset-1 {
    928     margin-left: 8.333333333333332%;
    929   }
     717    margin-left: 8.333333333333332%; }
    930718
    931719  .kopa-col-lg-offset-0 {
    932     margin-left: 0;
    933   }
    934 }
     720    margin-left: 0; } }
    935721.kopa-field.kopa-field-image-thumb {
    936722  width: 150px;
    937   height: 100px;
    938 }
    939 .kopa-field.kopa-field-image-thumb .item-add {
    940   width: 150px;
    941 }
    942 .kopa-field.kopa-field-image-thumb .item-add .img {
    943   width: 100%;
    944   height: 100px;
    945   background-repeat: no-repeat;
    946   background-size: contain;
    947   background-position: center center;
    948 }
     723  height: 100px; }
     724  .kopa-field.kopa-field-image-thumb .item-add {
     725    width: 150px; }
     726    .kopa-field.kopa-field-image-thumb .item-add .img {
     727      width: 100%;
     728      height: 100px;
     729      background-repeat: no-repeat;
     730      background-size: contain;
     731      background-position: center center; }
    949732.kopa-field.kopa-field-image-full .item-add {
    950   height: 102px;
    951 }
    952 .kopa-field.kopa-field-image-full .item-add .img {
    953   width: 100%;
    954   height: 100%;
    955   background-size: cover;
    956   background-position: center;
    957 }
     733  height: 102px; }
     734  .kopa-field.kopa-field-image-full .item-add .img {
     735    width: 100%;
     736    height: 100%;
     737    background-size: cover;
     738    background-position: center; }
    958739.kopa-field.kopa-field-image {
    959   position: relative;
    960 }
     740  position: relative; }
    961741.kopa-field.kopa-field-image.hasimage {
    962   background: url(../images/transp_bg.png) repeat center center transparent;
    963 }
    964 .kopa-field.kopa-field-image.hasimage .item-add {
    965   border: none;
    966 }
     742  background: url(../images/transp_bg.png) repeat center center transparent; }
     743  .kopa-field.kopa-field-image.hasimage .item-add {
     744    border: none; }
    967745.kopa-field.kopa-field-image .item-add {
    968746  display: block;
    … …  
    970748  overflow: hidden;
    971749  position: relative;
    972   border: 1px dashed rgba(125, 125, 125, 0.4);
    973 }
     750  border: 1px dashed rgba(125, 125, 125, 0.4); }
    974751.kopa-field.kopa-field-image .item-add:before {
    975752  content: "";
    … …  
    987764  right: 0px;
    988765  bottom: 0px;
    989   margin: auto;
    990 }
     766  margin: auto; }
    991767.kopa-field.kopa-field-image .item-add:hover:before {
    992   background-position: bottom center;
    993 }
     768  background-position: bottom center; }
    994769.kopa-field.kopa-field-image .item-remove {
    995770  display: none;
    … …  
    1004779  display: none;
    1005780  cursor: pointer;
    1006   border: none;
    1007 }
     781  border: none; }
    1008782.kopa-field img {
    1009783  border: 1px solid #d5d5d5;
    1010   max-width: 100%;
    1011 }
     784  max-width: 100%; }
    1012785.kopa-field.hasimage:hover .item-remove {
    1013   display: block;
    1014 }
     786  display: block; }
    1015787.kopa-field.hasimage .item-add:before {
    1016   display: none;
    1017 }
     788  display: none; }
    1018789.kopa-field.header_image a img {
    1019790  height: auto;
    1020   position: absolute;
    1021 }
     791  position: absolute; }
    1022792
    1023793.ui-draggable-handle {
    1024794  -ms-touch-action: none;
    1025   touch-action: none;
    1026 }
     795  touch-action: none; }
    1027796
    1028797.ui-helper-hidden {
    1029   display: none;
    1030 }
     798  display: none; }
    1031799
    1032800.ui-helper-hidden-accessible {
    … …  
    1038806  padding: 0;
    1039807  position: absolute;
    1040   width: 1px;
    1041 }
     808  width: 1px; }
    1042809
    1043810.ui-helper-reset {
    … …  
    1049816  text-decoration: none;
    1050817  font-size: 100%;
    1051   list-style: none;
    1052 }
     818  list-style: none; }
    1053819
    1054820.ui-helper-clearfix:before,
    … …  
    1056822  content: "";
    1057823  display: table;
    1058   border-collapse: collapse;
    1059 }
     824  border-collapse: collapse; }
    1060825
    1061826.ui-helper-clearfix:after {
    1062   clear: both;
    1063 }
     827  clear: both; }
    1064828
    1065829.ui-helper-zfix {
    … …  
    1071835  opacity: 0;
    1072836  filter: Alpha(Opacity=0);
    1073   /* support: IE8 */
    1074 }
     837  /* support: IE8 */ }
    1075838
    1076839.ui-front {
    1077   z-index: 100;
    1078 }
     840  z-index: 100; }
    1079841
    1080842.ui-state-disabled {
    1081843  cursor: default !important;
    1082   pointer-events: none;
    1083 }
     844  pointer-events: none; }
    1084845
    1085846.ui-icon {
    … …  
    1090851  text-indent: -99999px;
    1091852  overflow: hidden;
    1092   background-repeat: no-repeat;
    1093 }
     853  background-repeat: no-repeat; }
    1094854
    1095855.ui-widget-icon-block {
    1096856  left: 50%;
    1097857  margin-left: -8px;
    1098   display: block;
    1099 }
     858  display: block; }
    1100859
    1101860.ui-widget-overlay {
    … …  
    1104863  left: 0;
    1105864  width: 100%;
    1106   height: 100%;
    1107 }
     865  height: 100%; }
    1108866
    1109867.ui-resizable {
    1110   position: relative;
    1111 }
     868  position: relative; }
    1112869
    1113870.ui-resizable-handle {
    … …  
    1116873  display: block;
    1117874  -ms-touch-action: none;
    1118   touch-action: none;
    1119 }
     875  touch-action: none; }
    1120876
    1121877.ui-resizable-disabled .ui-resizable-handle,
    1122878.ui-resizable-autohide .ui-resizable-handle {
    1123   display: none;
    1124 }
     879  display: none; }
    1125880
    1126881.ui-resizable-n {
    … …  
    1129884  width: 100%;
    1130885  top: -5px;
    1131   left: 0;
    1132 }
     886  left: 0; }
    1133887
    1134888.ui-resizable-s {
    … …  
    1137891  width: 100%;
    1138892  bottom: -5px;
    1139   left: 0;
    1140 }
     893  left: 0; }
    1141894
    1142895.ui-resizable-e {
    … …  
    1145898  right: -5px;
    1146899  top: 0;
    1147   height: 100%;
    1148 }
     900  height: 100%; }
    1149901
    1150902.ui-resizable-w {
    … …  
    1153905  left: -5px;
    1154906  top: 0;
    1155   height: 100%;
    1156 }
     907  height: 100%; }
    1157908
    1158909.ui-resizable-se {
    … …  
    1161912  height: 12px;
    1162913  right: 1px;
    1163   bottom: 1px;
    1164 }
     914  bottom: 1px; }
    1165915
    1166916.ui-resizable-sw {
    … …  
    1169919  height: 9px;
    1170920  left: -5px;
    1171   bottom: -5px;
    1172 }
     921  bottom: -5px; }
    1173922
    1174923.ui-resizable-nw {
    … …  
    1177926  height: 9px;
    1178927  left: -5px;
    1179   top: -5px;
    1180 }
     928  top: -5px; }
    1181929
    1182930.ui-resizable-ne {
    … …  
    1185933  height: 9px;
    1186934  right: -5px;
    1187   top: -5px;
    1188 }
     935  top: -5px; }
    1189936
    1190937.ui-dialog {
    … …  
    1193940  left: 0;
    1194941  padding: .2em;
    1195   outline: 0;
    1196 }
     942  outline: 0; }
    1197943
    1198944.ui-dialog .ui-dialog-titlebar {
    1199945  padding: .4em 1em;
    1200   position: relative;
    1201 }
     946  position: relative; }
    1202947
    1203948.ui-dialog .ui-dialog-title {
    … …  
    1206951  white-space: nowrap;
    1207952  overflow: hidden;
    1208   text-overflow: ellipsis;
    1209 }
     953  text-overflow: ellipsis; }
    1210954
    1211955.ui-dialog .ui-dialog-titlebar-close {
    … …  
    1215959  border-color: transparent;
    1216960  background-color: transparent;
    1217   padding: 0;
    1218 }
    1219 .ui-dialog .ui-dialog-titlebar-close:hover {
    1220   color: red;
    1221 }
     961  padding: 0; }
     962  .ui-dialog .ui-dialog-titlebar-close:hover {
     963    color: red; }
    1222964
    1223965.ui-dialog .ui-dialog-content {
    … …  
    1226968  padding: .5em 1em;
    1227969  background: none;
    1228   overflow: auto;
    1229 }
     970  overflow: auto; }
    1230971
    1231972.ui-dialog .ui-dialog-buttonpane {
    … …  
    1234975  background-image: none;
    1235976  margin-top: 6px;
    1236   padding: 6px;
    1237 }
    1238 .ui-dialog .ui-dialog-buttonpane .button {
    1239   margin-top: 0;
    1240   margin-bottom: 0;
    1241 }
     977  padding: 6px; }
     978  .ui-dialog .ui-dialog-buttonpane .button {
     979    margin-top: 0;
     980    margin-bottom: 0; }
    1242981
    1243982.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    1244   float: right;
    1245 }
     983  float: right; }
    1246984
    1247985.ui-dialog .ui-dialog-buttonpane button {
    1248986  margin: .5em .4em .5em 0;
    1249   cursor: pointer;
    1250 }
     987  cursor: pointer; }
    1251988
    1252989.ui-dialog .ui-resizable-n {
    1253990  height: 2px;
    1254   top: 0;
    1255 }
     991  top: 0; }
    1256992
    1257993.ui-dialog .ui-resizable-e {
    1258994  width: 2px;
    1259   right: 0;
    1260 }
     995  right: 0; }
    1261996
    1262997.ui-dialog .ui-resizable-s {
    1263998  height: 2px;
    1264   bottom: 0;
    1265 }
     999  bottom: 0; }
    12661000
    12671001.ui-dialog .ui-resizable-w {
    12681002  width: 2px;
    1269   left: 0;
    1270 }
     1003  left: 0; }
    12711004
    12721005.ui-dialog .ui-resizable-se,
    … …  
    12751008.ui-dialog .ui-resizable-nw {
    12761009  width: 7px;
    1277   height: 7px;
    1278 }
     1010  height: 7px; }
    12791011
    12801012.ui-dialog .ui-resizable-se {
    12811013  right: 0;
    1282   bottom: 0;
    1283 }
     1014  bottom: 0; }
    12841015
    12851016.ui-dialog .ui-resizable-sw {
    12861017  left: 0;
    1287   bottom: 0;
    1288 }
     1018  bottom: 0; }
    12891019
    12901020.ui-dialog .ui-resizable-ne {
    12911021  right: 0;
    1292   top: 0;
    1293 }
     1022  top: 0; }
    12941023
    12951024.ui-dialog .ui-resizable-nw {
    12961025  left: 0;
    1297   top: 0;
    1298 }
     1026  top: 0; }
    12991027
    13001028.ui-draggable .ui-dialog-titlebar {
    1301   cursor: move;
    1302 }
     1029  cursor: move; }
    13031030
    13041031.ui-widget .ui-widget {
    1305   font-size: 1em;
    1306 }
     1032  font-size: 1em; }
    13071033
    13081034.ui-widget input,
    … …  
    13111037.ui-widget button {
    13121038  font-family: Arial,Helvetica,sans-serif;
    1313   font-size: 1em;
    1314 }
     1039  font-size: 1em; }
    13151040
    13161041.ui-widget-header {
    13171042  background: #e9e9e9;
    13181043  color: #333333;
    1319   font-weight: bold;
    1320 }
     1044  font-weight: bold; }
    13211045
    13221046.ui-widget-header a {
    1323   color: #333333;
    1324 }
     1047  color: #333333; }
    13251048
    13261049.ui-widget-overlay {
    … …  
    13281051  opacity: .3;
    13291052  filter: Alpha(Opacity=30);
    1330   z-index: 10000 !important;
    1331 }
     1053  z-index: 10000 !important; }
    13321054
    13331055.ui-widget-shadow {
    13341056  -webkit-box-shadow: 0px 0px 5px #666666;
    1335   box-shadow: 0px 0px 5px #666666;
    1336 }
     1057  box-shadow: 0px 0px 5px #666666; }
    13371058
    13381059.ui-widget.ui-dialog {
    1339   background-color: #fff;
    1340 }
     1060  background-color: #fff; }
    13411061
    13421062.clearfix:before, .clearfix:after {
    13431063  content: " ";
    1344   display: table;
    1345 }
     1064  display: table; }
    13461065
    13471066.clearfix:after {
    1348   clear: both;
    1349 }
     1067  clear: both; }
    13501068
    13511069.kopa-widget-block {
    13521070  margin-top: 12px;
    1353   margin-bottom: 12px;
    1354 }
     1071  margin-bottom: 12px; }
    13551072
    13561073.kopa-widget-desc {
    1357   margin-top: 6px;
    1358 }
     1074  margin-top: 6px; }
    13591075
    13601076.kopa-icon-picker,
    … …  
    13641080  line-height: 35px;
    13651081  text-align: center;
    1366   float: left;
    1367 }
     1082  float: left; }
    13681083
    13691084.kopa-icon-picker-preview {
    1370   width: 60%;
    1371 }
     1085  width: 60%; }
    13721086
    13731087.kopa-icon-picker {
    … …  
    13751089  color: #000000;
    13761090  transition: all 0.5s ease 0s;
    1377   width: 40%;
    1378 }
    1379 .kopa-icon-picker i {
    1380   display: block;
    1381   line-height: 30px;
    1382   height: 30px;
    1383   width: 100%;
    1384 }
     1091  width: 40%; }
     1092  .kopa-icon-picker i {
     1093    display: block;
     1094    line-height: 30px;
     1095    height: 30px;
     1096    width: 100%; }
    13851097
    13861098.kopa-icon-picker-wrap {
    … …  
    13881100  border: 1px solid #dddddd;
    13891101  transition: all 0.5s ease 0s;
    1390   width: 100px;
    1391 }
     1102  width: 100px; }
    13921103
    13931104.kopa-list-of-icon {
    1394   padding: 6px 12px;
    1395 }
     1105  padding: 6px 12px; }
    13961106
    13971107.kopa-list-of-icon .kopa-row.kopa-wrap {
    13981108  border-top: 1px solid #e5e5e5;
    1399   border-left: 1px solid #e5e5e5;
    1400 }
     1109  border-left: 1px solid #e5e5e5; }
    14011110
    14021111.kopa-list-of-icon span {
    … …  
    14061115  border-right: 1px solid #e5e5e5;
    14071116  border-bottom: 1px solid #e5e5e5;
    1408   cursor: pointer;
    1409 }
     1117  cursor: pointer; }
    14101118
    14111119.kopa-list-of-icon span i {
    14121120  font-size: 16px;
    1413   color: #444;
    1414 }
     1121  color: #444; }
    14151122
    14161123.kopa-list-of-icon span.upside-active, .kopa-list-of-icon span:hover {
    1417   background-color: #1e8cbe;
    1418 }
     1124  background-color: #1e8cbe; }
    14191125
    14201126.kopa-list-of-icon span.upside-active i, .kopa-list-of-icon span:hover i {
    1421   color: #FFF;
    1422 }
     1127  color: #FFF; }
    14231128
    14241129.kopa-list-of-icon .kopa-textbox {
    … …  
    14271132  height: 25px;
    14281133  line-height: 25px;
    1429   padding: 0px 12px;
    1430 }
     1134  padding: 0px 12px; }
    14311135
    14321136/* wrapper metabox */
    … …  
    14361140  margin-left: -15px;
    14371141  margin-right: -15px;
    1438   border-top: 1px solid #eee;
    1439 }
     1142  border-top: 1px solid #eee; }
    14401143
    14411144.kopa-metabox-wrap.kopa-metabox-wrap-first {
    14421145  margin-top: 12px;
    14431146  padding-top: 0px;
    1444   border-top: none;
    1445 }
     1147  border-top: none; }
    14461148
    14471149.kopa-metabox-wrap .kopa-help {
    14481150  font-size: 85%;
    1449   font-style: italic;
    1450 }
     1151  font-style: italic; }
    14511152
    14521153.kopa-widget-block {
    14531154  margin-top: 12px;
    1454   margin-bottom: 12px;
    1455 }
     1155  margin-bottom: 12px; }
    14561156
    14571157.kopa-widget-desc {
    1458   margin-top: 6px;
    1459 }
     1158  margin-top: 6px; }
    14601159
    14611160.kopa_ui_caption {
    … …  
    14671166  padding: 6px 24px;
    14681167  line-height: 24px;
    1469   color: #999;
    1470 }
     1168  color: #999; }
    14711169
    14721170.kopa-ui-gallery ul {
    14731171  margin: 0px;
    1474   padding: 0px;
    1475 }
    1476 .kopa-ui-gallery ul li {
    1477   display: inline-block;
    1478   *display: inline-block;
    1479   zoom: 1;
    1480   margin: 0px 6px 6px 0px;
    1481   position: relative;
    1482   padding: 2px;
    1483   border: 1px solid #e5e5e5;
    1484   background-color: #fafafa;
    1485   width: 90px;
    1486   height: 90px;
    1487 }
    1488 .kopa-ui-gallery ul li:hover .kopa-ui-gallery__remove {
    1489   display: block;
    1490   background-color: #F9A825;
    1491 }
    1492 .kopa-ui-gallery ul li img {
    1493   display: block;
    1494   width: 100%;
    1495   height: 100%;
    1496 }
     1172  padding: 0px; }
     1173  .kopa-ui-gallery ul li {
     1174    display: inline-block;
     1175    *display: inline-block;
     1176    zoom: 1;
     1177    margin: 0px 6px 6px 0px;
     1178    position: relative;
     1179    padding: 2px;
     1180    border: 1px solid #e5e5e5;
     1181    background-color: #fafafa;
     1182    width: 90px;
     1183    height: 90px; }
     1184    .kopa-ui-gallery ul li:hover .kopa-ui-gallery__remove {
     1185      display: block;
     1186      background-color: #F9A825; }
     1187    .kopa-ui-gallery ul li img {
     1188      display: block;
     1189      width: 100%;
     1190      height: 100%; }
    14971191.kopa-ui-gallery .kopa-ui-gallery__remove {
    14981192  display: none;
    … …  
    15121206  -moz-border-radius: 5px;
    15131207  border-radius: 5px;
    1514   cursor: pointer;
    1515 }
     1208  cursor: pointer; }
    15161209
    15171210.kopa_section:before, .kopa_section:after {
    15181211  content: " ";
    1519   display: table;
    1520 }
     1212  display: table; }
    15211213
    15221214.kopa_section:after {
    1523   clear: both;
    1524 }
     1215  clear: both; }
    15251216
    15261217.kopa-metabox-wrapper {
    1527   overflow: hidden;
    1528 }
    1529 .kopa-metabox-wrapper .kopa_screenshot {
    1530   display: block;
    1531 }
    1532 .kopa-metabox-wrapper .kopa_screenshot img {
    1533   display: block;
    1534   text-align: center;
    1535   background-color: #fafafa;
    1536   border: 1px solid #ddd;
    1537   padding: 3px;
    1538   max-width: 300px;
    1539 }
    1540 .kopa-metabox-wrapper .kopa_screenshot .kopa_remove_image {
    1541   display: none;
    1542 }
     1218  overflow: hidden; }
     1219  .kopa-metabox-wrapper .kopa_screenshot {
     1220    display: block; }
     1221    .kopa-metabox-wrapper .kopa_screenshot img {
     1222      display: block;
     1223      text-align: center;
     1224      background-color: #fafafa;
     1225      border: 1px solid #ddd;
     1226      padding: 3px;
     1227      max-width: 300px; }
     1228    .kopa-metabox-wrapper .kopa_screenshot .kopa_remove_image {
     1229      display: none; }
    15431230
    15441231.kopa-ui-repeater-links.kopa-size--xs {
    1545   width: 25%;
    1546 }
     1232  width: 25%; }
    15471233.kopa-ui-repeater-links.kopa-size--sm {
    1548   width: 50%;
    1549 }
     1234  width: 50%; }
    15501235.kopa-ui-repeater-links.kopa-size--md {
    1551   width: 75%;
    1552 }
     1236  width: 75%; }
    15531237.kopa-ui-repeater-links.kopa-size--lg {
    1554   width: 100%;
    1555 }
     1238  width: 100%; }
    15561239
    15571240.kopa-repeater-group {
    1558   margin-bottom: 12px;
    1559 }
    1560 .kopa-repeater-group label {
    1561   display: block;
    1562   position: relative;
    1563   height: 36px;
    1564   line-height: 36px;
    1565   padding: 0px 12px;
    1566   background-color: #eee;
    1567   border: 1px solid #ddd;
    1568 }
    1569 .kopa-repeater-group label:hover i {
    1570   display: block;
    1571 }
    1572 .kopa-repeater-group label i {
    1573   display: none;
    1574   position: absolute;
    1575   top: 50%;
    1576   right: 45%;
    1577   margin-top: -12px;
    1578   width: 48px;
    1579   height: 24px;
    1580   line-height: 24px;
    1581   background-color: #9e9e9e;
    1582   color: #fff;
    1583   font-size: 13px;
    1584 }
    1585 .kopa-repeater-group label i:hover {
    1586   background-color: #858585;
    1587 }
    1588 .kopa-repeater-group label i.kopa-repeater-edit {
    1589   margin-right: 24px;
    1590   border: 1px solid #858585;
    1591   border-right: 0;
    1592   -webkit-border-top-left-radius: 3px;
    1593   -webkit-border-bottom-left-radius: 3px;
    1594   -moz-border-radius-topleft: 5px;
    1595   -moz-border-radius-bottomleft: 5px;
    1596   border-top-left-radius: 3px;
    1597   border-bottom-left-radius: 3px;
    1598 }
    1599 .kopa-repeater-group label i.kopa-repeater-delete {
    1600   margin-right: -24px;
    1601   border: 1px solid #858585;
    1602   -webkit-border-top-right-radius: 3px;
    1603   -webkit-border-bottom-right-radius: 3px;
    1604   -moz-border-radius-topright: 5px;
    1605   -moz-border-radius-bottomright: 5px;
    1606   border-top-right-radius: 3px;
    1607   border-bottom-right-radius: 3px;
    1608 }
    1609 .kopa-repeater-group .kopa-repeater-item-content {
    1610   display: none;
    1611   border-left: 1px solid #ddd;
    1612   border-right: 1px solid #ddd;
    1613   border-bottom: 1px solid #ddd;
    1614   padding: 12px;
    1615   background-color: #fafafa;
    1616 }
    1617 .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block, .kopa-repeater-group .kopa-repeater-item-content > p {
    1618   position: relative;
    1619   margin-bottom: 0px;
    1620   margin-top: 12px;
    1621 }
    1622 .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block:first-child, .kopa-repeater-group .kopa-repeater-item-content > p:first-child {
    1623   margin-top: 0px;
    1624 }
    1625 .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block input, .kopa-repeater-group .kopa-repeater-item-content > p input {
    1626   width: 100%;
    1627 }
    1628 .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block > span, .kopa-repeater-group .kopa-repeater-item-content > p > span {
    1629   display: block;
    1630   width: 100%;
    1631 }
    1632 .kopa-repeater-group.kopa-repeater-group--open .kopa-repeater-item-content {
    1633   display: block;
    1634   border-color: #303f46;
    1635 }
    1636 .kopa-repeater-group.kopa-repeater-group--open label {
    1637   background-color: #455a64;
    1638   border-color: #303f46;
    1639 }
    1640 .kopa-repeater-group.kopa-repeater-group--open label span {
    1641   color: #fff;
    1642 }
     1241  margin-bottom: 12px; }
     1242  .kopa-repeater-group label {
     1243    display: block;
     1244    position: relative;
     1245    height: 36px;
     1246    line-height: 36px;
     1247    padding: 0px 12px;
     1248    background-color: #eee;
     1249    border: 1px solid #ddd; }
     1250    .kopa-repeater-group label:hover i {
     1251      display: block; }
     1252    .kopa-repeater-group label i {
     1253      display: none;
     1254      position: absolute;
     1255      top: 50%;
     1256      right: 45%;
     1257      margin-top: -12px;
     1258      width: 48px;
     1259      height: 24px;
     1260      line-height: 24px;
     1261      background-color: #9e9e9e;
     1262      color: #fff;
     1263      font-size: 13px; }
     1264      .kopa-repeater-group label i:hover {
     1265        background-color: #858585; }
     1266    .kopa-repeater-group label i.kopa-repeater-edit {
     1267      margin-right: 24px;
     1268      border: 1px solid #858585;
     1269      border-right: 0;
     1270      -webkit-border-top-left-radius: 3px;
     1271      -webkit-border-bottom-left-radius: 3px;
     1272      -moz-border-radius-topleft: 5px;
     1273      -moz-border-radius-bottomleft: 5px;
     1274      border-top-left-radius: 3px;
     1275      border-bottom-left-radius: 3px; }
     1276    .kopa-repeater-group label i.kopa-repeater-delete {
     1277      margin-right: -24px;
     1278      border: 1px solid #858585;
     1279      -webkit-border-top-right-radius: 3px;
     1280      -webkit-border-bottom-right-radius: 3px;
     1281      -moz-border-radius-topright: 5px;
     1282      -moz-border-radius-bottomright: 5px;
     1283      border-top-right-radius: 3px;
     1284      border-bottom-right-radius: 3px; }
     1285  .kopa-repeater-group .kopa-repeater-item-content {
     1286    display: none;
     1287    border-left: 1px solid #ddd;
     1288    border-right: 1px solid #ddd;
     1289    border-bottom: 1px solid #ddd;
     1290    padding: 12px;
     1291    background-color: #fafafa; }
     1292    .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block, .kopa-repeater-group .kopa-repeater-item-content > p {
     1293      position: relative;
     1294      margin-bottom: 0px;
     1295      margin-top: 12px; }
     1296      .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block:first-child, .kopa-repeater-group .kopa-repeater-item-content > p:first-child {
     1297        margin-top: 0px; }
     1298      .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block input, .kopa-repeater-group .kopa-repeater-item-content > p input {
     1299        width: 100%; }
     1300      .kopa-repeater-group .kopa-repeater-item-content > .kopa-repeater-item-block > span, .kopa-repeater-group .kopa-repeater-item-content > p > span {
     1301        display: block;
     1302        width: 100%; }
     1303  .kopa-repeater-group.kopa-repeater-group--open .kopa-repeater-item-content {
     1304    display: block;
     1305    border-color: #303f46; }
     1306  .kopa-repeater-group.kopa-repeater-group--open label {
     1307    background-color: #455a64;
     1308    border-color: #303f46; }
     1309    .kopa-repeater-group.kopa-repeater-group--open label span {
     1310      color: #fff; }
    16431311
    16441312.kopa-repeater-toolbar {
    16451313  margin-top: 12px;
    1646   margin-bottom: 0px;
    1647 }
     1314  margin-bottom: 0px; }
    16481315
    16491316.kopa-ui-quote .kopa-row {
    … …  
    16521319  border: 1px solid #e5e5e5;
    16531320  background-color: #fafafa;
    1654   margin-top: 5px;
    1655 }
    1656 .kopa-ui-quote .kopa-row:first-child {
    1657   margin-top: 0px;
    1658 }
     1321  margin-top: 5px; }
     1322  .kopa-ui-quote .kopa-row:first-child {
     1323    margin-top: 0px; }
    16591324
    16601325.kopa-ui-icon-picker {
    … …  
    16641329  text-align: center;
    16651330  border: 1px solid #ddd;
    1666   background-color: #eee;
    1667 }
    1668 .kopa-ui-icon-picker:hover .kopa-ui-icon-picker-action {
    1669   bottom: 1px !important;
    1670 }
    1671 .kopa-ui-icon-picker i {
    1672   display: block;
    1673   border: 1px solid #fff;
    1674   color: #333;
    1675 }
    1676 .kopa-ui-icon-picker .kopa-ui-icon-picker-action {
    1677   transition: all 0.5s;
    1678   -ms-transition: all 0.5s;
    1679   -webkit-transition: all 0.5s;
    1680   -moz-transition: all 0.5s;
    1681   display: block;
    1682   position: absolute;
    1683   left: 1px;
    1684   right: 1px;
    1685   text-align: center;
    1686   text-transform: uppercase;
    1687   color: #fff;
    1688   cursor: pointer;
    1689 }
    1690 .kopa-ui-icon-picker .kopa-ui-icon-picker-add {
    1691   background-color: rgba(0, 115, 170, 0.75);
    1692 }
    1693 .kopa-ui-icon-picker .kopa-ui-icon-picker-add:hover {
    1694   background-color: #0085ba;
    1695 }
    1696 .kopa-ui-icon-picker.kopa-size--lg {
    1697   width: 90px;
    1698   height: 90px;
    1699   line-height: 90px;
    1700 }
    1701 .kopa-ui-icon-picker.kopa-size--lg i {
    1702   width: 88px;
    1703   height: 88px;
    1704   line-height: 88px;
    1705   font-size: 48px;
    1706 }
    1707 .kopa-ui-icon-picker.kopa-size--lg .kopa-ui-icon-picker-action {
    1708   bottom: -24px;
    1709   height: 24px;
    1710   line-height: 24px;
    1711   font-size: 10px;
    1712 }
    1713 .kopa-ui-icon-picker.kopa-size--xs {
    1714   width: 35px;
    1715   height: 35px;
    1716   line-height: 35px;
    1717 }
    1718 .kopa-ui-icon-picker.kopa-size--xs i {
    1719   width: 33px;
    1720   height: 33px;
    1721   line-height: 33px;
    1722   font-size: 24px;
    1723 }
    1724 .kopa-ui-icon-picker.kopa-size--xs .kopa-ui-icon-picker-action {
    1725   bottom: -33px;
    1726   height: 31px;
    1727   line-height: 31px;
    1728   font-size: 10px;
    1729 }
     1331  background-color: #eee; }
     1332  .kopa-ui-icon-picker:hover .kopa-ui-icon-picker-action {
     1333    bottom: 1px !important; }
     1334  .kopa-ui-icon-picker i {
     1335    display: block;
     1336    border: 1px solid #fff;
     1337    color: #333; }
     1338  .kopa-ui-icon-picker .kopa-ui-icon-picker-action {
     1339    transition: all 0.5s;
     1340    -ms-transition: all 0.5s;
     1341    -webkit-transition: all 0.5s;
     1342    -moz-transition: all 0.5s;
     1343    display: block;
     1344    position: absolute;
     1345    left: 1px;
     1346    right: 1px;
     1347    text-align: center;
     1348    text-transform: uppercase;
     1349    color: #fff;
     1350    cursor: pointer; }
     1351  .kopa-ui-icon-picker .kopa-ui-icon-picker-add {
     1352    background-color: rgba(0, 115, 170, 0.75); }
     1353    .kopa-ui-icon-picker .kopa-ui-icon-picker-add:hover {
     1354      background-color: #0085ba; }
     1355  .kopa-ui-icon-picker.kopa-size--lg {
     1356    width: 90px;
     1357    height: 90px;
     1358    line-height: 90px; }
     1359    .kopa-ui-icon-picker.kopa-size--lg i {
     1360      width: 88px;
     1361      height: 88px;
     1362      line-height: 88px;
     1363      font-size: 48px; }
     1364    .kopa-ui-icon-picker.kopa-size--lg .kopa-ui-icon-picker-action {
     1365      bottom: -24px;
     1366      height: 24px;
     1367      line-height: 24px;
     1368      font-size: 10px; }
     1369  .kopa-ui-icon-picker.kopa-size--xs {
     1370    width: 35px;
     1371    height: 35px;
     1372    line-height: 35px; }
     1373    .kopa-ui-icon-picker.kopa-size--xs i {
     1374      width: 33px;
     1375      height: 33px;
     1376      line-height: 33px;
     1377      font-size: 24px; }
     1378    .kopa-ui-icon-picker.kopa-size--xs .kopa-ui-icon-picker-action {
     1379      bottom: -33px;
     1380      height: 31px;
     1381      line-height: 31px;
     1382      font-size: 10px; }
    17301383
    17311384#tmpl-kopa-icon-picker .kopa-ui__header {
    1732   margin-bottom: 16px;
    1733 }
     1385  margin-bottom: 16px; }
    17341386#tmpl-kopa-icon-picker .kopa-ui__search {
    1735   width: 100%;
    1736 }
     1387  width: 100%; }
    17371388#tmpl-kopa-icon-picker .kopa-ui__body:after {
    1738   clear: both;
    1739 }
     1389  clear: both; }
    17401390#tmpl-kopa-icon-picker .kopa-ui__body:before, #tmpl-kopa-icon-picker .kopa-ui__body:after {
    17411391  display: table;
    1742   content: " ";
    1743 }
     1392  content: " "; }
    17441393#tmpl-kopa-icon-picker .kopa-ui__body {
    17451394  margin-left: -3px;
    1746   margin-right: -3px;
    1747 }
    1748 #tmpl-kopa-icon-picker .kopa-ui__body span {
    1749   display: block;
    1750   float: left;
    1751   width: 53px;
    1752   height: 53px;
    1753   padding-left: 3px;
    1754   padding-right: 3px;
    1755   margin-bottom: 6px;
    1756 }
    1757 #tmpl-kopa-icon-picker .kopa-ui__body i {
    1758   display: block;
    1759   width: 100%;
    1760   height: 53px;
    1761   line-height: 53px;
    1762   text-align: center;
    1763   border: 1px solid #dddddd;
    1764   background-color: #fafafa;
    1765   color: #333;
    1766   font-size: 14px;
    1767   cursor: pointer;
    1768 }
    1769 #tmpl-kopa-icon-picker .kopa-ui__body i.kopa-ui__active, #tmpl-kopa-icon-picker .kopa-ui__body i:hover {
    1770   transition: background-color 0.5s;
    1771   -ms-transition: background-color 0.5s;
    1772   -webkit-transition: background-color 0.5s;
    1773   -moz-transition: background-color 0.5s;
    1774   background-color: #0073aa;
    1775   color: #fff;
    1776 }
     1395  margin-right: -3px; }
     1396  #tmpl-kopa-icon-picker .kopa-ui__body span {
     1397    display: block;
     1398    float: left;
     1399    width: 53px;
     1400    height: 53px;
     1401    padding-left: 3px;
     1402    padding-right: 3px;
     1403    margin-bottom: 6px; }
     1404  #tmpl-kopa-icon-picker .kopa-ui__body i {
     1405    display: block;
     1406    width: 100%;
     1407    height: 53px;
     1408    line-height: 53px;
     1409    text-align: center;
     1410    border: 1px solid #dddddd;
     1411    background-color: #fafafa;
     1412    color: #333;
     1413    font-size: 14px;
     1414    cursor: pointer; }
     1415    #tmpl-kopa-icon-picker .kopa-ui__body i.kopa-ui__active, #tmpl-kopa-icon-picker .kopa-ui__body i:hover {
     1416      transition: background-color 0.5s;
     1417      -ms-transition: background-color 0.5s;
     1418      -webkit-transition: background-color 0.5s;
     1419      -moz-transition: background-color 0.5s;
     1420      background-color: #0073aa;
     1421      color: #fff; }
    17771422
    17781423.kopa-ui-dialog .ui-dialog-buttonset {
    17791424  float: none;
    1780   width: 100%;
    1781 }
    1782 .kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-use {
    1783   float: right;
    1784 }
    1785 .kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-cancel {
    1786   float: right;
    1787 }
    1788 .kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-remove {
    1789   float: left;
    1790   margin-right: 0 !important;
    1791   color: #ff0000;
    1792 }
     1425  width: 100%; }
     1426  .kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-use {
     1427    float: right; }
     1428  .kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-cancel {
     1429    float: right; }
     1430  .kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-remove {
     1431    float: left;
     1432    margin-right: 0 !important;
     1433    color: #ff0000; }
     1434
     1435/*# sourceMappingURL=widget.css.map */

  • kopatheme/trunk/assets/css/widget.min.css

    r1490791 r1493677  
    1 .kopa-row:after,.kopa-row:before{display:table;content:" "}.kopa-row:after{clear:both}.kopa-row,.kopa-row *,.kopa-row:after,.kopa-row:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.kopa-col-lg-1,.kopa-col-lg-10,.kopa-col-lg-11,.kopa-col-lg-12,.kopa-col-lg-2,.kopa-col-lg-3,.kopa-col-lg-4,.kopa-col-lg-5,.kopa-col-lg-6,.kopa-col-lg-7,.kopa-col-lg-8,.kopa-col-lg-9,.kopa-col-md-1,.kopa-col-md-10,.kopa-col-md-11,.kopa-col-md-12,.kopa-col-md-2,.kopa-col-md-3,.kopa-col-md-4,.kopa-col-md-5,.kopa-col-md-6,.kopa-col-md-7,.kopa-col-md-8,.kopa-col-md-9,.kopa-col-sm-1,.kopa-col-sm-10,.kopa-col-sm-11,.kopa-col-sm-12,.kopa-col-sm-2,.kopa-col-sm-3,.kopa-col-sm-4,.kopa-col-sm-5,.kopa-col-sm-6,.kopa-col-sm-7,.kopa-col-sm-8,.kopa-col-sm-9,.kopa-col-xs-1,.kopa-col-xs-10,.kopa-col-xs-11,.kopa-col-xs-12,.kopa-col-xs-2,.kopa-col-xs-3,.kopa-col-xs-4,.kopa-col-xs-5,.kopa-col-xs-6,.kopa-col-xs-7,.kopa-col-xs-8,.kopa-col-xs-9{float:left!important;position:relative;min-height:1px;padding-right:15px;padding-left:15px}.kopa-col-xs-12{width:100%}.kopa-col-xs-11{width:91.66666666666666%}.kopa-col-xs-10{width:83.33333333333334%}.kopa-col-xs-9{width:75%}.kopa-col-xs-8{width:66.66666666666666%}.kopa-col-xs-7{width:58.333333333333336%}.kopa-col-xs-6{width:50%}.kopa-col-xs-5{width:41.66666666666667%}.kopa-col-xs-4{width:33.33333333333333%}.kopa-col-xs-3{width:25%}.kopa-col-xs-2{width:16.666666666666664%}.kopa-col-xs-1{width:8.333333333333332%}.kopa-col-xs-pull-12{right:100%}.kopa-col-xs-pull-11{right:91.66666666666666%}.kopa-col-xs-pull-10{right:83.33333333333334%}.kopa-col-xs-pull-9{right:75%}.kopa-col-xs-pull-8{right:66.66666666666666%}.kopa-col-xs-pull-7{right:58.333333333333336%}.kopa-col-xs-pull-6{right:50%}.kopa-col-xs-pull-5{right:41.66666666666667%}.kopa-col-xs-pull-4{right:33.33333333333333%}.kopa-col-xs-pull-3{right:25%}.kopa-col-xs-pull-2{right:16.666666666666664%}.kopa-col-xs-pull-1{right:8.333333333333332%}.kopa-col-xs-pull-0{right:0}.kopa-col-xs-push-12{left:100%}.kopa-col-xs-push-11{left:91.66666666666666%}.kopa-col-xs-push-10{left:83.33333333333334%}.kopa-col-xs-push-9{left:75%}.kopa-col-xs-push-8{left:66.66666666666666%}.kopa-col-xs-push-7{left:58.333333333333336%}.kopa-col-xs-push-6{left:50%}.kopa-col-xs-push-5{left:41.66666666666667%}.kopa-col-xs-push-4{left:33.33333333333333%}.kopa-col-xs-push-3{left:25%}.kopa-col-xs-push-2{left:16.666666666666664%}.kopa-col-xs-push-1{left:8.333333333333332%}.kopa-col-xs-push-0{left:0}.kopa-col-xs-offset-12{margin-left:100%}.kopa-col-xs-offset-11{margin-left:91.66666666666666%}.kopa-col-xs-offset-10{margin-left:83.33333333333334%}.kopa-col-xs-offset-9{margin-left:75%}.kopa-col-xs-offset-8{margin-left:66.66666666666666%}.kopa-col-xs-offset-7{margin-left:58.333333333333336%}.kopa-col-xs-offset-6{margin-left:50%}.kopa-col-xs-offset-5{margin-left:41.66666666666667%}.kopa-col-xs-offset-4{margin-left:33.33333333333333%}.kopa-col-xs-offset-3{margin-left:25%}.kopa-col-xs-offset-2{margin-left:16.666666666666664%}.kopa-col-xs-offset-1{margin-left:8.333333333333332%}.kopa-col-xs-offset-0{margin-left:0}@media (min-width:768px){.kopa-col-sm-1,.kopa-col-sm-10,.kopa-col-sm-11,.kopa-col-sm-12,.kopa-col-sm-2,.kopa-col-sm-3,.kopa-col-sm-4,.kopa-col-sm-5,.kopa-col-sm-6,.kopa-col-sm-7,.kopa-col-sm-8,.kopa-col-sm-9{float:left}.kopa-col-sm-12{width:100%}.kopa-col-sm-11{width:91.66666666666666%}.kopa-col-sm-10{width:83.33333333333334%}.kopa-col-sm-9{width:75%}.kopa-col-sm-8{width:66.66666666666666%}.kopa-col-sm-7{width:58.333333333333336%}.kopa-col-sm-6{width:50%}.kopa-col-sm-5{width:41.66666666666667%}.kopa-col-sm-4{width:33.33333333333333%}.kopa-col-sm-3{width:25%}.kopa-col-sm-2{width:16.666666666666664%}.kopa-col-sm-1{width:8.333333333333332%}.kopa-col-sm-pull-12{right:100%}.kopa-col-sm-pull-11{right:91.66666666666666%}.kopa-col-sm-pull-10{right:83.33333333333334%}.kopa-col-sm-pull-9{right:75%}.kopa-col-sm-pull-8{right:66.66666666666666%}.kopa-col-sm-pull-7{right:58.333333333333336%}.kopa-col-sm-pull-6{right:50%}.kopa-col-sm-pull-5{right:41.66666666666667%}.kopa-col-sm-pull-4{right:33.33333333333333%}.kopa-col-sm-pull-3{right:25%}.kopa-col-sm-pull-2{right:16.666666666666664%}.kopa-col-sm-pull-1{right:8.333333333333332%}.kopa-col-sm-pull-0{right:0}.kopa-col-sm-push-12{left:100%}.kopa-col-sm-push-11{left:91.66666666666666%}.kopa-col-sm-push-10{left:83.33333333333334%}.kopa-col-sm-push-9{left:75%}.kopa-col-sm-push-8{left:66.66666666666666%}.kopa-col-sm-push-7{left:58.333333333333336%}.kopa-col-sm-push-6{left:50%}.kopa-col-sm-push-5{left:41.66666666666667%}.kopa-col-sm-push-4{left:33.33333333333333%}.kopa-col-sm-push-3{left:25%}.kopa-col-sm-push-2{left:16.666666666666664%}.kopa-col-sm-push-1{left:8.333333333333332%}.kopa-col-sm-push-0{left:0}.kopa-col-sm-offset-12{margin-left:100%}.kopa-col-sm-offset-11{margin-left:91.66666666666666%}.kopa-col-sm-offset-10{margin-left:83.33333333333334%}.kopa-col-sm-offset-9{margin-left:75%}.kopa-col-sm-offset-8{margin-left:66.66666666666666%}.kopa-col-sm-offset-7{margin-left:58.333333333333336%}.kopa-col-sm-offset-6{margin-left:50%}.kopa-col-sm-offset-5{margin-left:41.66666666666667%}.kopa-col-sm-offset-4{margin-left:33.33333333333333%}.kopa-col-sm-offset-3{margin-left:25%}.kopa-col-sm-offset-2{margin-left:16.666666666666664%}.kopa-col-sm-offset-1{margin-left:8.333333333333332%}.kopa-col-sm-offset-0{margin-left:0}}@media (min-width:992px){.kopa-col-md-1,.kopa-col-md-10,.kopa-col-md-11,.kopa-col-md-12,.kopa-col-md-2,.kopa-col-md-3,.kopa-col-md-4,.kopa-col-md-5,.kopa-col-md-6,.kopa-col-md-7,.kopa-col-md-8,.kopa-col-md-9{float:left}.kopa-col-md-12{width:100%}.kopa-col-md-11{width:91.66666666666666%}.kopa-col-md-10{width:83.33333333333334%}.kopa-col-md-9{width:75%}.kopa-col-md-8{width:66.66666666666666%}.kopa-col-md-7{width:58.333333333333336%}.kopa-col-md-6{width:50%}.kopa-col-md-5{width:41.66666666666667%}.kopa-col-md-4{width:33.33333333333333%}.kopa-col-md-3{width:25%}.kopa-col-md-2{width:16.666666666666664%}.kopa-col-md-1{width:8.333333333333332%}.kopa-col-md-pull-12{right:100%}.kopa-col-md-pull-11{right:91.66666666666666%}.kopa-col-md-pull-10{right:83.33333333333334%}.kopa-col-md-pull-9{right:75%}.kopa-col-md-pull-8{right:66.66666666666666%}.kopa-col-md-pull-7{right:58.333333333333336%}.kopa-col-md-pull-6{right:50%}.kopa-col-md-pull-5{right:41.66666666666667%}.kopa-col-md-pull-4{right:33.33333333333333%}.kopa-col-md-pull-3{right:25%}.kopa-col-md-pull-2{right:16.666666666666664%}.kopa-col-md-pull-1{right:8.333333333333332%}.kopa-col-md-pull-0{right:0}.kopa-col-md-push-12{left:100%}.kopa-col-md-push-11{left:91.66666666666666%}.kopa-col-md-push-10{left:83.33333333333334%}.kopa-col-md-push-9{left:75%}.kopa-col-md-push-8{left:66.66666666666666%}.kopa-col-md-push-7{left:58.333333333333336%}.kopa-col-md-push-6{left:50%}.kopa-col-md-push-5{left:41.66666666666667%}.kopa-col-md-push-4{left:33.33333333333333%}.kopa-col-md-push-3{left:25%}.kopa-col-md-push-2{left:16.666666666666664%}.kopa-col-md-push-1{left:8.333333333333332%}.kopa-col-md-push-0{left:0}.kopa-col-md-offset-12{margin-left:100%}.kopa-col-md-offset-11{margin-left:91.66666666666666%}.kopa-col-md-offset-10{margin-left:83.33333333333334%}.kopa-col-md-offset-9{margin-left:75%}.kopa-col-md-offset-8{margin-left:66.66666666666666%}.kopa-col-md-offset-7{margin-left:58.333333333333336%}.kopa-col-md-offset-6{margin-left:50%}.kopa-col-md-offset-5{margin-left:41.66666666666667%}.kopa-col-md-offset-4{margin-left:33.33333333333333%}.kopa-col-md-offset-3{margin-left:25%}.kopa-col-md-offset-2{margin-left:16.666666666666664%}.kopa-col-md-offset-1{margin-left:8.333333333333332%}.kopa-col-md-offset-0{margin-left:0}}@media (min-width:1200px){.kopa-col-lg-1,.kopa-col-lg-10,.kopa-col-lg-11,.kopa-col-lg-12,.kopa-col-lg-2,.kopa-col-lg-3,.kopa-col-lg-4,.kopa-col-lg-5,.kopa-col-lg-6,.kopa-col-lg-7,.kopa-col-lg-8,.kopa-col-lg-9{float:left}.kopa-col-lg-12{width:100%}.kopa-col-lg-11{width:91.66666666666666%}.kopa-col-lg-10{width:83.33333333333334%}.kopa-col-lg-9{width:75%}.kopa-col-lg-8{width:66.66666666666666%}.kopa-col-lg-7{width:58.333333333333336%}.kopa-col-lg-6{width:50%}.kopa-col-lg-5{width:41.66666666666667%}.kopa-col-lg-4{width:33.33333333333333%}.kopa-col-lg-3{width:25%}.kopa-col-lg-2{width:16.666666666666664%}.kopa-col-lg-1{width:8.333333333333332%}.kopa-col-lg-pull-12{right:100%}.kopa-col-lg-pull-11{right:91.66666666666666%}.kopa-col-lg-pull-10{right:83.33333333333334%}.kopa-col-lg-pull-9{right:75%}.kopa-col-lg-pull-8{right:66.66666666666666%}.kopa-col-lg-pull-7{right:58.333333333333336%}.kopa-col-lg-pull-6{right:50%}.kopa-col-lg-pull-5{right:41.66666666666667%}.kopa-col-lg-pull-4{right:33.33333333333333%}.kopa-col-lg-pull-3{right:25%}.kopa-col-lg-pull-2{right:16.666666666666664%}.kopa-col-lg-pull-1{right:8.333333333333332%}.kopa-col-lg-pull-0{right:0}.kopa-col-lg-push-12{left:100%}.kopa-col-lg-push-11{left:91.66666666666666%}.kopa-col-lg-push-10{left:83.33333333333334%}.kopa-col-lg-push-9{left:75%}.kopa-col-lg-push-8{left:66.66666666666666%}.kopa-col-lg-push-7{left:58.333333333333336%}.kopa-col-lg-push-6{left:50%}.kopa-col-lg-push-5{left:41.66666666666667%}.kopa-col-lg-push-4{left:33.33333333333333%}.kopa-col-lg-push-3{left:25%}.kopa-col-lg-push-2{left:16.666666666666664%}.kopa-col-lg-push-1{left:8.333333333333332%}.kopa-col-lg-push-0{left:0}.kopa-col-lg-offset-12{margin-left:100%}.kopa-col-lg-offset-11{margin-left:91.66666666666666%}.kopa-col-lg-offset-10{margin-left:83.33333333333334%}.kopa-col-lg-offset-9{margin-left:75%}.kopa-col-lg-offset-8{margin-left:66.66666666666666%}.kopa-col-lg-offset-7{margin-left:58.333333333333336%}.kopa-col-lg-offset-6{margin-left:50%}.kopa-col-lg-offset-5{margin-left:41.66666666666667%}.kopa-col-lg-offset-4{margin-left:33.33333333333333%}.kopa-col-lg-offset-3{margin-left:25%}.kopa-col-lg-offset-2{margin-left:16.666666666666664%}.kopa-col-lg-offset-1{margin-left:8.333333333333332%}.kopa-col-lg-offset-0{margin-left:0}}.kopa-field.kopa-field-image-thumb{width:150px;height:100px}.kopa-field.kopa-field-image-thumb .item-add{width:150px}.kopa-field.kopa-field-image-thumb .item-add .img{width:100%;height:100px;background-repeat:no-repeat;background-size:contain;background-position:center center}.kopa-field.kopa-field-image-full .item-add{height:102px}.kopa-field.kopa-field-image-full .item-add .img{width:100%;height:100%;background-size:cover;background-position:center}.kopa-field.kopa-field-image{position:relative}.kopa-field.kopa-field-image.hasimage{background:url(../images/transp_bg.png) repeat center center transparent}.kopa-field.kopa-field-image.hasimage .item-add{border:none}.kopa-field.kopa-field-image .item-add{display:block;height:102px;overflow:hidden;position:relative;border:1px dashed rgba(125,125,125,.4)}.kopa-field.kopa-field-image .item-add:before{content:"";display:block;width:39px;height:38px;background-image:url(../images/empty_row_sprite.png);background-position:top center;background-repeat:no-repeat;cursor:pointer;border:none!important;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.kopa-field.kopa-field-image .item-add:hover:before{background-position:bottom center}.kopa-field.kopa-field-image .item-remove{position:absolute;top:1px;right:1px;width:25px;height:25px;background:url(../images/remove.png) no-repeat;background-size:10px;background-position:center;display:none;cursor:pointer;border:none}.kopa-field img{border:1px solid #d5d5d5;max-width:100%}.kopa-field.hasimage:hover .item-remove{display:block}.kopa-field.hasimage .item-add:before{display:none}.kopa-field.header_image a img{height:auto;position:absolute}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{display:block;float:right;cursor:pointer;border-color:transparent;background-color:transparent;padding:0}.ui-dialog .ui-dialog-titlebar-close:hover{color:red}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-top:1px solid #ddd;background-image:none;margin-top:6px;padding:6px}.ui-dialog .ui-dialog-buttonpane .button{margin-top:0;margin-bottom:0}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-header{background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30);z-index:10000!important}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.ui-widget.ui-dialog{background-color:#fff}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.kopa-icon-picker,.kopa-icon-picker-preview{display:block;height:35px;line-height:35px;text-align:center;float:left}.kopa-icon-picker-preview{width:60%}.kopa-icon-picker{background-color:#eee;color:#000;transition:all .5s ease 0s;width:40%}.kopa-icon-picker i{display:block;line-height:30px;height:30px;width:100%}.kopa-icon-picker-wrap{background-color:#fff;border:1px solid #ddd;transition:all .5s ease 0s;width:100px}.kopa-list-of-icon{padding:6px 12px}.kopa-list-of-icon .kopa-row.kopa-wrap{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}.kopa-list-of-icon span{height:50px;line-height:50px;text-align:center;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;cursor:pointer}.kopa-list-of-icon span i{font-size:16px;color:#444}.kopa-list-of-icon span.upside-active,.kopa-list-of-icon span:hover{background-color:#1e8cbe}.kopa-list-of-icon span.upside-active i,.kopa-list-of-icon span:hover i{color:#FFF}.kopa-list-of-icon .kopa-textbox{width:100%;margin-bottom:24px;height:25px;line-height:25px;padding:0 12px}.kopa-metabox-wrap{margin-top:12px;padding-top:12px;margin-left:-15px;margin-right:-15px;border-top:1px solid #eee}.kopa-metabox-wrap.kopa-metabox-wrap-first{margin-top:12px;padding-top:0;border-top:none}.kopa-metabox-wrap .kopa-help{font-size:85%;font-style:italic}.kopa-widget-block{margin-top:12px;margin-bottom:12px}.kopa-widget-desc{margin-top:6px}.kopa_ui_caption{border-bottom:1px solid #e5e5e5;background-color:#f3f3f3;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:6px 24px;line-height:24px;color:#999}.kopa-ui-gallery ul{margin:0;padding:0}.kopa-ui-gallery ul li{display:inline-block;*display:inline-block;zoom:1;margin:0 6px 6px 0;position:relative;padding:2px;border:1px solid #e5e5e5;background-color:#fafafa;width:90px;height:90px}.kopa-ui-gallery ul li:hover .kopa-ui-gallery__remove{display:block;background-color:#F9A825}.kopa-ui-gallery ul li img{display:block;width:100%;height:100%}.kopa-ui-gallery .kopa-ui-gallery__remove{display:none;position:absolute;top:50%;right:50%;margin-top:-12px;margin-right:-12px;width:24px;height:24px;line-height:24px;border:1px solid #F9A825;background-color:#FBC02D;color:#fff;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}.kopa_section:after,.kopa_section:before{content:" ";display:table}.kopa_section:after{clear:both}.kopa-metabox-wrapper .kopa_screenshot{display:block}.kopa-metabox-wrapper .kopa_screenshot img{display:block;text-align:center;background-color:#fafafa;border:1px solid #ddd;padding:3px;max-width:300px}.kopa-metabox-wrapper .kopa_screenshot .kopa_remove_image{display:none}.kopa-ui-repeater-links.kopa-size--xs{width:25%}.kopa-ui-repeater-links.kopa-size--sm{width:50%}.kopa-ui-repeater-links.kopa-size--md{width:75%}.kopa-ui-repeater-links.kopa-size--lg{width:100%}.kopa-repeater-group{margin-bottom:12px}.kopa-repeater-group label{display:block;position:relative;height:36px;line-height:36px;padding:0 12px;background-color:#eee;border:1px solid #ddd}.kopa-repeater-group label:hover i{display:block}.kopa-repeater-group label i{display:none;position:absolute;top:50%;right:45%;margin-top:-12px;width:48px;height:24px;line-height:24px;background-color:#9e9e9e;color:#fff;font-size:13px}.kopa-repeater-group label i:hover{background-color:#858585}.kopa-repeater-group label i.kopa-repeater-edit{margin-right:24px;border:1px solid #858585;border-right:0;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:3px;border-bottom-left-radius:3px}.kopa-repeater-group label i.kopa-repeater-delete{margin-right:-24px;border:1px solid #858585;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:3px;border-bottom-right-radius:3px}.kopa-repeater-group .kopa-repeater-item-content{display:none;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:12px;background-color:#fafafa}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block,.kopa-repeater-group .kopa-repeater-item-content>p{position:relative;margin-bottom:0;margin-top:12px}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block:first-child,.kopa-repeater-group .kopa-repeater-item-content>p:first-child{margin-top:0}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block input,.kopa-repeater-group .kopa-repeater-item-content>p input{width:100%}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block>span,.kopa-repeater-group .kopa-repeater-item-content>p>span{display:block;width:100%}.kopa-repeater-group.kopa-repeater-group--open .kopa-repeater-item-content{display:block;border-color:#303f46}.kopa-repeater-group.kopa-repeater-group--open label{background-color:#455a64;border-color:#303f46}.kopa-repeater-group.kopa-repeater-group--open label span{color:#fff}.kopa-repeater-toolbar{margin-top:12px;margin-bottom:0}.kopa-ui-quote .kopa-row{position:relative;padding:15px;border:1px solid #e5e5e5;background-color:#fafafa;margin-top:5px}.kopa-ui-quote .kopa-row:first-child{margin-top:0}.kopa-ui-icon-picker{display:block;position:relative;overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#eee}.kopa-ui-icon-picker:hover .kopa-ui-icon-picker-action{bottom:1px!important}.kopa-ui-icon-picker i{display:block;border:1px solid #fff;color:#333}.kopa-ui-icon-picker .kopa-ui-icon-picker-action{transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;display:block;position:absolute;left:1px;right:1px;text-align:center;text-transform:uppercase;color:#fff;cursor:pointer}.kopa-ui-icon-picker .kopa-ui-icon-picker-add{background-color:rgba(0,115,170,.75)}.kopa-ui-icon-picker .kopa-ui-icon-picker-add:hover{background-color:#0085ba}.kopa-ui-icon-picker.kopa-size--lg{width:90px;height:90px;line-height:90px}.kopa-ui-icon-picker.kopa-size--lg i{width:88px;height:88px;line-height:88px;font-size:48px}.kopa-ui-icon-picker.kopa-size--lg .kopa-ui-icon-picker-action{bottom:-24px;height:24px;line-height:24px;font-size:10px}.kopa-ui-icon-picker.kopa-size--xs{width:35px;height:35px;line-height:35px}.kopa-ui-icon-picker.kopa-size--xs i{width:33px;height:33px;line-height:33px;font-size:24px}.kopa-ui-icon-picker.kopa-size--xs .kopa-ui-icon-picker-action{bottom:-33px;height:31px;line-height:31px;font-size:10px}#tmpl-kopa-icon-picker .kopa-ui__header{margin-bottom:16px}#tmpl-kopa-icon-picker .kopa-ui__search{width:100%}#tmpl-kopa-icon-picker .kopa-ui__body:after{clear:both}#tmpl-kopa-icon-picker .kopa-ui__body:after,#tmpl-kopa-icon-picker .kopa-ui__body:before{display:table;content:" "}#tmpl-kopa-icon-picker .kopa-ui__body{margin-left:-3px;margin-right:-3px}#tmpl-kopa-icon-picker .kopa-ui__body span{display:block;float:left;width:53px;height:53px;padding-left:3px;padding-right:3px;margin-bottom:6px}#tmpl-kopa-icon-picker .kopa-ui__body i{display:block;width:100%;height:53px;line-height:53px;text-align:center;border:1px solid #ddd;background-color:#fafafa;color:#333;font-size:14px;cursor:pointer}#tmpl-kopa-icon-picker .kopa-ui__body i.kopa-ui__active,#tmpl-kopa-icon-picker .kopa-ui__body i:hover{transition:background-color .5s;-ms-transition:background-color .5s;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;background-color:#0073aa;color:#fff}.kopa-ui-dialog .ui-dialog-buttonset{float:none;width:100%}.kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-cancel,.kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-use{float:right}.kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-remove{float:left;margin-right:0!important;color:red}
     1.kopa-row:after,.kopa-row:before{display:table;content:" "}.kopa-row:after{clear:both}.kopa-row,.kopa-row *,.kopa-row:after,.kopa-row:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.kopa-col-lg-1,.kopa-col-lg-10,.kopa-col-lg-11,.kopa-col-lg-12,.kopa-col-lg-2,.kopa-col-lg-3,.kopa-col-lg-4,.kopa-col-lg-5,.kopa-col-lg-6,.kopa-col-lg-7,.kopa-col-lg-8,.kopa-col-lg-9,.kopa-col-md-1,.kopa-col-md-10,.kopa-col-md-11,.kopa-col-md-12,.kopa-col-md-2,.kopa-col-md-3,.kopa-col-md-4,.kopa-col-md-5,.kopa-col-md-6,.kopa-col-md-7,.kopa-col-md-8,.kopa-col-md-9,.kopa-col-sm-1,.kopa-col-sm-10,.kopa-col-sm-11,.kopa-col-sm-12,.kopa-col-sm-2,.kopa-col-sm-3,.kopa-col-sm-4,.kopa-col-sm-5,.kopa-col-sm-6,.kopa-col-sm-7,.kopa-col-sm-8,.kopa-col-sm-9,.kopa-col-xs-1,.kopa-col-xs-10,.kopa-col-xs-11,.kopa-col-xs-12,.kopa-col-xs-2,.kopa-col-xs-3,.kopa-col-xs-4,.kopa-col-xs-5,.kopa-col-xs-6,.kopa-col-xs-7,.kopa-col-xs-8,.kopa-col-xs-9{float:left!important;position:relative;min-height:1px;padding-right:15px;padding-left:15px}.kopa-col-xs-12{width:100%}.kopa-col-xs-11{width:91.66666666666666%}.kopa-col-xs-10{width:83.33333333333334%}.kopa-col-xs-9{width:75%}.kopa-col-xs-8{width:66.66666666666666%}.kopa-col-xs-7{width:58.333333333333336%}.kopa-col-xs-6{width:50%}.kopa-col-xs-5{width:41.66666666666667%}.kopa-col-xs-4{width:33.33333333333333%}.kopa-col-xs-3{width:25%}.kopa-col-xs-2{width:16.666666666666664%}.kopa-col-xs-1{width:8.333333333333332%}.kopa-col-xs-pull-12{right:100%}.kopa-col-xs-pull-11{right:91.66666666666666%}.kopa-col-xs-pull-10{right:83.33333333333334%}.kopa-col-xs-pull-9{right:75%}.kopa-col-xs-pull-8{right:66.66666666666666%}.kopa-col-xs-pull-7{right:58.333333333333336%}.kopa-col-xs-pull-6{right:50%}.kopa-col-xs-pull-5{right:41.66666666666667%}.kopa-col-xs-pull-4{right:33.33333333333333%}.kopa-col-xs-pull-3{right:25%}.kopa-col-xs-pull-2{right:16.666666666666664%}.kopa-col-xs-pull-1{right:8.333333333333332%}.kopa-col-xs-pull-0{right:0}.kopa-col-xs-push-12{left:100%}.kopa-col-xs-push-11{left:91.66666666666666%}.kopa-col-xs-push-10{left:83.33333333333334%}.kopa-col-xs-push-9{left:75%}.kopa-col-xs-push-8{left:66.66666666666666%}.kopa-col-xs-push-7{left:58.333333333333336%}.kopa-col-xs-push-6{left:50%}.kopa-col-xs-push-5{left:41.66666666666667%}.kopa-col-xs-push-4{left:33.33333333333333%}.kopa-col-xs-push-3{left:25%}.kopa-col-xs-push-2{left:16.666666666666664%}.kopa-col-xs-push-1{left:8.333333333333332%}.kopa-col-xs-push-0{left:0}.kopa-col-xs-offset-12{margin-left:100%}.kopa-col-xs-offset-11{margin-left:91.66666666666666%}.kopa-col-xs-offset-10{margin-left:83.33333333333334%}.kopa-col-xs-offset-9{margin-left:75%}.kopa-col-xs-offset-8{margin-left:66.66666666666666%}.kopa-col-xs-offset-7{margin-left:58.333333333333336%}.kopa-col-xs-offset-6{margin-left:50%}.kopa-col-xs-offset-5{margin-left:41.66666666666667%}.kopa-col-xs-offset-4{margin-left:33.33333333333333%}.kopa-col-xs-offset-3{margin-left:25%}.kopa-col-xs-offset-2{margin-left:16.666666666666664%}.kopa-col-xs-offset-1{margin-left:8.333333333333332%}.kopa-col-xs-offset-0{margin-left:0}@media (min-width:768px){.kopa-col-sm-1,.kopa-col-sm-10,.kopa-col-sm-11,.kopa-col-sm-12,.kopa-col-sm-2,.kopa-col-sm-3,.kopa-col-sm-4,.kopa-col-sm-5,.kopa-col-sm-6,.kopa-col-sm-7,.kopa-col-sm-8,.kopa-col-sm-9{float:left}.kopa-col-sm-12{width:100%}.kopa-col-sm-11{width:91.66666666666666%}.kopa-col-sm-10{width:83.33333333333334%}.kopa-col-sm-9{width:75%}.kopa-col-sm-8{width:66.66666666666666%}.kopa-col-sm-7{width:58.333333333333336%}.kopa-col-sm-6{width:50%}.kopa-col-sm-5{width:41.66666666666667%}.kopa-col-sm-4{width:33.33333333333333%}.kopa-col-sm-3{width:25%}.kopa-col-sm-2{width:16.666666666666664%}.kopa-col-sm-1{width:8.333333333333332%}.kopa-col-sm-pull-12{right:100%}.kopa-col-sm-pull-11{right:91.66666666666666%}.kopa-col-sm-pull-10{right:83.33333333333334%}.kopa-col-sm-pull-9{right:75%}.kopa-col-sm-pull-8{right:66.66666666666666%}.kopa-col-sm-pull-7{right:58.333333333333336%}.kopa-col-sm-pull-6{right:50%}.kopa-col-sm-pull-5{right:41.66666666666667%}.kopa-col-sm-pull-4{right:33.33333333333333%}.kopa-col-sm-pull-3{right:25%}.kopa-col-sm-pull-2{right:16.666666666666664%}.kopa-col-sm-pull-1{right:8.333333333333332%}.kopa-col-sm-pull-0{right:0}.kopa-col-sm-push-12{left:100%}.kopa-col-sm-push-11{left:91.66666666666666%}.kopa-col-sm-push-10{left:83.33333333333334%}.kopa-col-sm-push-9{left:75%}.kopa-col-sm-push-8{left:66.66666666666666%}.kopa-col-sm-push-7{left:58.333333333333336%}.kopa-col-sm-push-6{left:50%}.kopa-col-sm-push-5{left:41.66666666666667%}.kopa-col-sm-push-4{left:33.33333333333333%}.kopa-col-sm-push-3{left:25%}.kopa-col-sm-push-2{left:16.666666666666664%}.kopa-col-sm-push-1{left:8.333333333333332%}.kopa-col-sm-push-0{left:0}.kopa-col-sm-offset-12{margin-left:100%}.kopa-col-sm-offset-11{margin-left:91.66666666666666%}.kopa-col-sm-offset-10{margin-left:83.33333333333334%}.kopa-col-sm-offset-9{margin-left:75%}.kopa-col-sm-offset-8{margin-left:66.66666666666666%}.kopa-col-sm-offset-7{margin-left:58.333333333333336%}.kopa-col-sm-offset-6{margin-left:50%}.kopa-col-sm-offset-5{margin-left:41.66666666666667%}.kopa-col-sm-offset-4{margin-left:33.33333333333333%}.kopa-col-sm-offset-3{margin-left:25%}.kopa-col-sm-offset-2{margin-left:16.666666666666664%}.kopa-col-sm-offset-1{margin-left:8.333333333333332%}.kopa-col-sm-offset-0{margin-left:0}}@media (min-width:992px){.kopa-col-md-1,.kopa-col-md-10,.kopa-col-md-11,.kopa-col-md-12,.kopa-col-md-2,.kopa-col-md-3,.kopa-col-md-4,.kopa-col-md-5,.kopa-col-md-6,.kopa-col-md-7,.kopa-col-md-8,.kopa-col-md-9{float:left}.kopa-col-md-12{width:100%}.kopa-col-md-11{width:91.66666666666666%}.kopa-col-md-10{width:83.33333333333334%}.kopa-col-md-9{width:75%}.kopa-col-md-8{width:66.66666666666666%}.kopa-col-md-7{width:58.333333333333336%}.kopa-col-md-6{width:50%}.kopa-col-md-5{width:41.66666666666667%}.kopa-col-md-4{width:33.33333333333333%}.kopa-col-md-3{width:25%}.kopa-col-md-2{width:16.666666666666664%}.kopa-col-md-1{width:8.333333333333332%}.kopa-col-md-pull-12{right:100%}.kopa-col-md-pull-11{right:91.66666666666666%}.kopa-col-md-pull-10{right:83.33333333333334%}.kopa-col-md-pull-9{right:75%}.kopa-col-md-pull-8{right:66.66666666666666%}.kopa-col-md-pull-7{right:58.333333333333336%}.kopa-col-md-pull-6{right:50%}.kopa-col-md-pull-5{right:41.66666666666667%}.kopa-col-md-pull-4{right:33.33333333333333%}.kopa-col-md-pull-3{right:25%}.kopa-col-md-pull-2{right:16.666666666666664%}.kopa-col-md-pull-1{right:8.333333333333332%}.kopa-col-md-pull-0{right:0}.kopa-col-md-push-12{left:100%}.kopa-col-md-push-11{left:91.66666666666666%}.kopa-col-md-push-10{left:83.33333333333334%}.kopa-col-md-push-9{left:75%}.kopa-col-md-push-8{left:66.66666666666666%}.kopa-col-md-push-7{left:58.333333333333336%}.kopa-col-md-push-6{left:50%}.kopa-col-md-push-5{left:41.66666666666667%}.kopa-col-md-push-4{left:33.33333333333333%}.kopa-col-md-push-3{left:25%}.kopa-col-md-push-2{left:16.666666666666664%}.kopa-col-md-push-1{left:8.333333333333332%}.kopa-col-md-push-0{left:0}.kopa-col-md-offset-12{margin-left:100%}.kopa-col-md-offset-11{margin-left:91.66666666666666%}.kopa-col-md-offset-10{margin-left:83.33333333333334%}.kopa-col-md-offset-9{margin-left:75%}.kopa-col-md-offset-8{margin-left:66.66666666666666%}.kopa-col-md-offset-7{margin-left:58.333333333333336%}.kopa-col-md-offset-6{margin-left:50%}.kopa-col-md-offset-5{margin-left:41.66666666666667%}.kopa-col-md-offset-4{margin-left:33.33333333333333%}.kopa-col-md-offset-3{margin-left:25%}.kopa-col-md-offset-2{margin-left:16.666666666666664%}.kopa-col-md-offset-1{margin-left:8.333333333333332%}.kopa-col-md-offset-0{margin-left:0}}@media (min-width:1200px){.kopa-col-lg-1,.kopa-col-lg-10,.kopa-col-lg-11,.kopa-col-lg-12,.kopa-col-lg-2,.kopa-col-lg-3,.kopa-col-lg-4,.kopa-col-lg-5,.kopa-col-lg-6,.kopa-col-lg-7,.kopa-col-lg-8,.kopa-col-lg-9{float:left}.kopa-col-lg-12{width:100%}.kopa-col-lg-11{width:91.66666666666666%}.kopa-col-lg-10{width:83.33333333333334%}.kopa-col-lg-9{width:75%}.kopa-col-lg-8{width:66.66666666666666%}.kopa-col-lg-7{width:58.333333333333336%}.kopa-col-lg-6{width:50%}.kopa-col-lg-5{width:41.66666666666667%}.kopa-col-lg-4{width:33.33333333333333%}.kopa-col-lg-3{width:25%}.kopa-col-lg-2{width:16.666666666666664%}.kopa-col-lg-1{width:8.333333333333332%}.kopa-col-lg-pull-12{right:100%}.kopa-col-lg-pull-11{right:91.66666666666666%}.kopa-col-lg-pull-10{right:83.33333333333334%}.kopa-col-lg-pull-9{right:75%}.kopa-col-lg-pull-8{right:66.66666666666666%}.kopa-col-lg-pull-7{right:58.333333333333336%}.kopa-col-lg-pull-6{right:50%}.kopa-col-lg-pull-5{right:41.66666666666667%}.kopa-col-lg-pull-4{right:33.33333333333333%}.kopa-col-lg-pull-3{right:25%}.kopa-col-lg-pull-2{right:16.666666666666664%}.kopa-col-lg-pull-1{right:8.333333333333332%}.kopa-col-lg-pull-0{right:0}.kopa-col-lg-push-12{left:100%}.kopa-col-lg-push-11{left:91.66666666666666%}.kopa-col-lg-push-10{left:83.33333333333334%}.kopa-col-lg-push-9{left:75%}.kopa-col-lg-push-8{left:66.66666666666666%}.kopa-col-lg-push-7{left:58.333333333333336%}.kopa-col-lg-push-6{left:50%}.kopa-col-lg-push-5{left:41.66666666666667%}.kopa-col-lg-push-4{left:33.33333333333333%}.kopa-col-lg-push-3{left:25%}.kopa-col-lg-push-2{left:16.666666666666664%}.kopa-col-lg-push-1{left:8.333333333333332%}.kopa-col-lg-push-0{left:0}.kopa-col-lg-offset-12{margin-left:100%}.kopa-col-lg-offset-11{margin-left:91.66666666666666%}.kopa-col-lg-offset-10{margin-left:83.33333333333334%}.kopa-col-lg-offset-9{margin-left:75%}.kopa-col-lg-offset-8{margin-left:66.66666666666666%}.kopa-col-lg-offset-7{margin-left:58.333333333333336%}.kopa-col-lg-offset-6{margin-left:50%}.kopa-col-lg-offset-5{margin-left:41.66666666666667%}.kopa-col-lg-offset-4{margin-left:33.33333333333333%}.kopa-col-lg-offset-3{margin-left:25%}.kopa-col-lg-offset-2{margin-left:16.666666666666664%}.kopa-col-lg-offset-1{margin-left:8.333333333333332%}.kopa-col-lg-offset-0{margin-left:0}}.kopa-field.kopa-field-image-thumb{width:150px;height:100px}.kopa-field.kopa-field-image-thumb .item-add{width:150px}.kopa-field.kopa-field-image-thumb .item-add .img{width:100%;height:100px;background-repeat:no-repeat;background-size:contain;background-position:center center}.kopa-field.kopa-field-image-full .item-add{height:102px}.kopa-field.kopa-field-image-full .item-add .img{width:100%;height:100%;background-size:cover;background-position:center}.kopa-field.kopa-field-image{position:relative}.kopa-field.kopa-field-image.hasimage{background:url(../images/transp_bg.png) repeat center center transparent}.kopa-field.kopa-field-image.hasimage .item-add{border:none}.kopa-field.kopa-field-image .item-add{display:block;height:102px;overflow:hidden;position:relative;border:1px dashed rgba(125,125,125,.4)}.kopa-field.kopa-field-image .item-add:before{content:"";display:block;width:39px;height:38px;background-image:url(../images/empty_row_sprite.png);background-position:top center;background-repeat:no-repeat;cursor:pointer;border:none!important;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.kopa-field.kopa-field-image .item-add:hover:before{background-position:bottom center}.kopa-field.kopa-field-image .item-remove{position:absolute;top:1px;right:1px;width:25px;height:25px;background:url(../images/remove.png) no-repeat;background-size:10px;background-position:center;display:none;cursor:pointer;border:none}.kopa-field img{border:1px solid #d5d5d5;max-width:100%}.kopa-field.hasimage:hover .item-remove{display:block}.kopa-field.hasimage .item-add:before{display:none}.kopa-field.header_image a img{height:auto;position:absolute}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{display:block;float:right;cursor:pointer;border-color:transparent;background-color:transparent;padding:0}.ui-dialog .ui-dialog-titlebar-close:hover{color:red}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-top:1px solid #ddd;background-image:none;margin-top:6px;padding:6px}.ui-dialog .ui-dialog-buttonpane .button{margin-top:0;margin-bottom:0}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-header{background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30);z-index:10000!important}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.ui-widget.ui-dialog{background-color:#fff}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.kopa-icon-picker,.kopa-icon-picker-preview{display:block;height:35px;line-height:35px;text-align:center;float:left}.kopa-icon-picker-preview{width:60%}.kopa-icon-picker{background-color:#eee;color:#000;transition:all .5s ease 0s;width:40%}.kopa-icon-picker i{display:block;line-height:30px;height:30px;width:100%}.kopa-icon-picker-wrap{background-color:#fff;border:1px solid #ddd;transition:all .5s ease 0s;width:100px}.kopa-list-of-icon{padding:6px 12px}.kopa-list-of-icon .kopa-row.kopa-wrap{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}.kopa-list-of-icon span{height:50px;line-height:50px;text-align:center;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;cursor:pointer}.kopa-list-of-icon span i{font-size:16px;color:#444}.kopa-list-of-icon span.upside-active,.kopa-list-of-icon span:hover{background-color:#1e8cbe}.kopa-list-of-icon span.upside-active i,.kopa-list-of-icon span:hover i{color:#FFF}.kopa-list-of-icon .kopa-textbox{width:100%;margin-bottom:24px;height:25px;line-height:25px;padding:0 12px}.kopa-metabox-wrap{margin-top:12px;padding-top:12px;margin-left:-15px;margin-right:-15px;border-top:1px solid #eee}.kopa-metabox-wrap.kopa-metabox-wrap-first{margin-top:12px;padding-top:0;border-top:none}.kopa-metabox-wrap .kopa-help{font-size:85%;font-style:italic}.kopa-widget-block{margin-top:12px;margin-bottom:12px}.kopa-widget-desc{margin-top:6px}.kopa_ui_caption{border-bottom:1px solid #e5e5e5;background-color:#f3f3f3;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:6px 24px;line-height:24px;color:#999}.kopa-ui-gallery ul{margin:0;padding:0}.kopa-ui-gallery ul li{display:inline-block;*display:inline-block;zoom:1;margin:0 6px 6px 0;position:relative;padding:2px;border:1px solid #e5e5e5;background-color:#fafafa;width:90px;height:90px}.kopa-ui-gallery ul li:hover .kopa-ui-gallery__remove{display:block;background-color:#F9A825}.kopa-ui-gallery ul li img{display:block;width:100%;height:100%}.kopa-ui-gallery .kopa-ui-gallery__remove{display:none;position:absolute;top:50%;right:50%;margin-top:-12px;margin-right:-12px;width:24px;height:24px;line-height:24px;border:1px solid #F9A825;background-color:#FBC02D;color:#fff;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}.kopa_section:after,.kopa_section:before{content:" ";display:table}.kopa_section:after{clear:both}.kopa-metabox-wrapper{overflow:hidden}.kopa-metabox-wrapper .kopa_screenshot{display:block}.kopa-metabox-wrapper .kopa_screenshot img{display:block;text-align:center;background-color:#fafafa;border:1px solid #ddd;padding:3px;max-width:300px}.kopa-metabox-wrapper .kopa_screenshot .kopa_remove_image{display:none}.kopa-ui-repeater-links.kopa-size--xs{width:25%}.kopa-ui-repeater-links.kopa-size--sm{width:50%}.kopa-ui-repeater-links.kopa-size--md{width:75%}.kopa-ui-repeater-links.kopa-size--lg{width:100%}.kopa-repeater-group{margin-bottom:12px}.kopa-repeater-group label{display:block;position:relative;height:36px;line-height:36px;padding:0 12px;background-color:#eee;border:1px solid #ddd}.kopa-repeater-group label:hover i{display:block}.kopa-repeater-group label i{display:none;position:absolute;top:50%;right:45%;margin-top:-12px;width:48px;height:24px;line-height:24px;background-color:#9e9e9e;color:#fff;font-size:13px}.kopa-repeater-group label i:hover{background-color:#858585}.kopa-repeater-group label i.kopa-repeater-edit{margin-right:24px;border:1px solid #858585;border-right:0;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:3px;border-bottom-left-radius:3px}.kopa-repeater-group label i.kopa-repeater-delete{margin-right:-24px;border:1px solid #858585;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:3px;border-bottom-right-radius:3px}.kopa-repeater-group .kopa-repeater-item-content{display:none;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:12px;background-color:#fafafa}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block,.kopa-repeater-group .kopa-repeater-item-content>p{position:relative;margin-bottom:0;margin-top:12px}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block:first-child,.kopa-repeater-group .kopa-repeater-item-content>p:first-child{margin-top:0}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block input,.kopa-repeater-group .kopa-repeater-item-content>p input{width:100%}.kopa-repeater-group .kopa-repeater-item-content>.kopa-repeater-item-block>span,.kopa-repeater-group .kopa-repeater-item-content>p>span{display:block;width:100%}.kopa-repeater-group.kopa-repeater-group--open .kopa-repeater-item-content{display:block;border-color:#303f46}.kopa-repeater-group.kopa-repeater-group--open label{background-color:#455a64;border-color:#303f46}.kopa-repeater-group.kopa-repeater-group--open label span{color:#fff}.kopa-repeater-toolbar{margin-top:12px;margin-bottom:0}.kopa-ui-quote .kopa-row{position:relative;padding:15px;border:1px solid #e5e5e5;background-color:#fafafa;margin-top:5px}.kopa-ui-quote .kopa-row:first-child{margin-top:0}.kopa-ui-icon-picker{display:block;position:relative;overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#eee}.kopa-ui-icon-picker:hover .kopa-ui-icon-picker-action{bottom:1px!important}.kopa-ui-icon-picker i{display:block;border:1px solid #fff;color:#333}.kopa-ui-icon-picker .kopa-ui-icon-picker-action{transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;display:block;position:absolute;left:1px;right:1px;text-align:center;text-transform:uppercase;color:#fff;cursor:pointer}.kopa-ui-icon-picker .kopa-ui-icon-picker-add{background-color:rgba(0,115,170,.75)}.kopa-ui-icon-picker .kopa-ui-icon-picker-add:hover{background-color:#0085ba}.kopa-ui-icon-picker.kopa-size--lg{width:90px;height:90px;line-height:90px}.kopa-ui-icon-picker.kopa-size--lg i{width:88px;height:88px;line-height:88px;font-size:48px}.kopa-ui-icon-picker.kopa-size--lg .kopa-ui-icon-picker-action{bottom:-24px;height:24px;line-height:24px;font-size:10px}.kopa-ui-icon-picker.kopa-size--xs{width:35px;height:35px;line-height:35px}.kopa-ui-icon-picker.kopa-size--xs i{width:33px;height:33px;line-height:33px;font-size:24px}.kopa-ui-icon-picker.kopa-size--xs .kopa-ui-icon-picker-action{bottom:-33px;height:31px;line-height:31px;font-size:10px}#tmpl-kopa-icon-picker .kopa-ui__header{margin-bottom:16px}#tmpl-kopa-icon-picker .kopa-ui__search{width:100%}#tmpl-kopa-icon-picker .kopa-ui__body:after{clear:both}#tmpl-kopa-icon-picker .kopa-ui__body:after,#tmpl-kopa-icon-picker .kopa-ui__body:before{display:table;content:" "}#tmpl-kopa-icon-picker .kopa-ui__body{margin-left:-3px;margin-right:-3px}#tmpl-kopa-icon-picker .kopa-ui__body span{display:block;float:left;width:53px;height:53px;padding-left:3px;padding-right:3px;margin-bottom:6px}#tmpl-kopa-icon-picker .kopa-ui__body i{display:block;width:100%;height:53px;line-height:53px;text-align:center;border:1px solid #ddd;background-color:#fafafa;color:#333;font-size:14px;cursor:pointer}#tmpl-kopa-icon-picker .kopa-ui__body i.kopa-ui__active,#tmpl-kopa-icon-picker .kopa-ui__body i:hover{transition:background-color .5s;-ms-transition:background-color .5s;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;background-color:#0073aa;color:#fff}.kopa-ui-dialog .ui-dialog-buttonset{float:none;width:100%}.kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-cancel,.kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-use{float:right}.kopa-ui-dialog .ui-dialog-buttonset .kopa-ui-button-remove{float:left;margin-right:0!important;color:red}

  • kopatheme/trunk/assets/css/widget.scss

    r1490791 r1493677  
    1 @import 'config';
    2 @import 'grid';
    3 @import 'image_field';
    4 @import 'jquery_ui';
     1@import 'sass/_config';
     2@import 'sass/_grid';
     3@import 'sass/_image_field';
     4@import 'sass/_jquery_ui';
    55
    66.clearfix:before, .clearfix:after {

  • kopatheme/trunk/includes/admin/class-kopa-admin-assets.php

    r1490791 r1493677  
    1616
    1717        public function __construct() {
    18             $is_load_compiled_assets = apply_filters( 'kopa_is_load_compiled_assets', false );
    19 
    20             if( $is_load_compiled_assets ) {
     18            add_action( 'admin_enqueue_scripts', array( $this, 'load_global_assets' ) );
     19
     20            $is_load_compiled = apply_filters( 'kopa_is_load_compiled_assets', false );
     21
     22            if( $is_load_compiled ) {
    2123                add_action( 'admin_enqueue_scripts', array( $this, 'load_compiled_assets' ) );             
    2224            }else{
    … …  
    2628        }
    2729
    28         public function is_compiled( $hook ) {
    29             $screen           = get_current_screen();
    30             $is_theme_options =  in_array( $screen->id, kopa_get_screen_ids() );
    31             $is_other_pages   = in_array( $hook, array( 'widgets.php', 'post.php', 'post-new.php', 'edit-tags.php','term.php', 'edit.php' ) );
    32 
    33             return $is_other_pages || $is_theme_options;   
    34         }
    35 
    36         public function load_compiled_assets( $hook ) {
    37 
    38             if ( $this->is_compiled( $hook ) ) {           
     30        public function load_global_assets( $hook ) {
     31            if( $this->is_allow( $hook ) ) {
     32                // Stylesheet.
    3933                wp_enqueue_media();                                     
     34                wp_enqueue_style( 'thickbox' );
    4035                wp_enqueue_style( 'wp-color-picker' );
    41                 wp_enqueue_style( 'kopatheme', KF()->framework_url() . '/assets/compiled/kopatheme.min.css', array(), KOPA_FRAMEWORK_VERSION ); 
    42 
     36               
     37                // Javascript.
     38                wp_enqueue_script( 'thickbox' );
    4339                wp_enqueue_script( 'wp-color-picker' );
    4440                wp_enqueue_script( 'jquery-ui-core' );
    … …  
    4743                wp_enqueue_script( 'jquery-ui-droppable' );
    4844                wp_enqueue_script( 'jquery-ui-draggable' );
    49                 wp_enqueue_script( 'kopatheme', KF()->framework_url() . '/assets/compiled/kopatheme.min.js', array( 'jquery' ), KOPA_FRAMEWORK_VERSION );
    50 
    51                 wp_localize_script( 'kopatheme', 'kopa_google_fonts', kopa_google_font_property_list_array() );
    52                 wp_localize_script( 'kopatheme', 'kopa_google_font_families', kopa_google_font_list() );
    53                 wp_localize_script( 'kopatheme', 'kopa_system_fonts', kopa_system_font_list() );
    54                 wp_localize_script( 'kopatheme', 'kopa_font_styles', kopa_font_style_options() );
    55                 wp_localize_script( 'kopatheme', 'kopa_custom_font_attributes', $this->get_i18n_fonts() );
    56                 wp_localize_script( 'kopatheme', 'kopa_admin_l10n', $this->get_i18n_admin() );             
    57                 wp_localize_script( 'kopatheme', 'kopa_sidebar_attributes_l10n', $this->get_i18n_sidebar() );
    58         wp_localize_script( 'kopatheme', 'kopa_upload_l10n', $this->get_i18n_uploader() );
    59         wp_localize_script( 'kopatheme', 'kopa_advanced_field', $this->get_i18n_fields() );         
     45
     46                // i18n.
     47                $this->load_i18n_data();
    6048            }
    61 
    62             do_action( 'kopa_admin_css', $hook );           
    63         }
    64 
    65         public function admin_styles($hook) {
    66             global $wp_scripts;
    67 
    68             $screen = get_current_screen( );
    69 
    70             wp_register_style( 'kopa_admin', KF()->framework_url() . '/assets/css/admin.css', array(), KOPA_FRAMEWORK_VERSION );
    71             wp_register_style( 'kopa_font_awesome', KF()->framework_url() . '/assets/css/font-awesome.css', array(), KOPA_FRAMEWORK_VERSION );
    72             wp_register_style( 'font-themify', KF()->framework_url() . '/assets/css/font-themify.css', array(), KOPA_FRAMEWORK_VERSION );
    73             wp_register_style( 'kopa_custom_layout', KF()->framework_url() . '/assets/css/custom-layout.css', array(), KOPA_FRAMEWORK_VERSION );
    74             wp_register_style( 'kopa_widget', KF()->framework_url() . '/assets/css/widget.css', array(), KOPA_FRAMEWORK_VERSION );
    75 
    76         if ( $this->is_use_advanced_fields() ) {
    77           wp_register_style( 'jquery-datetimepicker', KF()->framework_url() . '/assets/css/jquery.datetimepicker.css', array(), KOPA_FRAMEWORK_VERSION );
    78           wp_register_style( 'jquery-chosen', KF()->framework_url() . '/assets/css/jquery.chosen.css', array(), KOPA_FRAMEWORK_VERSION );         
    79         }
    80        
    81             if ( in_array( $hook, array( 'widgets.php', 'post.php', 'post-new.php', 'appearance_page_kopa-framework', 'edit-tags.php','term.php', 'edit.php' ) ) ) {
    82 
    83                 wp_enqueue_media();
    84                 wp_enqueue_style( 'kopa_widget' );                             
    85                 wp_enqueue_style( 'wp-color-picker' );
     49        }
     50
     51        public function load_compiled_assets( $hook ) {
     52            if ( $this->is_allow( $hook ) ) {
     53                wp_enqueue_style( 'kopatheme', KF()->framework_url() . '/assets/compiled/kopatheme.min.css', array(), NULL ); 
     54                wp_enqueue_script( 'kopatheme', KF()->framework_url() . '/assets/compiled/kopatheme.min.js', array( 'jquery' ), NULL );
     55            }           
     56        }
     57
     58        public function admin_styles( $hook ) {
     59            if( $this->is_allow( $hook ) ) {
     60                $ext = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '.css' : '.min.css';
     61
     62                wp_enqueue_style( 'font-awesome', KF()->framework_url() . '/assets/css/font-awesome' . $ext, array(), NULL );
     63                wp_enqueue_style( 'font-themify', KF()->framework_url() . '/assets/css/font-themify' . $ext, array(), NULL );
     64                wp_enqueue_style( 'kopa_admin', KF()->framework_url() . '/assets/css/admin' . $ext, array(), NULL );
     65                wp_enqueue_style( 'kopa_custom_layout', KF()->framework_url() . '/assets/css/custom-layout' . $ext, array(), NULL );                           
     66                wp_enqueue_style( 'kopa_widget', KF()->framework_url() . '/assets/css/widget' . $ext, array(), NULL );
    8667
    8768          if ( $this->is_use_advanced_fields() ) {
    88           wp_enqueue_style( 'jquery-datetimepicker' );
    89           wp_enqueue_style( 'jquery-chosen' );           
    90           wp_enqueue_style( 'kopa_font_awesome' );
    91           wp_enqueue_style( 'font-themify' );                   
     69                    wp_enqueue_style( 'jquery-datetimepicker', KF()->framework_url() . '/assets/css/jquery.datetimepicker' . $ext, array(), NULL );
     70              wp_enqueue_style( 'jquery-chosen', KF()->framework_url() . '/assets/css/jquery.chosen' . $ext, array(), NULL );         
    9271          }
    93             }
    94 
    95             if ( in_array( $screen->id, kopa_get_screen_ids() ) ) { wp_enqueue_style( 'kopa_admin' ); }
    96 
    97             do_action( 'kopa_admin_css' );
     72            }           
    9873        }       
    9974
    100         public function admin_scripts() {
    101             global $wp_query, $post;
    102 
    103             $screen = get_current_screen();
    104             $suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
    105 
    106             wp_enqueue_media();
     75        public function admin_scripts( $hook ) {
    10776           
    108             wp_register_script( 'kopa_admin', KF()->framework_url() . '/assets/js/admin'.$suffix.'.js', array( 'jquery', 'wp-color-picker', 'jquery-ui-sortable', 'kopa_media_uploader' ), NULL );
    109             wp_register_script( 'kopa_dynamic_sidebar', KF()->framework_url() .'/assets/js/admin-sidebar'.$suffix.'.js', array( 'jquery', 'jquery-ui-sortable', 'thickbox' ), NULL );
    110             wp_register_script( 'kopa_dynamic_layout', KF()->framework_url() .'/assets/js/admin-layout'.$suffix.'.js', array( 'jquery' ), NULL );
    111             wp_register_script( 'kopa_custom_layout', KF()->framework_url() . '/assets/js/custom-layout'.$suffix.'.js', array( 'jquery' ), NULL );
    112             wp_register_script( 'kopa_custom_fields', KF()->framework_url() . '/assets/js/admin-fields'.$suffix.'.js', array( 'jquery' ), NULL );
    113             wp_register_script( 'kopa_media_uploader', KF()->framework_url() . '/assets/js/media-uploader'.$suffix.'.js', array( 'jquery' ), NULL );
    114 
    115         if ( $this->is_use_advanced_fields() ) {
    116         wp_register_script( 'jquery-datetimepicker', KF()->framework_url() . '/assets/js/jquery.datetimepicker'.$suffix.'.js', array( 'jquery' ), NULL );
    117         wp_register_script( 'jquery-chosen', KF()->framework_url() . '/assets/js/jquery-chosen'.$suffix.'.js', array( 'jquery' ), NULL );
    118         wp_register_script( 'jquery-repeatable', KF()->framework_url() . '/assets/js/jquery-repeatable'.$suffix.'.js', array( 'jquery' ), NULL );
    119         }
    120 
    121             if ( in_array( $screen->id, kopa_get_screen_ids() ) ) {
    122                 wp_enqueue_script( 'kopa_admin' );
    123                 wp_enqueue_script( 'kopa_dynamic_sidebar' );
    124                 wp_enqueue_script( 'kopa_dynamic_layout' );
    125 
    126                 wp_localize_script( 'kopa_admin', 'kopa_google_fonts', kopa_google_font_property_list_array() );
    127                 wp_localize_script( 'kopa_admin', 'kopa_google_font_families', kopa_google_font_list() );
    128                 wp_localize_script( 'kopa_admin', 'kopa_system_fonts', kopa_system_font_list() );
    129                 wp_localize_script( 'kopa_admin', 'kopa_font_styles', kopa_font_style_options() );
    130                 wp_localize_script( 'kopa_admin', 'kopa_custom_font_attributes', $this->get_i18n_fonts() );
    131                 wp_localize_script( 'kopa_admin', 'kopa_admin_l10n', $this->get_i18n_admin() );             
    132                 wp_localize_script( 'kopa_dynamic_sidebar', 'kopa_sidebar_attributes_l10n', $this->get_i18n_sidebar() );       
    133       }
    134 
    135             wp_enqueue_media();
    136             wp_enqueue_script( 'kopa_media_uploader' );         
    137             wp_localize_script( 'kopa_media_uploader', 'kopa_upload_l10n', $this->get_i18n_uploader() );
    138 
    139             if ( $this->is_use_advanced_fields() ) {
    140                 wp_enqueue_script( 'jquery-ui-core' );
    141                 wp_enqueue_script( 'jquery-ui-dialog' );
    142                 wp_enqueue_script( 'jquery-ui-position' );
    143                 wp_enqueue_script( 'jquery-ui-droppable' );
    144                 wp_enqueue_script( 'jquery-ui-draggable' );
    145                 wp_enqueue_script( 'kopa_custom_fields' );
    146                 wp_enqueue_script( 'jquery-datetimepicker' );     
    147                 wp_enqueue_script( 'jquery-chosen' );     
    148                 wp_enqueue_script( 'jquery-repeatable' );                   
    149                 wp_localize_script( 'kopa_custom_fields', 'kopa_advanced_field', $this->get_i18n_fields() );               
    150             }
     77            if( $this->is_allow( $hook ) ) {
     78
     79                $suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
     80
     81                wp_enqueue_script( 'kopa_admin', KF()->framework_url() . '/assets/js/admin'.$suffix.'.js', array( 'jquery' ), NULL );
     82                wp_enqueue_script( 'kopa_dynamic_sidebar', KF()->framework_url() .'/assets/js/admin-sidebar'.$suffix.'.js', array( 'jquery' ), NULL );
     83                wp_enqueue_script( 'kopa_dynamic_layout', KF()->framework_url() .'/assets/js/admin-layout'.$suffix.'.js', array( 'jquery' ), NULL );
     84                wp_enqueue_script( 'kopa_custom_layout', KF()->framework_url() . '/assets/js/custom-layout'.$suffix.'.js', array( 'jquery' ), NULL );               
     85                wp_enqueue_script( 'kopa_media_uploader', KF()->framework_url() . '/assets/js/media-uploader'.$suffix.'.js', array( 'jquery' ), NULL );
     86               
     87                if ( $this->is_use_advanced_fields() ) {               
     88            wp_enqueue_script( 'jquery-datetimepicker', KF()->framework_url() . '/assets/js/jquery.datetimepicker'.$suffix.'.js', array( 'jquery' ), NULL );
     89            wp_enqueue_script( 'jquery-chosen', KF()->framework_url() . '/assets/js/jquery-chosen'.$suffix.'.js', array( 'jquery' ), NULL );
     90            wp_enqueue_script( 'jquery-repeatable', KF()->framework_url() . '/assets/js/jquery-repeatable'.$suffix.'.js', array( 'jquery' ), NULL );
     91                    wp_enqueue_script( 'kopa_custom_fields', KF()->framework_url() . '/assets/js/admin-fields'.$suffix.'.js', array( 'jquery' ), NULL );
     92                }
     93
     94            }           
     95        }
     96
     97        public function is_allow( $hook ) {
     98            $screen           = get_current_screen();
     99            $is_theme_options =  in_array( $screen->id, kopa_get_screen_ids() );
     100            $is_other_pages   = in_array( $hook, array( 'widgets.php', 'post.php', 'post-new.php', 'edit-tags.php','term.php' ) );
     101
     102            return $is_other_pages || $is_theme_options;   
    151103        }
    152104
    … …  
    154106            return apply_filters( 'kopa_admin_metabox_advanced_field', false );
    155107        }
     108
     109        public function load_i18n_data() {
     110            wp_localize_script( 'jquery', 'kopa_google_fonts', kopa_google_font_property_list_array() );
     111            wp_localize_script( 'jquery', 'kopa_google_font_families', kopa_google_font_list() );
     112            wp_localize_script( 'jquery', 'kopa_system_fonts', kopa_system_font_list() );
     113            wp_localize_script( 'jquery', 'kopa_font_styles', kopa_font_style_options() );
     114            wp_localize_script( 'jquery', 'kopa_custom_font_attributes', $this->get_i18n_fonts() );
     115            wp_localize_script( 'jquery', 'kopa_admin_l10n', $this->get_i18n_admin() );             
     116            wp_localize_script( 'jquery', 'kopa_sidebar_attributes_l10n', $this->get_i18n_sidebar() );
     117        wp_localize_script( 'jquery', 'kopa_upload_l10n', $this->get_i18n_uploader() );
     118        wp_localize_script( 'jquery', 'kopa_advanced_field', $this->get_i18n_fields() );       
     119        }       
    156120
    157121        public function get_i18n_fonts() {
    … …  
    220184            return array(
    221185                'upload' => '+',
    222                 'remove' => '–',
     186                'remove' => '–'
    223187            );
    224188        }

  • kopatheme/trunk/includes/admin/fields/field_color.php

    r1486248 r1493677  
    2929
    3030    $output = $wrap_start;
    31     $output .= '<input class="' . esc_attr( $field_class ) . '" style="' . esc_attr( $settings['css'] ) . '" type="' . esc_attr( $settings['type'] ) . '" name="' . esc_attr( $settings['id'] ) . '" id="' . esc_attr( $settings['id'] ) . '" value="' . esc_attr( $value ) . '"' . $default_color . '>';
     31    $output .= '<input class="' . esc_attr( $field_class ) . '" style="' . esc_attr( $settings['css'] ) . '" type="text" name="' . esc_attr( $settings['id'] ) . '" id="' . esc_attr( $settings['id'] ) . '" value="' . esc_attr( $value ) . '"' . $default_color . '>';
    3232    $output .= $wrap_end;
    3333

  • kopatheme/trunk/includes/class-kopa-frontend-assets.php

    r1462248 r1493677  
    2525         */
    2626        public function __construct() {
    27             add_action( 'wp_enqueue_scripts', array( $this, 'register_styles' ) );
    28             // add_action( 'wp_enqueue_scripts', array( $this, 'register_scripts' ) );
     27            add_action( 'wp_enqueue_scripts', array( $this, 'register_styles' ) );         
    2928        }
    3029

  • kopatheme/trunk/kopa-framework.php

    r1490791 r1493677  
    33 * Plugin Name: Kopa Framework
    44 * Description: A WordPress framework by Kopatheme.
    5  * Version: 1.2.5
     5 * Version: 1.2.6
    66 * Author: Kopa Theme
    77 * Author URI: http://kopatheme.com

  • kopatheme/trunk/readme.txt

    r1490791 r1493677  
    55Requires at least: 4.1
    66Tested up to: 4.6
    7 Stable tag: 1.2.5
     7Stable tag: 1.2.6
    88License: GPLv2 or later
    99
    … …  
    2121
    2222== Changelog ==
     23
     24= 1.2.6 =
     25* Improve: hook "admin_enqueue_scripts"
     26
    2327= 1.2.5 =
    2428* Add new 4 fields: chosen, chosen_singular, repeater, repeater_link ( widget )
Note: See TracChangeset for help on using the changeset viewer.